:root{--ink:#17201e;--muted:#62706a;--paper:#f7f5ef;--panel:#fffefa;--line:#d5d8d1;--accent:#0a6d5c;--wash:#e5eee8;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid #d45d38;outline-offset:3px}.hub-masthead,main,footer{width:min(1540px,calc(100% - 2rem));margin:auto}.hub-masthead{padding:clamp(2rem,6vw,6rem) 0 2.5rem}.kicker,.number{margin:0;color:var(--accent);font:700 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.masthead-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:clamp(2rem,8vw,10rem);align-items:end}.masthead-grid h1{max-width:12ch;margin:.75rem 0 0;font:500 clamp(2.8rem,7vw,7.6rem)/.91 Georgia,"Songti SC",serif;letter-spacing:-.065em}.masthead-grid p{margin:0;color:var(--muted);font-size:1.05rem}.jump{display:inline-block;margin-top:1.5rem;padding-bottom:.25rem;border-bottom:2px solid var(--accent);font-weight:800;text-decoration:none}.method{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,8rem);padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method h2,.section-head h2,.compare-tray h2,.rubric h2{max-width:16ch;margin:.6rem 0 0;font:500 clamp(1.7rem,3vw,3rem)/1.05 Georgia,"Songti SC",serif;letter-spacing:-.04em}.method p{margin:0;color:var(--muted);font-size:.9rem}.directions{padding:4rem 0}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}.section-head>p{max-width:34rem;margin:0;color:var(--muted);font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.direction-card{min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.direction-card>header{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.15rem .9rem}.direction-card h3{margin:.25rem 0;font:500 clamp(1.45rem,2.6vw,2.25rem)/1 Georgia,"Songti SC",serif;letter-spacing:-.04em}.skill{margin:0;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.pick{display:flex;align-items:center;gap:.35rem;align-self:start;font-size:.8rem;font-weight:800}.pick input{width:18px;height:18px;accent-color:var(--accent)}.use-case{min-height:3.1em;margin:0;padding:0 1.15rem 1rem;color:var(--muted);font-size:.92rem}.direction-preview{display:block;width:100%;height:590px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.15rem}.facts p{margin:0;font-size:.84rem}.facts strong{display:block;margin-bottom:.25rem;color:var(--accent);font-size:.72rem}.direction-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0}.direction-card dl div{min-width:0;padding:.7rem 1.15rem;border-bottom:1px solid var(--line)}.direction-card dl div:nth-last-child(-n+2){border-bottom:0}.direction-card dt{color:var(--muted);font-size:.68rem}.direction-card dd{margin:.1rem 0 0;font-size:.78rem;overflow-wrap:anywhere}.rationale{margin:0;padding:1rem 1.15rem;color:var(--muted);font-size:.8rem}.rationale strong{color:var(--ink)}.direction-card>a{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;background:var(--ink);color:white;font-weight:800;text-decoration:none}.direction-card>a span{font-size:1.25rem}.compare-tray{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:220px 1fr;gap:1rem;padding:1rem 0 1.5rem;background:color-mix(in srgb,var(--paper),transparent 3%);border-top:1px solid var(--line)}.compare-tray h2{font-size:1.5rem}.compare-tray>p{align-self:end;margin:0;color:var(--muted);font-size:.86rem}.compare-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--count,3),minmax(0,1fr));gap:1rem}.compare-grid article{min-width:0;background:var(--panel);border:1px solid var(--line)}.compare-grid header{display:flex;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;font-size:.8rem;font-weight:800}.compare-grid button{border:0;background:none;color:var(--accent);font:inherit;cursor:pointer}.compare-grid iframe{display:block;width:100%;height:420px;border:0;border-top:1px solid var(--line)}.rubric{padding:5rem 0}.rubric table{width:100%;margin-top:1.5rem;border-collapse:collapse;background:var(--panel);font-size:.9rem}.rubric th,.rubric td{padding:.8rem;text-align:left;vertical-align:top;border:1px solid var(--line)}.rubric thead th{color:var(--muted);font-size:.75rem}.research-appendix{padding:1.2rem;margin-bottom:4rem;background:var(--wash);border-left:4px solid var(--accent)}.research-appendix summary{cursor:pointer;font-weight:800}.research-appendix>p{max-width:68rem;color:var(--muted);font-size:.85rem}.research-appendix ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem;padding:0;list-style:none}.research-appendix li{min-width:0;padding:.45rem 0;border-top:1px solid color-mix(in srgb,var(--line),transparent 10%);font-size:.75rem}.research-appendix span,.research-appendix em{display:block;color:var(--muted);font-style:normal;overflow-wrap:anywhere}footer{padding:2rem 0;color:var(--muted);border-top:1px solid var(--line);font-size:.8rem}@media(max-width:760px){.masthead-grid,.method,.compare-tray{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:1rem}.direction-preview{height:520px}.research-appendix ul{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.compare-grid iframe{height:360px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.compare-tray,.pick,.direction-preview{display:none}.gallery{grid-template-columns:1fr}.direction-card{break-inside:avoid}}