:root { color-scheme: light dark; --bg: #f6f3ee; --fg: #1f2933; --muted: #6b7280; }
@media (prefers-color-scheme: dark) { :root { --bg: #14171c; --fg: #e8ecf1; --muted: #9aa5b1; } }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--bg); color: var(--fg); }
.wrap { max-width: 960px; margin: 0 auto; padding: 2rem 1rem 3rem; }
.eyebrow { margin: 0; font-size: 0.8rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }
h1 { margin: 0.25rem 0 0.5rem; font-size: clamp(1.7rem, 4vw, 2.4rem); }
.lead { margin: 0 0 1.5rem; color: var(--muted); }
.tdp { font-size: 1rem; }
.tdp-title { display: none; }
.tdp-list { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0.9rem; }
.tdp-item { padding: 0.9rem 1rem; }
footer { margin-top: 2.5rem; font-size: 0.85rem; color: var(--muted); }
footer p { margin: 0.2rem 0; }