:root { color-scheme: dark; --ink:#080b09; --surface:#111713; --paper:#f4f2e9; --paper-soft:#d6d8d0; --muted:#909990; --line:rgba(225,235,226,.14); --signal:#c5f467; --display:Iowan Old Style,Baskerville,"Times New Roman",serif; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body { color:var(--paper); background:radial-gradient(circle at 84% -12%,rgba(197,244,103,.09),transparent 30rem),var(--ink); font-family:var(--sans); }
body::before { opacity:.17; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:68px 68px; mask-image:linear-gradient(to bottom,#000,transparent 72%); }
.container { width:min(calc(100% - 48px),1280px); max-width:none; padding:0 0 72px; }
.top-nav { min-height:82px; margin:0; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:11px; color:var(--paper); font-size:.95rem; font-weight:790; letter-spacing:.18em; }
.brand::before { content:"HX"; width:34px; aspect-ratio:1; display:grid; place-items:center; color:var(--ink); background:var(--signal); font-size:.65rem; font-weight:900; letter-spacing:-.04em; clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%); }
.nav-links { gap:30px; }
.nav-links a { color:var(--muted); font-size:.75rem; font-weight:650; letter-spacing:.07em; text-transform:uppercase; }
.nav-links a:hover { color:var(--paper); }
.article-shell { padding:72px 0 0; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; }
.breadcrumb { margin-bottom:32px; color:var(--muted); font-size:.7rem; letter-spacing:.05em; text-transform:uppercase; }
.breadcrumb a { color:var(--paper-soft); }
.article-shell > .eyebrow { margin-bottom:20px; color:var(--signal); font-weight:760; letter-spacing:.16em; }
h1 { max-width:1060px; margin-bottom:24px; color:var(--paper); font-family:var(--display); font-size:clamp(3.2rem,6.6vw,6.8rem); font-weight:500; letter-spacing:-.055em; line-height:.94; text-wrap:balance; }
.summary { max-width:820px; margin-bottom:42px; color:var(--paper-soft); font-size:clamp(1.05rem,1.8vw,1.3rem); line-height:1.65; }
.meta-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0 0 38px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.meta-item { min-height:112px; padding:22px 18px; border:0; border-right:1px solid var(--line); border-radius:0; background:none; }
.meta-item:first-child { padding-left:0; }
.meta-item:last-child { border-right:0; }
.meta-label { color:var(--signal); font-size:.65rem; font-weight:760; letter-spacing:.14em; }
.meta-value { color:var(--paper-soft); font-size:.86rem; line-height:1.45; }
.editorial-note { max-width:840px; margin-bottom:38px; padding:16px 0 16px 20px; border:0; border-left:2px solid var(--signal); border-radius:0; background:none; }
.editorial-note .eyebrow { margin-bottom:6px; color:var(--muted); }
.editorial-note p { color:var(--muted); font-size:.88rem; }
.featured-image { max-height:640px; margin-bottom:52px; border:1px solid var(--line); border-radius:0; }
.post-content { margin-inline:auto; color:#dfe2dc; font-family:var(--sans); font-size:1.04rem; line-height:1.82; }
.post-content > p:first-child { color:var(--paper); font-family:var(--display); font-size:1.34rem; line-height:1.65; }
.post-content h2 { margin-top:58px; color:var(--paper); font-family:var(--display); font-size:2.35rem; font-weight:500; letter-spacing:-.03em; line-height:1.08; }
.post-content h3 { margin-top:38px; color:var(--signal); font-size:1.25rem; }
.post-content a { color:var(--signal); text-underline-offset:3px; }
.post-content blockquote { padding:20px 0 20px 26px; border-left:2px solid var(--signal); color:var(--paper-soft); font-family:var(--display); font-size:1.35rem; line-height:1.55; }
.post-content pre { border:1px solid var(--line); border-radius:0; background:var(--surface); }
.post-content img { border:1px solid var(--line); border-radius:0; }
.tags-section,.related-section { max-width:100%; margin-top:72px; padding-top:32px; border-top:1px solid var(--line); }
.tags-section > .eyebrow,.related-section h2 { color:var(--signal); }
.tag-link { border:1px solid var(--line); border-radius:0; color:var(--paper-soft); background:none; font-size:.74rem; letter-spacing:.05em; }
.tag-link:hover { border-color:var(--signal); color:var(--signal); }
.related-section h2 { margin:0 0 22px; font-family:var(--display); font-size:2.1rem; font-weight:500; }
.related-grid { grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }
.related-card,.nav-card { min-height:180px; padding:24px; border:0; border-radius:0; background:var(--ink); }
.related-card strong,.nav-card strong { font-family:var(--display); font-size:1.3rem; font-weight:500; line-height:1.15; }
.related-card-category,.nav-card span { color:var(--signal); }
.post-navigation { gap:1px; padding:1px; background:var(--line); }
.site-footer { margin-top:64px; padding-top:28px; border-top:1px solid var(--line); color:var(--muted); }
.site-footer a { color:var(--paper-soft); }
@media (max-width:900px) { .meta-grid { grid-template-columns:repeat(2,1fr); } .meta-item { border-bottom:1px solid var(--line); } .related-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .container{width:calc(100% - 28px);padding:0 0 48px}.top-nav{min-height:70px}.nav-links a:nth-child(2),.nav-links a:nth-child(3){display:none}.nav-links{gap:14px}.article-shell{padding-top:50px}.breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h1{font-size:clamp(3rem,15vw,4.8rem)}.summary{margin-bottom:32px}.meta-grid{grid-template-columns:1fr}.meta-item,.meta-item:first-child{min-height:0;padding:16px 0;border-right:0}.featured-image{margin-bottom:38px}.post-content{font-size:1rem}.post-content h2{font-size:2rem}.related-card,.nav-card{min-height:150px}.post-navigation{grid-template-columns:1fr}}