body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans)}.hero{max-width:1100px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 0;display:flex;align-items:baseline;justify-content:space-between}.hero-back{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted)}.hero-back a{color:var(--color-ink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-ink) 30%,transparent)}.hero-back a:hover{border-bottom-color:var(--color-accent)}.canvas{max-width:1100px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 4rem}.dateline{margin:0 0 2rem}.kicker{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 .5rem;display:inline-flex;gap:.5rem}.kicker>span:first-child{color:var(--color-accent);font-size:1rem}.masthead{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;letter-spacing:-.02em;color:var(--color-ink);margin:0;text-wrap:balance}.masthead em{font-style:italic;color:var(--color-accent);font-weight:500}.lede{margin:.8rem 0 0;font-family:var(--font-serif);font-style:italic;font-size:1.1rem;line-height:1.5;color:var(--color-ink);max-width:65ch}.next-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.7rem;padding:1.4rem 1.6rem;margin:0 0 3rem;display:grid;gap:.3rem;position:relative;overflow:hidden}.next-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#fcd34d,#b45309)}.next-label{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-muted)}.next-name{margin:0;font-family:var(--font-serif);font-style:italic;font-size:2.4rem;line-height:1;color:var(--color-accent)}.next-date{margin:0;font-family:var(--font-serif);font-style:italic;font-size:1.25rem;color:var(--color-ink)}.next-meta{margin:.2rem 0 0;font-family:var(--font-mono);font-size:.85rem;color:var(--color-ink-muted)}.next-meta b{color:var(--color-ink);font-weight:600;font-variant-numeric:tabular-nums}.block{margin:0 0 3rem}.block-h{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:1.6rem;color:var(--color-ink);margin:0 0 1rem}.block-h:before{content:"❧";color:var(--color-accent);margin-right:.4em;font-style:normal}.prose-foot{font-family:var(--font-serif);font-style:italic;font-size:.95rem;line-height:1.5;color:var(--color-ink-muted);margin:0 0 1.2rem;max-width:65ch}#ribbon{width:100%;height:auto;display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem;box-sizing:border-box;color:var(--color-ink)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}@media(max-width:720px){.grid{grid-template-columns:1fr}}.scard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem 1.2rem;display:grid;gap:.4rem}.scard--next{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}.scard-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.scard-name{margin:0;font-family:var(--font-serif);font-style:italic;font-size:1.4rem;line-height:1;color:var(--color-ink)}.scard-zhr{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;padding:.2rem .5rem;border-radius:.25rem;background:color-mix(in srgb,var(--color-accent) 16%,transparent);color:var(--color-ink)}.scard-peak{margin:0;font-family:var(--font-mono);font-size:.95rem;color:var(--color-ink);font-variant-numeric:tabular-nums}.scard-peak b{font-weight:600;color:var(--color-accent);font-size:1.05em}.scard-year,.scard-rel{color:var(--color-ink-muted);font-size:.85rem;margin-left:.3em}.scard-meta{margin:0;display:grid;gap:.15rem;font-family:var(--font-mono);font-size:.82rem;color:var(--color-ink)}.scard-row{display:block}.scard-row .lab{display:inline-block;width:4.5rem;color:var(--color-ink-muted);letter-spacing:.06em;font-size:.72rem;text-transform:uppercase}.scard-note{margin:.2rem 0 0;font-family:var(--font-serif);font-style:italic;font-size:.9rem;line-height:1.45;color:var(--color-ink-muted)}.view-ideal{color:#6b9b4f;font-weight:600}.view-good{color:#b49c0e;font-weight:600}.view-fair{color:#d97706;font-weight:600}.view-poor{color:#b44a50;font-weight:600}.dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0}@media(max-width:600px){.dl{grid-template-columns:1fr}}.dl>div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem 1.2rem}.dl dt{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 .3rem}.dl dd{margin:0;font-family:var(--font-serif);font-style:italic;font-size:.95rem;line-height:1.5;color:var(--color-ink)}.rel{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1.2rem}.rel a{font-family:var(--font-mono);font-size:.85rem;color:var(--color-ink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-ink) 30%,transparent)}.rel a:hover{border-bottom-color:var(--color-accent)}.foot{margin:3rem 0 0;padding-top:1.5rem;border-top:1px solid var(--color-border)}.foot-credit{margin:0;font-family:var(--font-serif);font-style:italic;font-size:.85rem;line-height:1.5;color:var(--color-ink-muted);max-width:65ch}