:root{--bg: #0b1020;--panel: #121a30;--panel-2: #17213d;--text: #edf2ff;--muted: #a8b2d1;--line: #2a365f;--accent: #9bd1ff;--accent-2: #ffd87a;--max: 1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#14203b,#0b1020 38%,#08101b);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}code{background:#ffffff0f;padding:.15rem .35rem;border-radius:.35rem}.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto}header.site{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:#08101bcc;border-bottom:1px solid var(--line)}.nav{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.9rem 0}.nav .brand{font-weight:800;letter-spacing:.03em}.nav nav{display:flex;flex-wrap:wrap;gap:.9rem}.hero{padding:4rem 0 2rem}.hero-small{padding-bottom:.5rem}.hero-home{padding-top:3rem}.hero-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:1.5rem;align-items:center}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 1rem}.hero p{color:var(--muted);max-width:70ch}.hero-art{border-radius:24px;border:1px solid var(--line);box-shadow:0 18px 48px #00000059;object-fit:cover;width:100%;aspect-ratio:16 / 9;background:#ffffff0a}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.25rem 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#04101d;font-weight:700;text-decoration:none}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.grid{display:grid;gap:1rem}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--line);border-radius:18px;padding:1.1rem;box-shadow:0 10px 30px #0000002e}.card h3,.card h2{margin-top:.1rem}.card-cover{width:calc(100% + 2.2rem);margin:-1.1rem -1.1rem 1rem;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px 18px 0 0;border-bottom:1px solid var(--line);background:#ffffff0a}.card-inline{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:center}.inline-thumb{width:110px;aspect-ratio:4 / 5;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.muted{color:var(--muted)}.section{padding:1.2rem 0 2rem}.kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2);font-size:.8rem;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#ffffff05;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:.8rem .9rem;border-bottom:1px solid var(--line)}th{background:#ffffff08}.badge{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:999px;padding:.2rem .65rem;font-size:.85rem;color:var(--muted)}footer{padding:3rem 0;color:var(--muted);border-top:1px solid var(--line);margin-top:2rem}.prose h1,.prose h2,.prose h3{line-height:1.15}.prose img{max-width:100%;border-radius:16px}.prose blockquote{border-left:4px solid var(--accent-2);padding:.2rem 1rem;margin:1rem 0;color:var(--muted);background:#ffffff05}.pagefind-ui{margin-top:1rem}.entry-page .lead{font-size:1.1rem;color:var(--muted);max-width:75ch}.meta-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:1.25rem;align-items:start}.content-side{position:sticky;top:5rem}.facts{display:grid;grid-template-columns:1fr;gap:.65rem;margin:0}.facts dt{color:var(--accent-2);font-weight:700;text-transform:capitalize}.facts dd{margin:0;color:var(--muted)}.cover-figure{margin:1rem 0 1.4rem}.cover-figure img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:20px;border:1px solid var(--line);background:#ffffff0a}.cover-figure.portrait img{max-width:420px;aspect-ratio:4 / 5}.cover-figure figcaption{margin-top:.5rem;color:var(--muted);font-size:.95rem}.dictionary-groups h2{text-transform:capitalize}@media(max-width:920px){.hero-grid,.content-grid{grid-template-columns:1fr}.content-side{position:static}}@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column}.card-inline{grid-template-columns:1fr}.inline-thumb{width:100%;max-width:180px}}
