/* Visual-first reading aids / 2026-09-18 */
.v4-icon{display:block;width:34px;height:34px;flex:none}.v4-home{color:#1c3d33}.v4-home .v3-button{min-height:52px}.v4-hero{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:44px;padding-block:42px 38px}.v4-hero h1{font-size:clamp(36px,4.4vw,55px);line-height:1.55;margin:0 0 18px;letter-spacing:.01em}.v4-hero h1 em{font-style:normal;background:linear-gradient(transparent 75%,#e4d39b 75%,#e4d39b 94%,transparent 94%)}.v4-hero-copy>p:not(.v3-kicker){font-size:17px;line-height:1.9;margin-bottom:22px}.v4-hero-copy>small{display:block;font-size:14px;margin-top:13px;color:#4f625a}.v4-hero-art{margin:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.v4-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px}.v4-hero-art figcaption{font:600 18px/1.7 var(--v3-serif);text-align:right;margin:10px 12px 0;color:#466751}.v4-section{padding-block:45px}.v4-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}.v4-number{font:normal 42px/1 var(--v3-serif);color:#af8b4f;min-width:57px}.v4-heading .v3-kicker{margin:0 0 6px}.v4-heading h2{font-size:31px;margin:0;line-height:1.65}.v4-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v4-choice.v3-choice{display:grid;grid-template-columns:1fr auto;gap:12px;justify-items:start;background:#fff;padding:21px;position:relative;min-height:125px;border:1px solid #c8d6c7;box-shadow:none}.v4-choice>.v4-icon{width:37px;height:37px;grid-column:1/-1;color:#54836c}.v4-choice>span{font-size:16px;line-height:1.7}.v4-choice .v4-choice-arrow{font-size:20px;align-self:end}.v4-choice[aria-pressed=true].v3-choice{background:#185342;color:#fff;border-color:#185342}.v4-choice[aria-pressed=true]>.v4-icon{color:#f1d7a3}.v4-choice[aria-pressed=true]:after{content:'';position:absolute;bottom:-10px;left:calc(50% - 9px);width:18px;height:18px;transform:rotate(45deg);background:#185342;z-index:2}.v4-route-result{background:#fff;border:1px solid #c8d6c7;border-radius:5px;padding:28px;margin-top:19px;text-align:center}.v4-route-result h3{font-size:23px;margin-bottom:6px}.v4-route-desc{font-size:15px;color:#526655;margin-bottom:18px}.v4-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none!important;margin:22px 0 25px!important;padding:0!important;gap:40px;counter-reset:none}.v4-flow li{display:grid;grid-template-columns:1fr;text-align:center;justify-items:center;position:relative;margin:0!important;padding:16px 8px 18px;background:#f1f5ed;border:1px solid #d6e2d0;border-radius:5px;line-height:1.65!important;min-width:0}.v4-flow li:nth-child(2){background:#f9f3e5;border-color:#e5d8b8}.v4-flow li:nth-child(3){background:#edf3f3;border-color:#d0dfdf}.v4-flow li:not(:last-child):after{content:'→';position:absolute;right:-32px;top:50%;transform:translateY(-50%);font-size:27px;font-weight:400;color:#688370}.v4-stepicon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;background:#fff;border-radius:50%;border:1px solid #d2dec8;margin-bottom:10px}.v4-stepicon .v4-icon{width:38px;height:38px;color:#356f51}.v4-flow li:nth-child(2) .v4-stepicon{border-color:#e0cda5}.v4-flow li:nth-child(2) .v4-stepicon .v4-icon{color:#906c2d}.v4-flow li:nth-child(3) .v4-stepicon .v4-icon{color:#467581}.v4-stepno{font-size:13px;font-weight:700;color:#6d826b;line-height:1.4;margin-bottom:3px}.v4-flow strong{display:block;font-size:19px}.v4-flow small{display:block;font-size:14px;color:#4c6051;margin-top:5px;line-height:1.7}.v4-deadline{display:flex;align-items:center;gap:14px;text-decoration:none;padding:18px 20px;margin-top:18px;background:#f4eddf;border:1px solid #e2d4b8;border-radius:4px}.v4-deadline>.v4-icon{color:#8a692e}.v4-deadline strong{display:block;font-size:16px}.v4-deadline small{display:block;font-size:14px;color:#635e4e}.v4-deadline>b{margin-left:auto;font-weight:400}.v4-cost-section{background:#e9eee7;border-block:1px solid #d3ddce}.v4-cost-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.v4-intro{font-size:17px;margin-bottom:20px}.v4-cost-toggle{display:inline-flex;gap:5px;border-radius:6px;background:#dbe5d5;padding:5px}.v4-cost-toggle button{border:0;background:none;padding:10px 14px;border-radius:4px;min-height:44px;font-size:15px;line-height:1.6}.v4-cost-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #183f2015;font-weight:700;color:#1d5944}.v4-cost-total{margin:22px 0}.v4-cost-total>span{font-size:15px}.v4-cost-total>strong{display:block;font-size:66px;line-height:1.3;font-weight:700;letter-spacing:-.03em;color:#184c39;font-variant-numeric:tabular-nums}.v4-cost-total>strong small{font-size:20px;margin-left:8px;font-weight:500;letter-spacing:0}.v4-cost-total p{font-size:14px;color:#5c6657;margin:7px 0}.v4-bars{padding:30px 28px;background:#fff;border-radius:5px;border:1px solid #d4decd}.v4-bar-row{display:grid;grid-template-columns:107px 1fr 62px;gap:13px;align-items:center;margin:0 0 22px}.v4-bar-row>span{font-size:15px;white-space:nowrap}.v4-bar-track{height:22px;background:#eff2eb;border-radius:3px;overflow:hidden}.v4-bar{display:block;width:var(--bar-width);background:var(--bar-color);height:100%;border-radius:3px;transition:width .25s ease}.v4-bar-row strong{font-size:20px;line-height:1.5;font-variant-numeric:tabular-nums;text-align:right}.v4-bar-row small{font-size:12px;font-weight:400;margin-left:3px}.v4-bar-row.is-excluded .v4-bar{width:0}.v4-bar-row.is-excluded .v4-bar-track{background:repeating-linear-gradient(135deg,#f5f5ef 0,#f5f5ef 4px,#e7ecdf 4px,#e7ecdf 5px)}.v4-bar-row.is-excluded>strong{font-size:14px;color:#5a6555}.v4-bar-caption{font-size:14px;margin:6px 0 0;color:#5f6c59;border-top:1px solid #dce3d5;padding-top:15px}.v4-sheet-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.v4-sheet-demo{background:#fff;border:1px solid #c7d5c2;border-top:5px solid #50795b;border-radius:3px;box-shadow:8px 8px 0 #e4eadf;padding:24px;max-width:650px}.v4-sheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ccd8c7;padding-bottom:17px;margin-bottom:4px;font-size:16px;font-weight:700}.v4-sheet-top b{font-size:12px;white-space:nowrap;background:#f1ead8;color:#755b26;padding:4px 7px;border-radius:3px}.v4-sheet-row{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #dfe5d9;align-items:center;font-size:15px}.v4-sheet-row>span{color:#5e735c}.v4-sheet-row>strong{font-weight:600;color:#2f6356}.v4-family-bubbles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.v4-family-bubbles>div{position:relative;padding-left:38px}.v4-family-bubbles b{position:absolute;left:0;top:5px;border-radius:50%;display:grid;place-items:center;background:#e6eadc;color:#37604a;width:30px;height:30px;font-size:14px}.v4-family-bubbles p{background:#eef3e8;border-radius:0 9px 9px;padding:12px;font-size:14px;line-height:1.8;margin:0}.v4-family-bubbles>div:nth-child(2) p{background:#f8efe1}.v4-family-bubbles>div:nth-child(2) b{background:#eadcc3;color:#80612c}.v4-sheet-action{padding:15px 17px;background:#edf3eb;border-left:3px solid #628863;display:flex;gap:18px;align-items:center}.v4-sheet-action span{font-size:14px;font-weight:700;color:#5b7753;flex:none}.v4-sheet-action strong{font-size:16px;line-height:1.8}.v4-mini-step{display:flex;gap:18px;align-items:center;padding:0 0 25px;position:relative}.v4-mini-step>span{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#215a42;color:#fff;font-size:17px}.v4-mini-step:not(:nth-child(3)):after{content:'';position:absolute;width:1px;background:#a7bc9b;top:46px;bottom:6px;left:19px}.v4-mini-step strong{font-size:20px}.v4-mini-step p{font-size:15px;margin:4px 0 0;color:#53664e}.v4-sheet-explainer .v3-button{margin-top:6px}.v4-compare-section{background:#ecf0e8;border-block:1px solid #d8e1d2}.v4-matrix{border:1px solid #c8d5c2;border-radius:5px;overflow:hidden;background:#fff;margin:20px 0}.v4-matrix table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.7;margin:0}.v4-matrix caption{text-align:left;font-size:15px;padding:13px 19px;background:#f8faf4;border-bottom:1px solid #d4dfcd;color:#59704f}.v4-matrix th,.v4-matrix td{padding:19px 12px;border-right:1px solid #d6e0d1;border-bottom:1px solid #d6e0d1;text-align:center;vertical-align:middle}.v4-matrix thead th{background:#f1f5ec;color:#2c5940;font-size:20px}.v4-matrix thead th:first-child{font-size:14px;width:22%;color:#5b7151}.v4-matrix thead .v4-icon{width:37px;height:37px;margin:0 auto 9px}.v4-matrix th>span{display:block}.v4-matrix tbody th{font-size:16px;font-weight:700;background:#f7f9f2}.v4-matrix tr:last-child>*{border-bottom:0}.v4-matrix tr>*:last-child{border-right:0}.v4-matrix td{background:#fff!important}.v4-compare-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:23px}.v4-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v4-resource{display:flex;align-items:center;gap:15px;padding:22px 20px;border:1px solid #cfdbca;background:#fff;text-decoration:none;border-radius:4px}.v4-resource>.v4-icon{width:30px;height:30px;color:#5c8060}.v4-resource strong{font-size:17px}.v4-resource small{display:block;font-size:14px;color:#5e6e56;margin-top:3px}.v4-resource>b{margin-left:auto;font-weight:400;font-size:17px}.v4-resource:hover{background:#edf3e7;border-color:#72936c}.v4-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid #d4dfce;padding-block:28px 42px}.v4-trust>div{display:grid;grid-template-columns:30px 1fr;gap:3px 12px;align-items:center}.v4-trust .v4-icon{width:26px;height:26px;grid-row:1/3;color:#69835e}.v4-trust strong{font-size:15px}.v4-trust span,.v4-trust a{font-size:13px;color:#5f6f56}
/* Visual explanations in existing articles */
.v4-reading-visual{margin:24px 0 28px;border-block:1px solid #d7e2d0;padding:20px 0}.v4-reading-visual>h2,.v3-article .v4-reading-visual>h2{font-size:20px;font-family:var(--v3-sans);margin:0 0 15px;padding:0;border:0}.v3-article .v4-flow{gap:28px}.v3-article .v4-flow li{font-size:16px;margin:0;padding:13px 6px}.v3-article .v4-flow li:not(:last-child):after{right:-24px;font-size:24px}.v3-article .v4-flow strong{font-size:17px}.v3-article .v4-flow small{font-size:14px}.v4-cost-components{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0 18px}.v4-cost-components>span{display:grid;justify-items:center;gap:10px;background:#eef3e8;padding:15px 6px;border-radius:5px;font-size:15px}.v4-cost-components>span:nth-child(2n){background:#f5efdf}.v4-cost-components .v4-icon{width:29px;height:29px;color:#58784f}.v4-inline-cta{display:block;padding:10px 0;min-height:44px;font-size:15px;font-weight:700}.v4-example-details{margin:20px 0!important}.v4-example-details>summary{font-size:16px;min-height:44px;cursor:pointer}.v4-example-details .v4-sheet-demo{margin:18px 0;box-shadow:none}.v3-article .v4-sheet-demo p{font-size:14px;line-height:1.8}.v3-article .v4-matrix th,.v3-article .v4-matrix td{padding:14px 8px;font-size:15px;word-break:normal}.v3-article .v4-matrix thead th{font-size:18px}.v3-article .v4-matrix thead th:first-child{font-size:13px}
@media(max-width:1000px){.v4-hero{gap:30px}.v4-hero h1{font-size:43px}.v4-choice.v3-choice{padding:17px}.v4-choice>span{font-size:15px}.v4-cost-layout{gap:30px}.v4-bars{padding:24px 20px}.v4-bar-row{grid-template-columns:100px 1fr 60px;gap:9px}.v4-sheet-layout{gap:40px}.v4-sheet-demo{padding:20px}.v4-family-bubbles{gap:12px}.v4-family-bubbles>div{padding-left:0}.v4-family-bubbles b{position:static;margin-bottom:7px}.v4-resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.v4-hero{gap:24px;grid-template-columns:1fr 1.05fr;padding-block:32px}.v4-hero h1{font-size:35px}.v4-hero-copy>p:not(.v3-kicker){font-size:16px}.v4-hero .v3-button{font-size:15px;padding-inline:14px}.v4-hero-art img{aspect-ratio:1;object-position:center}.v4-hero-art figcaption{font-size:16px}.v4-heading h2{font-size:28px}.v4-choices{grid-template-columns:repeat(2,1fr);gap:12px}.v4-choice.v3-choice{grid-template-columns:38px 1fr auto;align-items:center;min-height:80px;padding:18px;gap:13px}.v4-choice>.v4-icon{grid-column:auto}.v4-choice>span{font-size:16px}.v4-choice .v4-choice-arrow{align-self:center}.v4-choice[aria-pressed=true]:after{display:none}.v4-cost-layout{gap:25px}.v4-cost-toggle button{padding:9px;font-size:14px}.v4-bar-row{grid-template-columns:90px 1fr 52px;gap:8px;margin-bottom:18px}.v4-bar-row>span{font-size:13px}.v4-bar-row strong{font-size:18px}.v4-bars{padding:20px 16px}.v4-bar-track{height:18px}.v4-cost-total>strong{font-size:57px}.v4-cost-total>strong small{font-size:17px}.v4-sheet-layout{gap:25px}.v4-mini-step{gap:13px;padding-bottom:22px}.v4-mini-step strong{font-size:18px}.v4-mini-step p{font-size:14px}.v4-sheet-top{flex-wrap:wrap;font-size:15px}.v4-sheet-row{grid-template-columns:83px 1fr;font-size:14px}.v4-sheet-action{display:block}.v4-sheet-action strong{display:block;margin-top:5px}.v4-trust{gap:18px}.v4-trust>div{display:block}.v4-trust .v4-icon{margin-bottom:10px}.v4-trust strong,.v4-trust span,.v4-trust a{display:block}}
@media(max-width:600px){.v4-hero{display:grid;grid-template-columns:1fr;padding-block:25px 20px;gap:16px}.v4-hero-copy{display:contents}.v4-hero-copy .v3-kicker{grid-row:1;margin:0;font-size:14px}.v4-hero h1{grid-row:2;font-size:35px;line-height:1.55;margin:0}.v4-hero-copy>p:not(.v3-kicker){grid-row:4;font-size:16px;line-height:1.85;margin:0}.v4-hero-art{grid-row:3}.v4-hero-art img{aspect-ratio:1.8;height:auto;object-fit:cover;object-position:center 57%}.v4-hero-art figcaption{display:none}.v4-hero .v3-button{grid-row:5;width:100%;margin:0}.v4-hero-copy>small{grid-row:6;margin:0;font-size:13px}.v4-section{padding-block:28px}.v4-heading{gap:12px;margin-bottom:20px;align-items:flex-start}.v4-number{font-size:32px;min-width:38px;padding-top:3px}.v4-heading .v3-kicker{font-size:13px;margin-bottom:5px}.v4-heading h2{font-size:25px;line-height:1.6}.v4-choices{gap:9px}.v4-choice.v3-choice{grid-template-columns:1fr auto;gap:8px;padding:16px 13px;min-height:113px;align-content:start}.v4-choice>.v4-icon{grid-column:1/-1;width:32px;height:32px}.v4-choice>span{font-size:15px;line-height:1.65}.v4-choice .v4-choice-arrow{font-size:18px;align-self:end}.v4-route-result{padding:22px 14px;margin-top:14px}.v4-route-result h3{font-size:21px}.v4-route-desc{font-size:14px;line-height:1.8;margin:7px 0}.v4-flow{gap:20px;margin:18px 0 22px!important}.v4-flow li{padding:13px 5px 12px}.v4-flow li:not(:last-child):after{right:-18px;font-size:21px}.v4-stepicon{width:46px;height:46px;margin-bottom:8px}.v4-stepicon .v4-icon{width:28px;height:28px}.v4-stepno{font-size:12px}.v4-flow strong{font-size:15px;line-height:1.7}.v4-flow small{font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin-top:6px}.v4-route-result>.v3-button{font-size:15px;width:100%;padding:13px 12px}.v4-deadline{padding:15px 13px;gap:12px}.v4-deadline>.v4-icon{width:29px;height:29px}.v4-deadline strong{font-size:15px}.v4-deadline small{font-size:13px}.v4-cost-layout{grid-template-columns:1fr;gap:20px}.v4-intro{font-size:16px;margin-bottom:15px}.v4-cost-toggle{display:flex}.v4-cost-toggle button{font-size:15px;flex:1}.v4-cost-total{margin:19px 0 20px}.v4-cost-total>strong{font-size:59px}.v4-cost-total>strong small{font-size:20px}.v4-cost-total p{font-size:14px}.v4-cost-layout .v3-button{width:100%;font-size:15px}.v4-bars{padding:22px 18px}.v4-bar-row{grid-template-columns:97px 1fr 59px;gap:9px;margin-bottom:19px}.v4-bar-row>span{font-size:14px}.v4-bar-row strong{font-size:19px}.v4-bar-track{height:21px}.v4-bar-caption{font-size:14px}.v4-sheet-layout{display:flex;flex-direction:column;gap:30px;align-items:stretch}.v4-sheet-demo{padding:18px 16px;box-shadow:5px 5px 0 #e4eadf}.v4-sheet-top{flex-wrap:nowrap;font-size:14px;gap:8px}.v4-sheet-top b{font-size:11px}.v4-sheet-row{grid-template-columns:92px 1fr;font-size:15px;padding-block:12px}.v4-family-bubbles{gap:12px;margin-block:15px}.v4-family-bubbles>div{padding-left:0}.v4-family-bubbles p{font-size:14px;padding:11px}.v4-family-bubbles b{margin-bottom:7px}.v4-sheet-action{display:flex;gap:14px;padding:13px}.v4-sheet-action strong{font-size:15px;margin:0}.v4-sheet-explainer{padding-inline:5px}.v4-mini-step strong{font-size:19px}.v4-mini-step p{font-size:15px}.v4-sheet-explainer .v3-button{width:100%;font-size:15px}.v4-matrix table{font-size:14px}.v4-matrix caption{font-size:14px;padding:12px}.v4-matrix th,.v4-matrix td{padding:14px 7px;word-break:normal;overflow-wrap:anywhere}.v4-matrix thead th{font-size:17px}.v4-matrix thead th:first-child{font-size:12px;width:19%}.v4-matrix thead .v4-icon{width:30px;height:30px}.v4-matrix tbody th{font-size:14px}.v4-compare-actions{display:block;margin-top:17px}.v4-compare-actions .v3-button{width:100%;font-size:15px}.v4-compare-actions .v3-textlink{font-size:14px;margin-top:13px;line-height:1.8}.v4-resource-grid{grid-template-columns:1fr;gap:10px}.v4-resource{padding:17px 18px;gap:16px}.v4-resource strong{font-size:17px}.v4-resource small{font-size:14px}.v4-trust{grid-template-columns:1fr;gap:20px;padding-block:25px 30px}.v4-trust>div{display:grid;grid-template-columns:30px 1fr;gap:2px 12px}.v4-trust .v4-icon{margin:0}.v4-trust strong{font-size:15px}.v4-trust span,.v4-trust a{font-size:14px}.v3-article .v4-flow{gap:16px}.v3-article .v4-flow li{padding:11px 4px}.v3-article .v4-flow li:not(:last-child):after{right:-15px;font-size:19px}.v3-article .v4-flow strong{font-size:14px}.v3-article .v4-flow small{font-size:12px}.v4-reading-visual>h2,.v3-article .v4-reading-visual>h2{font-size:19px}.v4-cost-components{gap:5px}.v4-cost-components>span{font-size:12px;padding:12px 4px}.v4-cost-components .v4-icon{width:25px;height:25px}.v3-article .v4-matrix th,.v3-article .v4-matrix td{padding:12px 5px;font-size:13px}.v3-article .v4-matrix thead th{font-size:16px}.v3-article .v4-matrix thead th:first-child{font-size:12px}.v4-example-details .v4-sheet-top{flex-wrap:wrap}.v3-article .v4-sheet-demo .v4-sheet-row{grid-template-columns:75px 1fr;font-size:14px}.v3-article .v4-sheet-demo .v4-family-bubbles p{font-size:13px}.v3-article .v4-sheet-demo .v4-sheet-action{display:block}.v3-article .v4-sheet-demo .v4-sheet-action strong{margin-top:6px;font-size:14px}}
@media(max-width:350px){.v4-hero h1{font-size:31px}.v4-choice>span{font-size:14px}.v4-flow{gap:15px}.v4-flow li:not(:last-child):after{right:-14px;font-size:18px}.v4-flow strong{font-size:14px}.v4-flow small{font-size:12px}.v4-route-result{padding-inline:10px}.v4-stepicon{width:40px;height:40px}.v4-bar-row{grid-template-columns:88px 1fr 54px;gap:6px}.v4-bar-row>span{font-size:13px}.v4-sheet-top{flex-wrap:wrap}.v4-sheet-action{display:block}.v4-sheet-action strong{margin-top:5px}.v4-matrix td{font-size:13px}}
@media(prefers-reduced-motion:reduce){.v4-bar{transition:none}}
@media print{.v4-reading-visual,.v4-example-details{display:none!important}.v4-matrix{break-inside:avoid}}
@media(max-width:600px){.v4-flow small,.v3-article .v4-flow small{font-size:14px}.v4-cost-components>span{font-size:14px}.v3-article .v4-matrix td{font-size:14px}}
@media(max-width:350px){.v4-flow small{font-size:14px}}