:root{--paper:#f4efe5;--surface:#fffdf8;--ink:#16243a;--muted:#66758a;--line:#d9d1c3;--navy:#173f6b;--clay:#df5b24;--green:#507b67;--shadow:0 12px 32px rgba(22,36,58,.08);--radius:18px;--control:44px;color-scheme:light dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--navy);text-underline-offset:3px}button,input,select{font:inherit}button,a,select{min-height:var(--control)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:white;padding:.6rem 1rem}.skip-link:focus{top:1rem}.site-frame{max-width:1500px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(2rem,5vw,6rem);padding:2rem clamp(1rem,4vw,4rem)}#site-sidebar{position:sticky;top:2rem;height:calc(100vh - 4rem);display:flex;flex-direction:column;gap:1.5rem}.brand{font:900 1.2rem/1.15 Georgia,serif;text-decoration:none;letter-spacing:.03em}.brand span{display:block;color:var(--clay);font:800 .7rem/1.5 system-ui;letter-spacing:.2em}#site-sidebar nav,#site-sidebar .side-tools{display:grid;gap:.35rem}#site-sidebar nav a,#site-sidebar .side-tools a{display:flex;align-items:center;padding:.3rem .8rem;text-decoration:none;border-radius:12px}#site-sidebar nav a[aria-current=page]{background:var(--navy);color:white;font-weight:750}main{min-width:0;max-width:1100px}.hero{padding:clamp(2rem,5vw,5rem) 0 3rem;border-bottom:1px solid var(--line)}.eyebrow{color:var(--clay);font-size:.78rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1,.detail-hero h1{font:800 clamp(2.5rem,7vw,6.5rem)/.96 Georgia,"Noto Serif SC",serif;letter-spacing:-.045em;margin:.35rem 0 1rem;max-width:12ch}.hero p,.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:64ch}.quick-grid,.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.card:hover{border-color:var(--clay);transform:translateY(-2px)}.card h2,.card h3{margin:.1rem 0;font-family:Georgia,"Noto Serif SC",serif}.card p{color:var(--muted);margin:.5rem 0}.metric{font:800 2.2rem Georgia,serif;color:var(--clay)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:3rem}.breadcrumbs{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin-bottom:2rem}.detail-hero{padding:2rem 0}.detail-hero h1{font-size:clamp(2.4rem,6vw,5rem)}.fi-title{font:italic 1.3rem Georgia,serif;color:var(--green)}.badges,.chip-list{display:flex;gap:.5rem;flex-wrap:wrap}.badge,.chip-list a{display:inline-flex;align-items:center;min-height:32px;padding:.15rem .65rem;border-radius:999px;background:#e8edf2;color:var(--navy);font-size:.78rem;font-weight:750;text-decoration:none}.badge-sm1{background:#ffe9dc;color:#a54119}.badge-sm2{background:#e0ecf4}.badge-level{background:#e4eee8;color:#365c4a}.content-section{background:var(--surface);border:1px solid var(--line);padding:clamp(1rem,3vw,2rem);border-radius:var(--radius);margin:1rem 0}.content-section h2{font-family:Georgia,"Noto Serif SC",serif}.content-section table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.content-section th,.content-section td{border-bottom:1px solid var(--line);padding:.65rem;text-align:left}.content-section code,.formula{background:#ece7dc;border-radius:6px;padding:.1em .3em}.formula{padding:.8rem 1rem;margin:1rem 0}.mistake{border-left:4px solid var(--clay);padding:.8rem 1rem;background:#fff5ed;margin:.6rem 0}.detail-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0}.button,.status-control{border:0;border-radius:999px;background:var(--navy);color:white;padding:.55rem 1rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.status-control select{border:0;border-radius:8px;padding:0 .4rem;background:var(--surface);color:var(--ink)}.pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.pager a:last-child{text-align:right}.search-panel{display:grid;gap:1rem;background:var(--surface);padding:1rem;border-radius:var(--radius);position:sticky;top:0;z-index:4}.search-panel input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:14px;padding:0 1rem;background:var(--paper);color:var(--ink)}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters select{padding:0 .7rem;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.result-list{display:grid;gap:.6rem;margin:1rem 0}.result{background:var(--surface);border-bottom:1px solid var(--line);padding:1rem;text-decoration:none}.word-row{display:grid;grid-template-columns:minmax(130px,1fr) 1.2fr 1fr auto;gap:1rem;align-items:center}.word-fi{font-weight:800;font-size:1.15rem}.empty{padding:3rem 1rem;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0 6rem;color:var(--muted);font-size:.88rem}#mobile-tabs,#more-drawer{display:none}#toast{position:fixed;right:1rem;bottom:1rem;background:var(--ink);color:white;border-radius:12px;padding:.7rem 1rem;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1}.support-grid img{width:min(100%,420px);border-radius:var(--radius)}:focus-visible{outline:3px solid #f09761;outline-offset:3px}
@media(max-width:900px){body{font-size:16px}.site-frame{display:block;padding:1rem 1rem 6rem}#site-sidebar{display:none}.quick-grid,.card-grid{grid-template-columns:1fr}.word-row{grid-template-columns:1fr 1fr}.word-row>:nth-child(3){display:none}#mobile-tabs{position:fixed;display:grid;grid-template-columns:repeat(6,1fr);bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);z-index:20;padding:.25rem max(.25rem,env(safe-area-inset-right)) calc(.25rem + env(safe-area-inset-bottom));overflow:hidden}#mobile-tabs a,#mobile-tabs button{display:grid;place-items:center;text-align:center;border:0;background:none;color:var(--ink);font-size:.75rem;text-decoration:none;padding:.2rem}#mobile-tabs a[aria-current=page]{color:var(--clay);font-weight:800}#more-drawer[open]{display:grid;gap:.5rem;position:fixed;inset:auto 0 0 0;width:100%;max-height:75vh;margin:0;border:0;border-radius:24px 24px 0 0;background:var(--surface);color:var(--ink);padding:1.2rem;z-index:50}#more-drawer::backdrop{background:rgba(10,20,35,.52)}#more-drawer a{display:flex;align-items:center;padding:.3rem .6rem;text-decoration:none}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{width:44px;border:0;background:none;font-size:1.7rem;color:var(--ink)}}
@media(prefers-color-scheme:dark){html[data-theme=auto]{--paper:#111925;--surface:#182333;--ink:#eef3f7;--muted:#aab6c3;--line:#344256;--navy:#9fc8ef;--clay:#ff8954;--green:#94c6ad;--shadow:none}html[data-theme=auto] #site-sidebar nav a[aria-current=page]{background:#dbeeff;color:#132337}html[data-theme=auto] .mistake{background:#31231e}}
html[data-theme=dark]{--paper:#111925;--surface:#182333;--ink:#eef3f7;--muted:#aab6c3;--line:#344256;--navy:#9fc8ef;--clay:#ff8954;--green:#94c6ad;--shadow:none}
@media(max-width:900px){#mobile-tabs{grid-template-columns:repeat(5,1fr)}}
.report-panel form{display:grid;gap:1rem;max-width:46rem}.report-panel label{display:grid;gap:.35rem;font-weight:750}.report-panel label span,.privacy-note{color:var(--muted);font-weight:400}.report-panel input,.report-panel select,.report-panel textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:.7rem .85rem}.report-panel textarea{resize:vertical;min-height:10rem;line-height:1.6}.report-panel .button{justify-self:start}.report-panel .button:disabled{opacity:.55;cursor:wait}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:1.7em;margin:0;color:var(--green);font-weight:750}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Dedicated utility-page layouts. Keep these rules last so cached legacy card
   styles cannot distort the report form or square support codes. */
textarea{font:inherit}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,390px));justify-content:center;align-items:start;gap:1.25rem;margin:2rem 0}
.support-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}
.support-card h2{margin:.1rem 0 1rem;font-family:Georgia,"Noto Serif SC",serif}
.support-grid .support-code{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:1/1;object-fit:contain;margin:0 auto;border-radius:14px}
.report-page .hero{padding-bottom:2rem}
.report-page .hero h1{font-size:clamp(3rem,7vw,5.5rem)}
.report-panel{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.report-intro h2{margin-top:0}
.report-intro p{color:var(--muted)}
.report-panel .report-form{display:grid;gap:1rem;max-width:none;min-width:0}
.report-form label{display:grid;gap:.4rem}
.field-label{font-weight:750}
.field-label small{color:var(--muted);font-weight:500;margin-left:.35rem}
.report-submit{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.honeypot,[hidden]{display:none!important}
@media(max-width:720px){.support-grid,.report-panel{grid-template-columns:1fr}.support-card{padding:1rem}.support-grid .support-code{max-width:330px}.report-page .hero h1{font-size:clamp(2.7rem,15vw,4.5rem)}}

/* Practical knowledge architecture: path -> collection -> detail. */
.path-index{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.25rem 0 2rem}.path-index a{display:inline-flex;align-items:center;min-height:40px;padding:.25rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;font-weight:750}.practical-section{padding:2rem 0;border-top:1px solid var(--line);scroll-margin-top:1rem}.practical-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.practical-section-head h2{font:800 clamp(1.8rem,4vw,3rem)/1.05 Georgia,"Noto Serif SC",serif;margin:.25rem 0}.practical-section-head p{max-width:58ch;margin:0;color:var(--muted)}.section-count{white-space:nowrap;color:var(--clay);font-weight:800}.practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.practical-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;min-height:190px;padding:1.15rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none}.practical-card:hover{border-color:var(--clay);transform:translateY(-2px)}.practical-card h2{font:750 1.25rem/1.25 Georgia,"Noto Serif SC",serif;margin:.45rem 0}.practical-card p{color:var(--muted);margin:0}.practical-meta{color:var(--clay);font-size:.78rem;font-weight:800}.practical-enter{margin-top:1rem;color:var(--navy);font-size:.84rem;font-weight:800}.collection-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1.25rem 0;color:var(--muted)}.collection-summary strong{color:var(--clay)}.knowledge-index{display:grid;border-top:1px solid var(--line)}.knowledge-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem .4rem;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.knowledge-row:hover{background:color-mix(in srgb,var(--surface) 75%,transparent)}.knowledge-number{font:italic 1rem Georgia,serif;color:var(--muted)}.knowledge-row strong,.knowledge-row small{display:block}.knowledge-row small{margin-top:.15rem;color:var(--green);font:italic .95rem/1.4 Georgia,serif}.knowledge-row .badge{white-space:nowrap}
@media(max-width:720px){.practical-grid{grid-template-columns:1fr}.practical-section{padding:1.5rem 0}.practical-section-head{align-items:start}.practical-card{min-height:0}.collection-summary{display:grid}.knowledge-row{grid-template-columns:2.25rem minmax(0,1fr)}.knowledge-row .badge{grid-column:2;justify-self:start}}