:root{--plum-950:#241028;--plum-800:#3b183f;--plum-650:#5a2a60;--mint-100:#dffbef;--mint-300:#aeeed3;--mint-600:#3d9a75;--paper:#fffdf8;--ink:#221d24;--muted:#6c626e;--line:#ded5df;--accent:#f3a85d;--shadow:0 18px 50px rgba(50,24,53,.14);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75;overflow-wrap:anywhere}a{color:var(--plum-650);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--mint-600)}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;left:1rem;top:-8rem;z-index:100;background:#fff;padding:.7rem 1rem;border:2px solid var(--plum-800);border-radius:10px}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.4rem;min-height:72px;padding:.8rem clamp(1rem,3vw,3rem);background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--plum-950);font-weight:800;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--plum-800);color:var(--mint-100);border-radius:12px;box-shadow:6px 6px 0 var(--mint-300)}.primary-nav{display:flex;gap:.25rem;align-items:center;margin-left:auto}.primary-nav a{padding:.55rem .65rem;border-radius:10px;color:var(--ink);font-size:.92rem;text-decoration:none}.primary-nav a:hover{background:var(--mint-100)}.nav-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.55rem .75rem;font:inherit}.site-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:clamp(1rem,4vw,4rem);max-width:1500px;margin:0 auto;padding:clamp(1rem,3vw,3rem)}.section-rail{position:sticky;top:102px;align-self:start;display:flex;flex-direction:column;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:#fff}.rail-title,.eyebrow{margin:0 0 .5rem;color:var(--mint-600);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-rail>a{display:flex;gap:.75rem;align-items:center;padding:.62rem;border-radius:10px;color:var(--ink);text-decoration:none}.section-rail>a span{color:var(--muted);font-variant-numeric:tabular-nums}.section-rail>a:hover,.section-rail>a[aria-current=page]{background:var(--mint-100);color:var(--plum-800)}.rail-note{display:grid;gap:.2rem;margin-top:.8rem;padding:.9rem;background:var(--plum-950);color:#fff;border-radius:13px}.rail-note span{color:var(--mint-300);font-size:.78rem}main{min-width:0;max-width:1120px}main>section,main>article{margin-bottom:clamp(3.5rem,8vw,7rem)}h1,h2,h3{margin-top:0;color:var(--plum-950);line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2.55rem,7vw,6.5rem);max-width:14ch}h2{font-size:clamp(1.6rem,3.2vw,2.7rem)}h3{font-size:1.15rem}p{margin:0 0 1rem}.breadcrumbs{display:flex;gap:.6rem;align-items:center;margin:0 0 2rem;color:var(--muted);font-size:.88rem}.hero,.page-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-lead{font-size:clamp(1.06rem,1.6vw,1.3rem);color:#4c424e;max-width:66ch}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1.1rem;border:0;border-radius:12px;background:var(--plum-800);color:#fff;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.button:hover{background:var(--plum-650);color:#fff}.button.secondary{background:var(--mint-100);color:var(--plum-800);border:1px solid var(--mint-600)}.text-link{font-weight:750}.hero-visual{position:relative}.editorial-visual{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--mint-100)}.floating-note{position:absolute;display:grid;min-width:130px;padding:.8rem 1rem;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.floating-note span{font-size:.78rem;color:var(--muted)}.note-a{left:-1rem;bottom:12%}.note-b{right:-1rem;top:10%}.intro-grid,.two-columns,.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem)}.principle-card,.question-box,.content-block,.tool-panel{padding:clamp(1.2rem,3vw,2.2rem);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 30px rgba(50,24,53,.06)}.principle-card ol{padding-left:1.2rem}.principle-card li{margin:.8rem 0}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.4rem}.section-heading>p{max-width:42ch;color:var(--muted)}.index-list{border-top:1px solid var(--line)}.index-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1rem;padding:1.2rem .4rem;border-bottom:1px solid var(--line)}.index-row h3{margin-bottom:.3rem}.index-row p{margin:0;color:var(--muted)}.index-no{color:var(--mint-600);font-weight:800}.mini-matrix{display:grid;grid-template-columns:auto 1fr;gap:.65rem 1rem;align-content:start;padding:1.4rem;background:var(--mint-100);border-radius:var(--radius)}.mini-matrix span{color:var(--muted)}.article-index,.linked-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.article-index li,.linked-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.8rem .2rem;border-bottom:1px solid var(--line)}.article-index span,.linked-list span{color:var(--muted);font-size:.86rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.65rem}.tag{display:inline-flex;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none}.compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.compact-card{padding:1.2rem;border-left:4px solid var(--mint-600);background:#fff;border-radius:0 16px 16px 0;box-shadow:0 8px 24px rgba(50,24,53,.06)}.compact-card p:last-child{color:var(--muted);font-size:.92rem}.faq details{border-top:1px solid var(--line);padding:1rem .2rem}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:750;cursor:pointer}.faq details p{margin-top:.7rem}.full-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.full-index>div{display:flex;flex-direction:column;gap:.45rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:16px}.full-index a{font-size:.88rem}.article-hero h1,.author-hero h1,.feature-hero h1,.error-hero h1,.page-hero h1{font-size:clamp(2rem,5vw,4.5rem);max-width:18ch}.longform>.article-section,.longform>section{max-width:820px}.article-section p{font-size:1.03rem}.check-list{padding:0;list-style:none}.check-list li{position:relative;margin:.65rem 0;padding-left:1.8rem}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--mint-600);font-weight:900}.source-note{padding:1rem;border-left:4px solid var(--accent);background:#fff8ee}.tool-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.tool-head output{padding:.5rem .75rem;background:var(--mint-100);border-radius:999px;font-weight:800}.interactive-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.4rem 0}.check-item{display:flex;gap:.7rem;align-items:start;padding:.9rem;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.check-item input{width:20px;height:20px;accent-color:var(--mint-600)}.number-list{list-style:none;padding:0;counter-reset:none}.number-list li{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:center;margin:.8rem 0}.number-list strong{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--plum-800);color:var(--mint-100)}.site-footer{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;padding:3rem clamp(1rem,5vw,5rem);background:var(--plum-950);color:#fff}.site-footer nav{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-content:start}.site-footer a{color:var(--mint-300)}.status-line{grid-column:1/-1;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);color:#d6cad8}.status-line span{display:inline-block;margin-right:.6rem;padding:.2rem .5rem;border-radius:6px;background:var(--mint-300);color:var(--plum-950);font-size:.75rem;font-weight:850}@media(max-width:980px){.site-header{flex-wrap:wrap}.nav-toggle{display:flex;gap:.6rem}.primary-nav{display:none;order:3;width:100%;overflow-x:auto;padding-bottom:.3rem}.primary-nav[data-open=true]{display:flex}.site-layout{grid-template-columns:1fr}.section-rail{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));order:2}.section-rail .rail-title,.rail-note{grid-column:1/-1}.hero,.page-hero{grid-template-columns:1fr}.hero-visual,.page-hero>.editorial-visual{max-width:680px}.compact-grid{grid-template-columns:1fr 1fr}.full-index{grid-template-columns:1fr 1fr}}@media(max-width:640px){.site-header{min-height:64px;padding:.65rem 1rem}.brand span:last-child{font-size:.92rem}.primary-nav{align-items:stretch;flex-direction:column}.site-layout{padding:1rem;gap:2rem}.section-rail{grid-template-columns:1fr 1fr;padding:.7rem}.section-rail>a{padding:.5rem;font-size:.86rem}.hero,.page-hero{gap:1.4rem}.layered-hero h1{font-size:clamp(2.75rem,15vw,4.6rem)}.floating-note{position:static;display:inline-grid;margin:.6rem .4rem 0 0}.intro-grid,.two-columns,.split-section,.compact-grid,.full-index,.interactive-checks{grid-template-columns:1fr}.section-heading,.tool-head{align-items:start;flex-direction:column}.article-index li,.linked-list li{grid-template-columns:1fr;gap:.2rem}.site-footer{grid-template-columns:1fr;padding:2.2rem 1rem}.site-footer nav{flex-direction:column}.editorial-visual{border-radius:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}