/* GAO TOOLS / GAO-0014. Draft-only four-infographic beginner article.
   No JS, remote fonts, tracking or image dependencies. */
.guide-review-label{background:#b5d9b7;color:#123e2a;padding:6px 16px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.02em}
.guide-breadcrumbs{font-size:12px;padding:19px 0;color:#5b7065}
.guide-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.guide-hero{background:linear-gradient(115deg,#eaf2e8,#f7f7ef 76%);border-block:1px solid #e3ece0}
.guide-hero__inner{padding:60px 0 67px;max-width:1170px}
.guide-hero__kicker{font-size:15px;font-weight:800;color:#47705b;margin:17px 0 12px}
.guide-hero h1{font-size:clamp(32px,4.3vw,51px);line-height:1.4;max-width:900px;margin:0 0 23px}
.guide-hero h1 span{display:block;color:#235443}
.guide-lead{max-width:760px;color:#526f5c;font-size:clamp(15px,1.5vw,17px);line-height:1.9}
.guide-hero__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.guide-hero__facts span{border:1px solid #ccdfce;color:#376347;background:#fff8;padding:5px 12px;border-radius:50px;font-size:12px;font-weight:800}
.guide-main{max-width:1060px}
.guide-body{max-width:860px;margin-inline:auto;padding:57px 0 85px}
.guide-body p{line-height:2}
.guide-body .guide-opening{font-size:16px;margin-bottom:29px}
.graphic{margin:34px 0 44px;padding:30px;background:#fff;border:1px solid #d8e3d8;border-radius:22px;box-shadow:0 8px 30px #173d320b;min-width:0}
.graphic__heading{display:flex;flex-direction:column;gap:2px;margin-bottom:23px;line-height:1.5}
.graphic__tag{align-self:start;background:#dcefd6;color:#235a42;border-radius:50px;font-size:11px;font-weight:900;padding:5px 12px;letter-spacing:.05em}
.graphic__title{font-size:clamp(20px,2.5vw,28px);line-height:1.5;letter-spacing:-.045em;font-weight:900;color:#1c4434;margin-top:9px}
.graphic__subtitle{font-size:13px;color:#5c7666}
.graphic__foot{font-size:12px;color:#4f6c59;line-height:1.9!important;margin:18px 0 0}
.checkpoints{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.checkpoints li{display:flex;align-items:flex-start;gap:11px;padding:19px 13px;background:#f1f6ee;border-radius:14px;min-width:0}
.checkpoints__num{border-radius:9px;background:#1b523c;color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:900;min-width:35px;height:35px}
.checkpoints strong,.terms-list strong{display:block;font-size:15px;line-height:1.5;color:#243d2e}
.checkpoints p,.terms-list p{font-size:12px;color:#566f60;margin:3px 0 0!important;line-height:1.65!important}
.guide-toc{background:#f1f5ee;border:1px solid #e0e8de;border-radius:15px;padding:23px 29px;margin-bottom:52px}
.guide-toc strong{color:var(--forest);font-size:15px}
.guide-toc ol{margin:11px 0 0;padding-left:22px;display:grid;gap:5px;font-size:13px}
.guide-toc a{color:#255b43;text-decoration:underline;text-underline-offset:3px}
.guide-section{scroll-margin-top:28px;padding-top:14px;margin:53px 0 67px;border-top:1px solid #dde6dc}
.guide-section h2{font-size:clamp(23px,2.9vw,30px);line-height:1.55;display:flex;align-items:start;gap:13px;margin:32px 0 23px}
.guide-section__num{font-size:14px;font-weight:900;background:#e2f0de;color:#1e6240;min-width:39px;height:39px;border-radius:11px;display:inline-grid;place-items:center;flex-shrink:0;margin-top:2px}
.guide-section p{font-size:15px;color:#394f42;margin-bottom:18px}
.guide-example{background:#eef5e9;border-left:4px solid #52936f;border-radius:8px;padding:20px 22px;margin:24px 0}
.guide-example__label{font-size:12px;font-weight:850;color:#2b6b47}
.guide-example p{margin:5px 0 0!important;font-weight:700;font-size:14px;line-height:1.8}
.guide-table-wrap{width:100%;overflow-x:auto}
.guide-table{width:100%;border-collapse:collapse;background:#fff;margin:16px 0 19px;font-size:14px}
.guide-table caption{text-align:left;font-weight:800;color:#3f624c;font-size:12px;padding-bottom:8px}
.guide-table th,.guide-table td{padding:12px 16px;border-bottom:1px solid #e2e9e0;text-align:left}
.guide-table thead th{background:#e9f2e6;color:#23543d;font-size:12px}
.guide-table tr>:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.guide-table__total{background:#eff7ec;font-weight:900}
.guide-small-note{font-size:12px!important;color:#597063!important}
.price-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.price-steps li{background:#f3f7f1;border:1px solid #deeadc;border-radius:12px;display:flex;align-items:center;gap:15px;padding:15px 19px;position:relative}
.price-steps li+li::before{content:'↓';position:absolute;top:-23px;left:50%;color:#4a7d55;font-weight:900}
.price-steps__number{font-size:11px;letter-spacing:.05em;color:#306e4e;font-weight:900;white-space:nowrap}
.price-steps li>div{flex:1;min-width:0}
.price-steps strong{display:block;font-size:14px}
.price-steps p{font-size:12px;color:#627569;margin:2px 0 0!important;line-height:1.6!important}
.price-steps b{font-size:17px;color:#1c4a34;white-space:nowrap}
.price-result{margin-top:20px;background:var(--forest);color:white;border-radius:14px;padding:23px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}
.price-result>span{font-size:13px;color:#cee3ce}
.price-result>strong{font-size:clamp(40px,6vw,57px);line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.price-result>strong small{font-size:20px;letter-spacing:0}
.price-result>p{font-size:12px;color:#c9e3cf;margin:0!important;line-height:1.6!important}
.breakdown-summary{display:flex;flex-direction:column;align-items:center;padding:11px 0 20px}
.breakdown-summary>span{font-size:13px;color:#516e59}
.breakdown-summary strong{font-size:clamp(42px,6vw,62px);line-height:1.35;color:#183f31;font-variant-numeric:tabular-nums}
.breakdown-summary strong small{font-size:21px}
.breakdown-bar{height:21px;display:flex;gap:2px;overflow:hidden;border-radius:7px;margin:0 0 16px}
.breakdown-bar span{min-width:0;display:block}
.breakdown-bar__labor{width:78.94736842%;background:#244c3e}
.breakdown-bar__expense{width:5.26315789%;background:#7aab81}
.breakdown-bar__fee{width:5%;background:#edba75}
.breakdown-bar__remaining{width:10.78947368%;background:#b8cead}
.guide-table--breakdown{margin:0}
.guide-table--breakdown tbody th{font-weight:700;max-width:420px;line-height:1.65}
.legend{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:9px;vertical-align:0}
.legend--labor{background:#244c3e}.legend--expense{background:#7aab81}.legend--fee{background:#edba75}.legend--remaining{background:#b8cead}
.monthly-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}
.monthly-summary>div{border-radius:13px;background:#e8f2e4;padding:18px 20px}
.monthly-summary span{display:block;font-size:12px;color:#3d684e;font-weight:800}
.monthly-summary strong{font-size:29px;color:#1b5238;font-variant-numeric:tabular-nums}
.monthly-summary small{font-size:13px;margin-left:3px}
.guide-primary-cta{background:#e7f1e1;border:1px solid #b7d8b8;border-radius:19px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:29px 0}
.guide-primary-cta>div{flex:1;min-width:0}
.guide-primary-cta__eyebrow{font-size:11px;font-weight:850;letter-spacing:.04em;color:#2c7451}
.guide-primary-cta h3{font-size:22px;margin:8px 0}
.guide-primary-cta p{color:#45654e;font-size:13px;margin:0!important;line-height:1.9!important}
.guide-primary-cta .primary-button{flex-shrink:0}
.terms-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.terms-list li{display:flex;align-items:flex-start;gap:13px;background:#f2f7ef;border:1px solid #e0e9dc;border-radius:12px;padding:17px;min-width:0}
.terms-list__empty{width:20px;height:20px;border:2px solid #47745b;border-radius:5px;flex-shrink:0;margin-top:1px}
.guide-closing{background:#edf4e9;border-radius:22px;padding:37px 36px;margin-top:58px}
.guide-closing h2{font-size:clamp(23px,3.2vw,31px);margin:0 0 13px}
.guide-closing>p{font-size:14px;color:#475f50}
.guide-closing>.primary-button{margin:7px 0 25px}
.guide-product{border-top:1px solid #b9d1bc;padding-top:25px}
.guide-product__label{display:inline-block;border-radius:50px;color:#315e43;background:#d8e8d2;padding:4px 10px;font-size:11px;font-weight:800}
.guide-product h3{font-size:19px;margin:13px 0 11px}
.guide-product p{font-size:14px;color:#486451}
.guide-product a{font-size:14px;font-weight:850;color:#215a3d;text-underline-offset:3px}
.guide-disclaimer{border-top:1px solid #c1d8be;padding-top:21px;margin:25px 0 0!important;font-size:13px!important;line-height:1.9!important}
@media(max-width:780px){.checkpoints{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-primary-cta{display:block}.guide-primary-cta .primary-button{margin-top:18px}}
@media(max-width:640px){
 .guide-hero__inner{padding:42px 0 48px}.guide-hero h1{font-size:clamp(29px,8vw,37px)}.guide-lead{font-size:15px}
 .guide-body{padding:35px 0 60px}.guide-body .guide-opening{font-size:15px}
 .graphic{padding:19px 16px;border-radius:17px;margin:28px 0 35px}
 .graphic__title{font-size:21px}.checkpoints,.terms-list,.monthly-summary{grid-template-columns:1fr}
 .checkpoints li{padding:15px}.guide-toc{padding:19px}.guide-section{margin:40px 0 51px}
 .guide-section h2{gap:9px;font-size:23px;align-items:start}.guide-section__num{min-width:33px;height:33px;font-size:12px}
 .guide-table th,.guide-table td{padding:11px 8px;font-size:12px}.guide-table--breakdown tbody th{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.guide-table--breakdown tbody td{font-size:13px;font-weight:700}.graphic--breakdown .graphic__foot{font-size:13px;line-height:1.9!important}
 .price-steps li{display:grid;grid-template-columns:auto 1fr;gap:4px 11px;padding:14px 12px}
 .price-steps__number{grid-row:span 2}.price-steps li>div{grid-column:2}.price-steps b{grid-column:2;font-size:17px}
 .price-result{padding:20px 14px}.guide-primary-cta{padding:21px}
 /* Mobile readability improvements after actual OWNER screenshot (figure 02). */
 .graphic--steps .price-steps__number{font-size:12px}
 .graphic--steps .price-steps p{font-size:13px;line-height:1.8!important}
 .graphic--steps .price-result>p{font-size:13px}
 .graphic--steps .graphic__foot{font-size:13px;line-height:1.9!important}
 .guide-primary-cta .primary-button{width:100%;font-size:13px;text-align:center}
 .guide-closing{padding:27px 20px}.guide-closing>.primary-button{width:100%;font-size:13px}
 .footer__inner{gap:13px}
}
@media(max-width:360px){.graphic{padding:16px 12px}.guide-table--breakdown tbody th{overflow-wrap:anywhere}.guide-table th,.guide-table td{padding:10px 5px}.guide-primary-cta{padding:17px}}
@media print{
 .guide-review-label,.guide-toc,.guide-primary-cta,.guide-closing>.primary-button,.guide-product{display:none!important}
 .guide-hero__inner{padding:20px 0}.guide-body{padding:12px 0}.guide-section{break-inside:avoid-page;margin:22px 0}
 .graphic{break-inside:avoid-page;box-shadow:none;border:1px solid #999}
}