:root{--ink:#16362d;--muted:#5a6b62;--paper:#f7f6f0;--teal:#17624e;--line:#d9e0d5;--orange:#a94720;--blue:#285f9f;--green:#286d3e;--soft:#e8efe5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--ink);background:var(--paper);margin:0;font:17px/1.8 -apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b86a25}button[aria-pressed=true]{background:var(--teal);color:#fff;border-color:var(--teal)}[hidden]{display:none!important}.top{z-index:20;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f7f6f0f2;align-items:center;gap:32px;padding:14px max(24px,50vw - 640px);display:flex;position:sticky;top:0}.brand{letter-spacing:2px;white-space:nowrap;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.mark{background:var(--ink);color:var(--paper);letter-spacing:0;border-radius:9px;place-items:center;width:35px;height:35px;font-size:21px;display:grid}.brand-note{letter-spacing:1px;color:var(--muted);border-left:1px solid var(--line);padding-left:8px;font-size:13px;font-weight:500}nav{gap:25px;margin-left:auto;font-size:14px;display:flex}nav a{text-decoration:none}nav a:hover{text-underline-offset:7px;text-decoration:underline}.ghost{border:1px solid var(--line);background:0 0;border-radius:30px;padding:6px 14px;font-size:14px}main{max-width:1280px;margin:auto;padding:0 32px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;min-height:690px;padding:65px 0 75px;display:grid}.eyebrow{letter-spacing:2px;color:var(--teal);margin:0 0 17px;font-size:13px;font-weight:700}.hero h1{letter-spacing:-1.8px;margin:0 0 25px;font-size:clamp(34px,4.2vw,58px);line-height:1.3}.lead{font-size:23px;line-height:1.7}.hero-copy>p:not(.eyebrow){max-width:535px}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}.button{background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:7px;justify-content:center;align-items:center;gap:28px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#104d3d}.quiet{color:var(--muted);font-size:14px;line-height:1.8}.hero-summary{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:30px;padding-top:18px;font-size:14px;display:flex}.status-dot{background:#b45f24;border-radius:50%;flex-shrink:0;width:8px;height:8px}.hero-picture{flex-direction:column;justify-content:center;align-self:stretch;margin:0;display:flex;position:relative}.hero-picture img{object-fit:cover;object-position:46% 58%;border-radius:90px 8px 8px;width:100%;height:460px}.hero-picture figcaption{color:var(--muted);justify-content:space-between;gap:14px;padding-top:13px;font-size:12px;display:flex}.chapter{border-top:1px solid var(--line);padding:65px 0 72px}.chapter-head{align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.number{color:var(--teal);font-variant-numeric:tabular-nums;border:1px solid #b9ccbc;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;margin-top:7px;font-size:20px;display:grid}.chapter h2{letter-spacing:-.8px;margin:0;font-size:clamp(29px,3.1vw,42px);line-height:1.35}.chapter-head .eyebrow{margin-bottom:9px}h3{margin:0 0 14px;font-size:24px;line-height:1.5}h4{margin:0 0 15px;font-size:20px;line-height:1.5}p{margin:0 0 17px}.intro{font-size:21px}.section-intro{max-width:780px;margin-bottom:28px}.two{grid-template-columns:1fr 1fr;align-items:start;gap:46px;display:grid}.callout{border-left:3px solid var(--teal);background:var(--soft);border-radius:0 8px 8px 0;margin-top:26px;padding:13px 20px}.callout.warm{border-color:var(--orange);background:#f7eadf}.questions{background:#eff1e9;border-radius:14px;padding:0 30px}.questions>div{border-bottom:1px solid var(--line);padding:20px 0}.questions>div:last-child{border:0}.questions b{font-size:21px}.questions p{color:var(--muted);margin:4px 0 0}.class-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0;display:grid}.class-card{border:1px solid var(--line);background:#fffdf7;border-radius:14px;padding:28px}.class-card svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;width:74px;height:74px;margin-bottom:12px}.class-card.bottle svg{color:#227387}.class-card.can svg{color:#b05b32}.class-card.stone svg{color:#446640}.class-card h3{font-size:24px}.class-card p{margin-bottom:8px}.class-card small{color:var(--muted);font-size:14px;line-height:1.8;display:block}.steps{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.steps button{border:1px solid var(--line);background:#fffdf7;border-radius:9px;padding:15px 10px;font-size:16px;line-height:1.6}.steps button span{margin-bottom:6px;font-size:13px;display:block}.steps button[aria-pressed=true]{background:var(--teal)}.step-detail{background:#e9efe5;border-radius:12px;min-height:235px;margin:18px 0 30px;padding:26px 32px}.step-detail .eyebrow{margin-bottom:8px}.step-detail p:last-child{margin:0}.split-block{grid-template-columns:1fr 1.1fr;gap:50px;padding:26px 0;display:grid}.split-block h3{font-size:23px}.splitbar{border-radius:6px;gap:3px;height:20px;margin:14px 0 18px;display:flex;overflow:hidden}.splitbar span:first-child,i.train{background:var(--teal)}.splitbar span:nth-child(2),i.val{background:#90a383}.splitbar span:nth-child(3),i.test{background:#c59255}.split-legend{justify-content:space-between;gap:12px;display:flex}.split-legend div{grid-template-columns:12px 1fr;align-items:center;column-gap:8px;display:grid}.split-legend i{border-radius:2px;width:9px;height:9px}.split-legend b{font-size:19px}.split-legend span{color:var(--muted);grid-column:2;font-size:14px}details{border-top:1px solid var(--line);margin-top:22px;padding:18px 0 0;font-size:15px}summary{cursor:pointer;font-weight:600;line-height:1.7}details p{margin-top:16px}ol.plain-list{margin:20px 0;padding-left:24px}.plain-list li{margin-bottom:8px}.segmented{background:#ecefe7;border-radius:9px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented button{background:0 0;border:1px solid #0000;border-radius:6px;padding:9px 13px;font-size:14px;line-height:1.5}.segmented button[aria-pressed=true]{background:var(--teal)}.tool-preview{border:1px solid var(--line);background:#fffdf7;border-radius:12px;padding:16px}.tool-preview .segmented{margin-bottom:14px}.image-button{text-align:left;cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.image-button img{width:100%;height:auto;display:block}.tool-preview img{border-radius:7px}.tool-preview .quiet{margin-top:12px;margin-bottom:0}.outputs-strip{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.outputs-strip span{border:1px solid #c1cebe;border-radius:30px;padding:7px 15px;font-size:14px}.pill{color:var(--teal);background:#e3eadd;border-radius:30px;margin-bottom:16px;padding:4px 13px;font-size:13px;font-weight:600;display:inline-block}.pill.warm{color:#874017;background:#f0e2d2}.result-intro{max-width:920px;margin:44px 0 24px}.result-intro:first-of-type{margin-top:0}.result-intro h3{font-size:26px}.score-panel{background:var(--ink);color:#fafbf5;border-radius:14px;grid-template-columns:1fr 1fr;gap:48px;padding:35px;display:grid}.score-panel .eyebrow{color:#b2d5b2}.score-panel .quiet{color:#c6d4c8}.score-value{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-1px;font-size:50px;font-weight:600;line-height:1.5}.score-value span{color:#aad0aa;font-size:30px}.score-copy p{margin-top:15px}.class-scores h4{margin-bottom:20px;font-size:17px}.bar-row{grid-template-columns:65px 1fr 60px;align-items:center;gap:12px;margin:18px 0;font-size:14px;display:grid}.bar-track{background:#385347;border-radius:20px;height:12px;overflow:hidden}.bar-fill{background:#bdd29e;border-radius:20px;height:100%}.bar-row b{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.case-controls{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.case-controls button{background:0 0;border:1px solid #bdcbb9;border-radius:30px;padding:9px 17px;font-size:15px}.case-controls button[aria-pressed=true]{background:var(--teal)}.case-card{border:1px solid var(--line);background:#fffdf7;border-radius:14px;padding:25px}.case-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.case-top h4{margin:0}.case-image{background:#e3e5db;border-radius:8px;overflow:hidden}.case-image img{object-fit:contain;max-height:650px}.case-image svg,.field-view svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.legend{flex-wrap:wrap;gap:20px;padding:12px 0;font-size:14px;display:flex}.green{color:var(--green)}.orange{color:var(--orange)}.blue{color:var(--blue)}.case-counts{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.case-counts span{background:#edf0e6;border-radius:6px;padding:8px 13px;font-size:14px}.field-demo{border:1px solid var(--line);background:#fffdf7;border-radius:14px;grid-template-columns:1.1fr 1fr;gap:30px;padding:22px;display:grid}.field-view{border-radius:8px;align-self:start;position:relative;overflow:hidden}.field-view img{width:100%;height:auto;display:block}.field-copy{padding:10px 8px}.field-controls{flex-direction:column;align-items:flex-start;gap:8px;margin:16px 0;display:flex}.field-controls button{background:0 0;border:1px solid #bdcbb9;border-radius:7px;padding:7px 13px;font-size:14px}.field-controls button[aria-pressed=true]{background:var(--teal)}.field-copy h4{font-size:23px}.field-copy p{font-size:15px}.negative-table{margin:25px 0 0}table{border-collapse:collapse;width:100%;font-size:16px}caption{color:var(--muted);text-align:left;padding-bottom:10px;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:13px 18px}thead{background:#e8eddf}tbody th{font-weight:500}.negative-table>p{margin-top:20px}.deployment{background:#eef0e7;border-radius:14px;padding:28px 32px}.deploy-values{grid-template-columns:1fr 1fr;gap:35px;margin:25px 0;display:grid}.deploy-values div{flex-direction:column;display:flex}.deploy-values span{color:var(--muted);font-size:14px}.deploy-values b{font-size:34px;font-weight:600;line-height:1.7}.deploy-values small{color:var(--muted);font-size:13px}.deployment p:last-child{margin:0}.conclusion .two{gap:20px}.summary-card{background:#edf2e5;border:1px solid #cad6c1;border-radius:14px;padding:28px}.summary-card.pending{background:#f7ecde;border-color:#e1d0b9}.summary-card ul{margin-bottom:0;padding-left:22px;font-size:16px}.summary-card li{margin:12px 0}.closing{max-width:930px;margin:36px 0;font-size:23px}.reading-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.text-link{color:var(--teal);text-underline-offset:5px}.glossary dl{grid-template-columns:125px 1fr;gap:10px 24px;display:grid}.glossary dt{font-weight:600}.glossary dd{margin:0}footer{border-top:1px solid var(--line);max-width:1280px;color:var(--muted);margin:auto;padding:27px 32px 60px;font-size:13px}footer p{margin-bottom:8px}footer a{margin-top:12px;display:inline-block}.progress{z-index:30;background:#dce1d3;height:4px;position:fixed;bottom:0;left:0;right:0}.progress span{background:var(--teal);width:0;height:100%;display:block}dialog{background:var(--paper);width:95vw;max-width:min(95vw,1600px);max-height:94vh;color:var(--ink);border:0;border-radius:12px;padding:20px}dialog::backdrop{background:#081e16c9}.dialog-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:15px;display:flex}.dialog-top button{background:var(--teal);color:#fff;border:0;border-radius:7px;padding:7px 18px}#dialog-content{max-height:78vh;position:relative;overflow:auto}#dialog-content img{width:100%;height:auto;display:block}#dialog-content svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.skip{background:var(--ink);color:#fff;z-index:50;padding:8px 20px;position:fixed;top:-60px;left:20px}.skip:focus{top:10px}.no-script{background:#f1e3cb;margin:0;padding:20px}.source-main{max-width:920px;padding-top:55px}.source-main h1{font-size:36px;line-height:1.4}.source-main section{padding:25px 0}.source-main a{color:var(--teal);overflow-wrap:anywhere}.source-main li{margin-bottom:12px}.source-main table{font-size:14px}.table-scroll{overflow-x:auto}@media (width<=950px){.hero{gap:28px}.hero-picture img{height:400px}.hero h1{font-size:40px}.two{gap:25px}.score-panel{gap:25px;padding:25px}.score-value{font-size:40px}.field-demo{grid-template-columns:1fr}.field-controls{flex-flow:wrap}.class-card{padding:23px}.split-block{gap:20px}.deploy-values b{font-size:30px}}@media (width<=700px){body{font-size:16px}.top{flex-wrap:wrap;gap:12px;padding:12px 18px}.brand-note{display:none}.brand{gap:8px;font-size:15px}.mark{width:28px;height:28px;font-size:17px}nav{gap:15px;font-size:13px}.print{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:40px 0 45px}.hero h1{letter-spacing:-1px;font-size:37px}.hero .lead{font-size:20px}.hero-picture img{border-top-left-radius:60px;height:300px}.hero-picture figcaption{flex-direction:column;gap:3px}.chapter{padding:43px 0}.chapter-head{gap:15px}.number{width:37px;height:37px;font-size:16px}.chapter h2{font-size:29px}.two,.split-block,.score-panel{grid-template-columns:1fr;gap:24px}.intro{font-size:19px}.class-grid{grid-template-columns:1fr;gap:12px}.class-card{padding:22px 22px 22px 105px;position:relative}.class-card svg{width:60px;height:60px;position:absolute;top:24px;left:25px}.class-card h3{margin-bottom:8px;font-size:21px}.steps{grid-template-columns:repeat(3,1fr);gap:8px}.steps button{padding:10px 5px;font-size:14px}.step-detail{min-height:285px;padding:22px}.split-legend b{font-size:17px}.split-legend span{font-size:12px}.result-intro h3{font-size:23px}.score-value{font-size:42px}.case-card{padding:15px}.case-controls{gap:8px}.case-controls button{padding:8px 11px;font-size:13px}.case-top{gap:12px}.segmented button{padding:8px 10px;font-size:13px}.legend{gap:12px;font-size:12px}.case-counts{gap:8px}.case-counts span{font-size:13px}.field-demo{gap:16px;padding:15px}.field-copy{padding:0}.deployment{padding:22px}.deploy-values{gap:18px}.deploy-values b{font-size:24px}.deploy-values small{font-size:12px}.summary-card{padding:23px}.closing{font-size:20px}.reading-links{align-items:flex-start;gap:17px}.glossary dl{grid-template-columns:90px 1fr;gap:10px}.glossary dt,.glossary dd{font-size:14px}th,td{padding:11px 10px;font-size:14px}footer{padding:25px 20px 45px}dialog{padding:13px}.source-main{padding-top:35px}.source-main h1{font-size:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{html{scroll-behavior:auto}body{color:#132b21;background:#fff;font-size:11pt}.top,.progress,.hero-actions,.steps,.case-controls,.segmented,.field-controls,.reading-links,.print,.skip,dialog{display:none!important}main{max-width:none;padding:0}.hero{gap:25px;min-height:0;padding:0 0 20px}.hero h1{font-size:30px}.hero-picture img{border-radius:8px;height:230px}.hero .lead{font-size:16px}.chapter{break-inside:auto;padding:25px 0}.chapter h2{font-size:25px}.chapter-head{break-after:avoid}.number{width:35px;height:35px;font-size:16px}.two{gap:22px}.class-grid{grid-template-columns:repeat(3,1fr)}.class-card{break-inside:avoid;padding:15px}.class-card svg{width:45px;height:45px;position:static}.class-card h3{font-size:17px}.score-panel{color:#132b21;break-inside:avoid;background:#edf2e5;padding:22px}.score-panel .quiet,.score-panel .eyebrow{color:#334e3c}.score-value{font-size:36px}.score-value span{color:#336447}.field-demo{break-inside:avoid;grid-template-columns:1fr 1fr}.case-card,.deployment,.summary-card,.tool-preview{break-inside:avoid}h3{font-size:18px}h4{font-size:16px}.score-panel,.questions,.deployment,.summary-card,.bar-track,.bar-fill,.splitbar{-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-intro{margin-top:25px}details{font-size:10pt}.quiet{font-size:9pt}.closing{font-size:17px}footer{padding:20px 0}a{text-decoration:none}}[data-hidden]{display:none!important}.class-card[data-astro-cid-w63634ol]{padding:26px}.top[data-astro-cid-w63634ol] nav[data-astro-cid-w63634ol] a[data-astro-cid-w63634ol]{white-space:nowrap}.hero[data-astro-cid-w63634ol] h1[data-astro-cid-w63634ol]{overflow-wrap:anywhere}.pdf-reader-dialog{--muted:#5a6b62;--accent:#17624e;--paper:#f7f6f0;--ink:#16362d}@media (width<=700px){.class-card[data-astro-cid-w63634ol]{padding:22px}.top[data-astro-cid-w63634ol]{gap:8px}.top[data-astro-cid-w63634ol] nav[data-astro-cid-w63634ol]{gap:12px}}