.visual-guide{--vg-ink:#202820;--vg-green:#d3f6a4;color:#f0f3ed;width:100%;max-width:1240px;margin:auto;padding:32px 32px 80px}.visual-guide *{box-sizing:border-box}:is(.visual-guide a:focus-visible,.visual-guide summary:focus-visible){outline-offset:4px;outline:3px solid #8ecb60}.vg-hero{padding:40px 0 28px}.vg-kicker{letter-spacing:.12em;color:#b9c7b0;margin:0 0 10px;font:11px/1.6 monospace}.vg-hero h1{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(29px,4vw,46px);font-weight:800;line-height:1.4}.vg-intro{color:#d5dfce;font-size:17px;line-height:1.8}.vg-date{color:#bbc8b3;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:12px;line-height:1.8;display:flex}.vg-date i{background:var(--vg-green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.vg-date a{color:#d3f6a4;text-underline-offset:4px;text-decoration:underline}.vg-newer{color:#f4ddb0;margin-top:14px;font-size:13px;line-height:1.8}.vg-newer a{margin-left:10px;text-decoration:underline}.vg-essentials{color:var(--vg-ink);background:#d3f6a4;border-radius:16px;margin-bottom:28px;padding:28px}.vg-essentials .vg-kicker{color:#4a6738;letter-spacing:.04em;font-family:inherit}.vg-essentials h2{font-size:27px;font-weight:800;line-height:1.4}.vg-essentials>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.vg-essentials>div>a{border-right:1px solid #a2c97b;flex-direction:column;gap:9px;padding-right:26px;display:flex}.vg-essentials>div>a:last-child{border:0;padding:0}.vg-key-number{color:#4d6c36;font:12px/1.5 monospace}.vg-essentials h3{letter-spacing:-.02em;font-size:19px;font-weight:750;line-height:1.7}.vg-essentials a>p{color:#354d27;margin-bottom:12px;font-size:14px;line-height:1.85}.vg-key-link{margin-top:auto;font-size:12px;line-height:1.8}.vg-essentials a:hover .vg-key-link{text-decoration:underline}.vg-flow{border-bottom:1px solid #35402f;margin-bottom:36px;padding:18px 0 27px}.vg-flow h2{margin-bottom:17px;font-size:15px;font-weight:650;line-height:1.8}.vg-flow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;list-style:none;display:grid}.vg-flow li{align-items:flex-start;gap:12px;display:flex}.vg-flow li>span{text-align:center;color:#d3f6a4;border:1px solid #627254;border-radius:50%;flex-shrink:0;width:28px;font:13px/28px monospace}.vg-flow h3{font-size:15px;font-weight:650;line-height:1.7}.vg-flow li p{color:#bdc9b5;margin-top:3px;font-size:12px;line-height:1.9}.vg-flow>p{color:#aebca5;margin-top:16px;font-size:11px;line-height:1.9}.vg-reading-layout{grid-template-columns:195px minmax(0,1fr);align-items:start;gap:34px;display:grid}.vg-index{position:sticky;top:24px}.vg-index nav>p{color:#becbb6;margin-bottom:16px;font-size:12px}.vg-index ol{padding:0;list-style:none}.vg-index li a{color:#dce6d4;border-bottom:1px solid #2e3929;gap:11px;padding:10px 2px;font-size:13px;line-height:1.7;display:flex}.vg-index li a:hover{color:#d3f6a4}.vg-index li span{color:#93a783;flex-shrink:0;font:11px/23px monospace}.vg-news-link{color:#d3f6a4;margin:24px 0 14px;font-size:12px;line-height:1.9;display:block}.vg-scope-note{color:#b7c3ae;font-size:11px;line-height:1.9}.vg-section{--accent:#dcebcf;color:var(--vg-ink);background:#f7f8f3;border:1px solid #d5ddcc;border-radius:13px;margin-bottom:24px;scroll-margin-top:24px;position:relative;overflow:hidden}.vg-anchor-alias{scroll-margin-top:24px;position:absolute;top:0}.vg-section-header{align-items:flex-start;gap:15px;padding:26px 28px 13px;display:flex}.vg-number{color:#687e56;text-align:center;border:1px solid #c6d2ba;border-radius:6px;flex-shrink:0;width:30px;font:13px/26px monospace}.vg-section-header>div{min-width:0}.vg-section-header p{color:#627253;margin-bottom:6px;font-size:11px;line-height:1.6}.vg-section h2{letter-spacing:-.025em;font-size:23px;font-weight:750;line-height:1.65}.vg-lead{color:#35482d;padding:0 28px 20px;font-size:15px;line-height:1.95}.vg-section-content{padding:0 28px 24px}.vg-visual{background:#ecf1e5;border:1px solid #d5dfcb;border-radius:9px;min-width:0;padding:20px}.guide-graphic{margin:0}.guide-graphic figcaption{margin-bottom:16px;font-size:13px;font-weight:700;line-height:1.8}.graphic-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.graphic-item{background:#fff;border:1px solid #d2ddc7;border-radius:6px;min-width:0;padding:14px 12px}.graphic-item-label{color:#536848;font-size:11px;line-height:1.7;display:block}.graphic-item>strong{overflow-wrap:anywhere;margin:7px 0;font-size:clamp(17px,1.7vw,23px);font-weight:750;line-height:1.6;display:block}.graphic-item>p{color:#4c5f41;font-size:12px;line-height:1.8}.graphic-step{display:none}.graphic-route .graphic-item:last-child,.graphic-equation .graphic-item:last-child{background:#dcebcf}.graphic-caption{color:#526448;margin-top:14px;font-size:11px;line-height:1.85}.graphic-balance .graphic-items,.graphic-gates .graphic-items{grid-template-columns:repeat(2,minmax(0,1fr))}.graphic-balance .graphic-item:nth-child(2){background:#f4e8e3;border-color:#ddc6bc}.graphic-bars{gap:13px;display:grid}.graphic-bar-row>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.graphic-bar-row span{font-size:12px}.graphic-bar-row strong{font-size:18px;font-weight:750}.graphic-bar-track{background:#d8e3cf;border-radius:3px;height:9px;overflow:hidden}.graphic-bar-track>div{background:#638649;height:100%}.graphic-bar-row small{color:#506246;margin-top:4px;font-size:11px;line-height:1.8;display:block}.vg-takeaway{margin-top:19px}.vg-takeaway h3{color:#55743e;margin-bottom:8px;font-size:12px;font-weight:750;line-height:1.7}.vg-takeaway .reader-text p{color:#293923;margin:0;font-size:14px;line-height:1.95}.vg-takeaway .reader-text p+p{margin-top:10px}.vg-takeaway ul{margin-top:12px;padding-left:18px;font-size:13px;line-height:1.9;list-style:outside}.vg-section-caution{color:#4c5f40;border-left:2px solid #a8ba94;margin:0 28px 21px;padding-left:12px;font-size:12px;line-height:1.9}.vg-details{border-top:1px solid #d7dfcf}.vg-details>summary{cursor:pointer;color:#456230;justify-content:space-between;gap:14px;padding:15px 28px;font-size:13px;font-weight:650;line-height:1.8;list-style:none;display:flex}.vg-details>summary::-webkit-details-marker{display:none}.vg-details[open]>summary>span:last-child{transform:rotate(45deg)}.vg-details>summary:hover{background:#eaf1e1}.vg-detail-body{padding:1px 28px 26px}.vg-detail-body h3{margin:23px 0 10px;font-size:16px;font-weight:700;line-height:1.8}.vg-detail-body .reader-text{font-size:14px;line-height:1.95}.vg-detail-body .reader-text p+p{margin-top:12px}.vg-detail-body .guide-evidence{padding:12px 0}.vg-detail-body .guide-evidence a{color:#456230;overflow-wrap:anywhere;font-size:11px;text-decoration:underline}.vg-detail-body pre{color:#e0ebd5;white-space:pre;background:#192117;border-radius:6px;max-height:240px;padding:16px;font-size:11px;line-height:1.75;overflow:auto}.vg-detail-body table{font-size:12px;line-height:1.8}.vg-detail-body th,.vg-detail-body td{text-align:left;border:1px solid #d0dbc4;padding:12px}.vg-detail-body th{background:#e4edd9}.vg-detail-body .guide-table-wrap{margin-top:18px;overflow-x:auto}.vg-questions>details{border-bottom:1px solid #d5decc;padding:13px 0}.vg-questions>details>summary{cursor:pointer;font-size:14px;line-height:1.8}.vg-questions>details>.reader-text{color:#425637;padding-top:12px}.vg-footer{border-top:1px solid #415237;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-top:24px;padding-top:30px;display:flex}.vg-footer h2{font-size:24px;font-weight:700;line-height:1.6}.vg-footer p{color:#c6d4ba;margin-top:7px;font-size:14px;line-height:1.8}.vg-footer>a{color:#24331b;background:#d3f6a4;border-radius:7px;padding:13px 20px;font-size:14px;font-weight:650}.vg-footer small{color:#b6c4ac;flex-basis:100%;font-size:11px;line-height:1.9}@media (max-width:900px){.vg-reading-layout{grid-template-columns:160px minmax(0,1fr);gap:22px}.vg-section h2{font-size:21px}.vg-essentials h3{font-size:17px}.vg-essentials>div{gap:18px}}@media (max-width:700px){.visual-guide{padding:22px 18px 55px}.vg-hero{padding:29px 0 25px}.vg-hero h1{font-size:30px}.vg-intro{font-size:15px}.vg-essentials{border-radius:12px;padding:22px}.vg-essentials h2{font-size:24px}.vg-essentials>div{grid-template-columns:1fr;gap:18px}.vg-essentials>div>a{border-bottom:1px solid #a2c97b;border-right:0;gap:6px;padding:0 0 18px}.vg-essentials>div>a:last-child{border:0;padding:0}.vg-essentials h3{font-size:18px}.vg-essentials a>p{margin-bottom:5px;font-size:13px}.vg-flow{margin-bottom:24px;padding-top:5px}.vg-flow h2{font-size:14px}.vg-flow ol{grid-template-columns:1fr;gap:14px}.vg-reading-layout{display:block}.vg-index{margin-bottom:26px;position:static}.vg-index ol{gap:7px;padding-bottom:10px;display:flex;overflow-x:auto}.vg-index li{flex-shrink:0}.vg-index li a{border:1px solid #516444;border-radius:6px;padding:8px 12px;font-size:12px}.vg-index li span{display:none}.vg-index nav>p{margin-bottom:12px}.vg-news-link{margin:10px 0}.vg-section-header{gap:11px;padding:22px 19px 12px}.vg-section h2{font-size:20px}.vg-number{width:27px;font-size:11px;line-height:24px}.vg-lead{padding:0 19px 18px;font-size:14px}.vg-section-content{padding:0 19px 20px}.vg-visual{padding:15px}.graphic-items{gap:7px}.graphic-item{padding:12px 10px}.graphic-item>strong{font-size:18px}.graphic-item>p{font-size:11px}.vg-section-caution{margin:0 19px 18px;font-size:11px}.vg-details>summary{padding:14px 19px;font-size:12px}.vg-detail-body{padding:0 19px 22px}.vg-footer>a{text-align:center;width:100%}}@media (max-width:420px){.graphic-route .graphic-items,.graphic-equation .graphic-items{grid-template-columns:1fr}.graphic-route .graphic-item,.graphic-equation .graphic-item{grid-template-columns:100px minmax(0,1fr);column-gap:12px;display:grid}.graphic-route .graphic-item-label,.graphic-equation .graphic-item-label{grid-area:1/1}.graphic-route .graphic-item>strong,.graphic-equation .graphic-item>strong{grid-area:2/1;margin:4px 0 0}.graphic-route .graphic-item>p,.graphic-equation .graphic-item>p{grid-area:1/2/3;align-self:center}.vg-date{gap:8px;font-size:11px}}.vg-hero .vg-kicker{letter-spacing:0;font-family:inherit;font-size:13px}.vg-hero .vg-kicker>a{text-underline-offset:4px;text-decoration:underline}.vg-essentials{padding:23px 26px}.vg-essentials>header{margin-bottom:17px}.vg-essentials h2{font-size:20px}.vg-essentials h3{font-size:17px;line-height:1.8}.vg-essentials>div>a{gap:7px}.vg-flow li>svg{color:#d3f6a4;flex-shrink:0;margin-top:2px}.vg-flow li{background:#222d20;border:1px solid #3d5034;border-radius:10px;padding:18px 15px}.vg-flow ol{gap:14px}.vg-flow li p{font-size:13px}.vg-section-caution{font-size:14px}.vg-takeaway .reader-text p{font-size:16px}.vg-takeaway h3{font-size:14px}.vg-takeaway ul{font-size:15px}.vg-index .vg-scope-note{font-size:12px}.vg-section h2{font-size:22px}.vg-lead{font-size:16px}.vg-flow>p{font-size:12px}.vg-detail-body .reader-text{font-size:15px}.vg-details>summary{font-size:14px}@media (max-width:700px){.vg-essentials>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vg-essentials>div>a{border-bottom:0;padding:0}.vg-essentials h3{font-size:15px;line-height:1.7}.vg-index ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.vg-index li{min-width:0}.vg-index li a{height:100%;font-size:13px}.vg-flow li p{font-size:14px}.vg-section-caution{font-size:13px}.vg-section h2{font-size:21px}.vg-lead{font-size:16px}}@media (max-width:420px){.vg-essentials>div{grid-template-columns:1fr;gap:14px}.vg-essentials>div>a{grid-template-columns:24px 1fr;align-items:start;display:grid}.vg-key-link{grid-column:2}.vg-index ol{grid-template-columns:1fr}}
