:root{color-scheme:light;--pine:#17372d;--deep:#0e2922;--mint:#dbe8c8;--cream:#f6f4eb;--paper:#fffef9;--ink:#1f332b;--muted:#52675b;--line:#d7decf;--orange:#d58a56}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:2px}
.skip-link{position:absolute;z-index:10;top:-80px;left:12px;padding:8px 15px;background:#fff;color:var(--pine)}
.skip-link:focus{top:10px}
.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.topbar{background:var(--deep);color:#f6f5ec;border-bottom:1px solid #ffffff24}
.topbar-inner{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}
.brand>span:not(.brand-symbol){color:#c1d3ad;font-weight:400}
.brand-symbol{display:inline-flex;width:25px;height:25px;align-items:center;gap:3px;margin-right:4px}
.brand-symbol i{display:block;width:10px;height:22px;background:#d4e5bc;transform:skew(-13deg);border-radius:2px}
.brand-symbol i+ i{height:14px;background:#d58a56;align-self:flex-end}
.topbar nav{display:flex;gap:27px;flex-wrap:wrap;font-size:13px;color:#d9e4d6}
.topbar nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.hero{background:radial-gradient(circle at 87% 24%,#2e5843 0,#17372d 34%,#102c25 83%);color:#f9f8ef;padding:73px 0 78px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(290px,.75fr);gap:76px;align-items:center}
.eyebrow,.section-index{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.14em}
.eyebrow{display:flex;gap:11px;align-items:center;color:#c9dcb8}
.eyebrow-line{display:inline-block;width:27px;height:2px;background:var(--orange)}
h1,h2,h3,p{margin:0}
h1,h2{letter-spacing:-.055em}
h1{font-size:clamp(42px,5.3vw,75px);line-height:1.19;margin:27px 0}
h1 em{font-style:normal;color:#d9e8c4}
.hero-lead{font-size:17px;max-width:750px;color:#d7e3d3;line-height:1.9}
.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:29px}
.primary-link{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:#dbe9bf;color:#143329;padding:12px 20px;border-radius:4px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}
.primary-link:hover{background:#f1f6de;transform:translateY(-2px)}
.quiet-link{color:inherit;font-weight:650;font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a8c69d}
.quiet-link:hover{text-decoration-color:currentColor}
.snapshot{background:#ffffff0e;border:1px solid #d6e8ce55;border-radius:18px;padding:29px 30px;box-shadow:0 16px 60px #081a161f}
.snapshot-head{display:flex;gap:11px;align-items:center;font-size:13px;color:#d6e8c5;padding-bottom:22px;border-bottom:1px solid #ffffff2c}
.live-dot{width:9px;height:9px;background:#d6e8bb;border-radius:50%;box-shadow:0 0 0 5px #d6e8bb22}
.snapshot dl{margin:7px 0 23px}
.snapshot dl>div{padding:12px 0;border-bottom:1px solid #ffffff20}
.snapshot dt{font-size:11px;color:#bcd1bc}
.snapshot dd{margin:1px 0 0;font-size:15px;font-weight:700}
.snapshot p{font-size:12px;color:#c7d8c5;line-height:1.8}
.section{padding-block:83px;scroll-margin-top:24px}
.section-head{max-width:860px;margin-bottom:34px}
.section-index{color:#607a60}
.section-head h2{font-size:clamp(31px,3.8vw,50px);line-height:1.25;margin:10px 0 14px}
.section-head p{font-size:15px;color:var(--muted);line-height:1.8}
.stage-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.stage{background:var(--paper);border:1px solid var(--line);border-top:4px solid #b5c7af;border-radius:8px;padding:25px 25px 23px;display:flex;flex-direction:column;min-height:260px}
.stage.done{border-top-color:#41785b}.stage.active{border-top-color:var(--orange)}
.stage-state{font-size:11px;letter-spacing:.11em;font-weight:800;color:#4c735c}
.stage.active .stage-state{color:#a8653b}
.stage h3{font-size:20px;letter-spacing:-.025em;line-height:1.4;margin:17px 0 10px}
.stage p{font-size:13px;color:var(--muted);line-height:1.8}
.stage strong{font-size:12px;color:#3c614d;margin-top:auto;padding-top:18px}
.score-band{background:#e9eee2;border-block:1px solid #d1dccd;padding-block:78px;scroll-margin-top:0}
.score-head{max-width:920px}
.score-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.7fr);gap:17px;align-items:stretch}
.table-scroll{overflow-x:auto;border:1px solid #cdd9c9;background:var(--paper);border-radius:8px}
.score-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:670px}
.score-table th,.score-table td{padding:20px 18px;border-bottom:1px solid #dbe2d6}
.score-table tr:last-child>*{border-bottom:0}
.score-table thead{background:#dce7d7;color:#4b654f;font-size:11px;letter-spacing:.04em}
.score-table thead th{padding-block:13px;white-space:nowrap}
.score-table tbody th{font-size:14px}
.score-table tbody th small{display:block;color:#6d8070;font-size:11px;font-weight:450;margin-top:2px}
.score-table tbody td strong{display:block;font-size:19px;color:#183d2d;line-height:1.3;white-space:nowrap}
.score-table tbody td span{font-size:12px;color:#58745c}
.score-table tbody tr.focus-row{background:#f2f7e9}
.score-note{background:#16372c;color:#f2f4e9;border-radius:8px;padding:25px 24px}
.note-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d1e1bd;border-radius:50%;font-size:17px;font-weight:700;color:#e3eccc}
.score-note h3{font-size:20px;margin:18px 0 10px;letter-spacing:-.025em}
.score-note p{font-size:12px;color:#d4e1d0;line-height:1.9;margin-top:10px}
.reference-comparison{margin-top:22px;padding:23px 24px 22px;background:#f8faf3;border:1px solid #cbdac6;border-radius:8px}
.reference-heading{display:flex;align-items:baseline;gap:19px;flex-wrap:wrap;margin-bottom:16px}
.reference-heading h3{font-size:19px;letter-spacing:-.025em;line-height:1.4}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.reference-card{padding:17px 18px;background:#e8f0e2;border-left:3px solid #527e5e;border-radius:3px}
.reference-card.reference-muted{background:#f0f0e8;border-left-color:#a0a995}
.reference-label{font-size:11px;font-weight:800;letter-spacing:.04em;color:#456a4f}
.reference-muted .reference-label{color:#657367}
.reference-card p{font-size:12px;line-height:1.9;margin:9px 0;color:#3b5543}
.reference-card p strong{font-size:14px;color:#173d2c;white-space:nowrap}
.reference-card>b{font-size:12px;color:#315e3f}
.reference-muted>b{color:#5d6e60}
.reference-footnote{font-size:11px;color:#687b6a;margin-top:14px;line-height:1.75}
.download-line{display:flex;gap:25px;flex-wrap:wrap;margin-top:23px;font-size:13px;font-weight:700;color:#355e45}
.download-line a{text-decoration:underline;text-underline-offset:4px}
.download-line a:hover{color:#15382b}
.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.method-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:21px 18px;min-height:211px}
.method-code{display:inline-block;color:#658461;font-size:11px;font-weight:800;letter-spacing:.1em}
.method-card h3{font-size:17px;line-height:1.38;margin:25px 0 11px;letter-spacing:-.025em}
.method-card p{font-size:12px;color:var(--muted);line-height:1.8}
.self-card{background:#183d30;color:#f6f6e9;border-color:#183d30;box-shadow:0 14px 30px #244a3133}
.self-card .method-code{color:#cde1a9}.self-card p{color:#d5e3d4}
.shared-rule{display:grid;grid-template-columns:200px 1fr;gap:22px;background:#e5eddc;border-left:4px solid #668f67;padding:22px 25px;margin-top:22px;border-radius:4px}
.shared-rule strong{font-size:15px;color:#355d43}
.shared-rule p{font-size:13px;color:#435f48;line-height:1.85}
.process-band{background:#17372d;color:#f5f6eb;padding-block:83px;scroll-margin-top:0}
.process-layout{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:85px}
.process-band .section-index{color:#c8ddb3}
.process-band .section-head{margin:0}
.process-band .section-head p{color:#d1dfcc}
.process-band .quiet-link{display:inline-block;color:#dceacc;margin-top:24px}
.process-list{list-style:none;padding:0;margin:0;border-top:1px solid #f0fae130}
.process-list li{display:grid;grid-template-columns:45px 1fr;gap:21px;padding:20px 0;border-bottom:1px solid #f0fae130}
.process-list li>span{font-size:12px;font-weight:800;color:#d3e3b7}
.process-list h3{font-size:18px;line-height:1.4;margin-bottom:6px}
.process-list p{font-size:13px;color:#d3dfcf;line-height:1.85}
.closing-section{padding-bottom:92px}
.boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.boundary-grid article{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:25px}
.boundary-icon{color:#4e7a51;font-size:22px;font-weight:700}
.boundary-icon.pending-icon{color:#ad764f}
.boundary-grid h3{font-size:19px;margin:12px 0 7px}
.boundary-grid p{font-size:13px;color:var(--muted)}
.smallprint{font-size:12px;color:#6b7d6d;margin-top:20px}
.footer{background:#102c25;color:#ebf2e6;padding:38px 0}
.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:end}
.footer p{font-size:22px;font-weight:700;line-height:1.4}.footer small{font-size:12px;color:#b9cbbb;font-weight:400}
.footer-inner>div{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#d3e3d2}
.footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.hero-grid{gap:32px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.score-layout{grid-template-columns:1fr}.process-layout{gap:35px}}
@media(max-width:720px){.container{width:calc(100% - 36px)}.topbar-inner{padding:16px 0;align-items:flex-start;flex-direction:column;gap:8px}.topbar nav{gap:12px 20px;font-size:12px}.hero{padding:51px 0 57px}.hero-grid,.process-layout{grid-template-columns:1fr}.hero-grid{gap:36px}h1{font-size:clamp(40px,9vw,56px)}.hero-lead{font-size:15px}.snapshot{padding:21px}.section,.score-band,.process-band{padding-block:57px}.stage-grid,.boundary-grid,.reference-grid{grid-template-columns:1fr}.stage{min-height:0}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-card{min-height:185px}.shared-rule{grid-template-columns:1fr;gap:5px}.footer-inner{align-items:flex-start;flex-direction:column}.score-head h2,.section-head h2{font-size:34px}}
@media(max-width:440px){.method-grid{grid-template-columns:1fr}.method-card{min-height:0}.hero-actions{gap:18px}.process-list li{gap:13px}}