/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4
 * genre: editorial · structural fingerprint: searchable numbered reading index · anchor: sky */
:root{--color-paper:oklch(98.8% .008 230);--color-ink:oklch(32% .055 242);--color-muted:oklch(47% .025 242);--color-line:oklch(81% .027 230);--color-tint:oklch(94% .055 92);--color-focus:oklch(46% .15 246);--font-display:"Songti SC","STSong",serif;--font-body:"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;color:var(--color-ink);background:var(--color-paper);font:1rem/1.8 var(--font-body)}[hidden]{display:none!important}header,main,footer{width:min(1180px,calc(100% - 4rem));margin:auto}header{padding-block:1.5rem;border-bottom:1px solid var(--color-line);display:flex;justify-content:space-between;gap:1rem}.brand{font-weight:800;text-decoration:none;letter-spacing:.1em}a{color:inherit;text-underline-offset:.25em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.skip{position:fixed;top:-10rem;background:var(--color-paper);padding:1rem;z-index:5}.skip:focus{top:1rem}.intro{padding:5rem 0 3rem;max-width:850px}.eyebrow{letter-spacing:.1em;font-size:.875rem}h1,h2{font-family:var(--font-display);font-style:normal;line-height:1.3;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(2.5rem,6vw,5.5rem);margin:1rem 0 1.5rem;font-weight:600}.intro>p:last-child{font-size:1.15rem;max-width:42ch}form{border-block:1px solid var(--color-ink);padding:1.5rem 0;max-width:640px}label{font-weight:700;display:block;margin-bottom:.5rem}.search-row{display:flex;gap:.75rem}input,button{font:inherit;color:inherit;border:1px solid var(--color-line);background:var(--color-paper);padding:.75rem 1rem;border-radius:0}input{width:100%;min-width:0}button{cursor:pointer;white-space:nowrap;flex-shrink:0}button:hover,button:active{background:var(--color-tint)}#result-count{margin:.5rem 0 0;font-size:.875rem;color:var(--color-muted)}.catalogue{padding-block:2rem}article{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:2rem;border-bottom:1px solid var(--color-line);padding:2rem 0}.number{font-variant-numeric:tabular-nums;color:var(--color-muted);padding-top:.35rem}h2{font-size:clamp(1.3rem,2.4vw,1.9rem);margin:0 0 .8rem}h2 a{text-decoration:none}h2 a:hover{text-decoration:underline}article p{max-width:64ch;margin:.75rem 0 1rem;color:var(--color-muted)}nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.875rem}nav a,.enter,footer a{white-space:nowrap}.enter{align-self:start;padding:.4rem 0}footer{padding-block:2rem 3rem;font-size:.875rem}footer p{margin:.25rem 0}#empty-state{padding:2rem 0}
@media(max-width:768px){header,main,footer{width:calc(100% - 2rem)}header{font-size:.875rem}.intro{padding:3rem 0 2rem}article{grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem}article .enter{grid-column:2;justify-self:start}h1{font-size:clamp(2rem,8vw,3.5rem)}.number{font-size:.875rem}button,input{padding:.6rem .75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}