*{box-sizing:border-box}
:root{
  --bg:#090909;
  --panel:#0d0d0d;
  --text:#f4f4f2;
  --muted:#9a9a95;
  --faint:#6d6d68;
  --line:#252525;
  --line-strong:#393939;
  --accent:#ff6b35;
  --accent-soft:#ff8d63;
  --max:740px;
}
html{background:var(--bg);color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.shell{width:100%;max-width:var(--max);min-height:100dvh;margin:0 auto;padding:0 17px}
.top-safe{padding-top:max(14px,env(safe-area-inset-top))}

/* Compact OQLIV masthead */
.site-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:11px;border-bottom:1px solid var(--line-strong)}
.wordmark{font-size:19px;line-height:1;font-weight:900;letter-spacing:-.055em}
.wordmark::after{content:".";color:var(--accent)}
.site-bar-right{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:9px;font-weight:750;letter-spacing:.085em;white-space:nowrap}
.site-bar-right time{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.back-link{color:var(--muted);font-size:11px;font-weight:650}

/* One-line topical nav, designed to disappear visually when ignored. */
.topic-nav{display:flex;gap:18px;overflow-x:auto;padding:11px 0 10px;border-bottom:1px solid var(--line);scrollbar-width:none}
.topic-nav::-webkit-scrollbar{display:none}
.topic-nav a{position:relative;flex:none;color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap}
.topic-nav a.active{color:var(--text)}
.topic-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--accent)}

/* Editorial section marker: thin line, no card chrome. */
.section-rule{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.section-rule::after{content:"";height:1px;flex:1;background:var(--line-strong)}
.section-rule span,.section-rule h2{margin:0;font:inherit;color:inherit}

/* Lead story: Axios-like information hierarchy, distinct OQLIV visual language. */
.lead-section{padding:22px 0 8px}
.lead-story{display:block;padding-bottom:22px;border-bottom:1px solid var(--line)}
.lead-story:active{opacity:.72}
.lead-image{display:block;width:100%;margin:0 0 15px;aspect-ratio:16/9;object-fit:cover;background:#141414;border:1px solid var(--line);border-radius:2px}
.eyebrow,.article-kicker{margin-bottom:8px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.lead-story h1{margin:0;max-width:690px;font-size:30px;line-height:1.04;letter-spacing:-.044em;font-weight:830}
.lead-summary{margin:10px 0 0;color:#c9c9c5;font-size:15px;line-height:1.43}
.lead-why{margin-top:15px;padding-left:11px;border-left:2px solid var(--accent);color:#c9c9c5;font-size:13px;line-height:1.48}
.lead-why strong{color:var(--text);font-weight:800}
.story-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--faint);font-size:10px;line-height:1.3;font-variant-numeric:tabular-nums}
.lead-meta{margin-top:13px}
.read-cue{margin-left:auto;color:var(--muted);font-weight:700}
.category{color:#b9b9b5;font-weight:700}
.oqliv-mark{color:var(--accent-soft);font-weight:800}

/* Latest feed */
.latest-section{padding-top:20px}
.latest-rule{margin-bottom:0;padding-bottom:9px;border-bottom:2px solid var(--text)}
.latest-rule::after{display:none}
.latest-rule h2{color:var(--text);font-size:11px;letter-spacing:.12em}
.feed{display:block}
.story{display:block;padding:17px 0 18px;border-bottom:1px solid var(--line)}
.story:active{opacity:.68}
.story .story-meta{margin-bottom:6px}
.headline{margin:0;color:var(--text);font-size:20px;line-height:1.16;letter-spacing:-.025em;font-weight:760}
.summary{margin:6px 0 0;color:#aaa9a4;font-size:13px;line-height:1.43;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.empty{padding:54px 0;color:var(--faint);font-size:13px;text-align:center}
.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0 calc(30px + env(safe-area-inset-bottom));color:var(--faint);font-size:10px;border-top:1px solid var(--line)}
.footer span:first-child{color:var(--muted);font-weight:850;letter-spacing:.06em}
.footer a{color:var(--muted)}

/* Article detail */
.detail-shell{max-width:700px}
.article-site-bar{margin-bottom:0}
.article{padding:25px 0 44px}
.article h1{margin:0;max-width:680px;font-size:36px;line-height:1.015;letter-spacing:-.047em;font-weight:840}
.dek{margin:13px 0 0;color:#c2c2bd;font-size:18px;line-height:1.42;letter-spacing:-.012em}
.article-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px;padding-bottom:20px;color:var(--faint);font-size:10px;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line)}
.why-block{margin:21px 0 3px;padding:0 0 0 13px;border-left:3px solid var(--accent)}
.why-label{margin-bottom:6px;color:var(--accent-soft);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.why-block p{margin:0;color:var(--text);font-size:17px;line-height:1.47;font-weight:680;letter-spacing:-.012em}
.hero-image{margin:24px 0 3px}
.hero-image img{display:block;width:100%;max-height:540px;object-fit:cover;background:#141414;border:1px solid var(--line);border-radius:2px}
.article-body{padding-top:4px}
.article-body p{margin:21px 0;color:#d0d0cc;font-size:17px;line-height:1.64;letter-spacing:-.008em}
.go-deeper{margin-top:30px;padding-top:14px;border-top:1px solid var(--line-strong)}
.mini-label{margin-bottom:7px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.source-link{display:inline-block;color:var(--text);font-size:13px;font-weight:750}
.source-link span{color:var(--accent)}
.related{margin-top:35px}
.related-rule{margin-bottom:0;padding-bottom:9px;border-bottom:2px solid var(--text)}
.related-rule::after{display:none}
.related-rule span{color:var(--text)}
.related a{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.3;font-weight:690}
.related a span:last-child{color:var(--accent);font-weight:500}

/* Manual ads are strictly in normal document flow. No sticky/fixed treatment. */
.ad-slot{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:280px;margin:24px 0;padding:17px 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:transparent}
.ad-slot .ad-label{position:absolute;top:5px;left:50%;transform:translateX(-50%);color:#5c5c58;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.ad-slot ins.adsbygoogle{display:inline-block!important;max-width:100%}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]){min-height:0;padding:0;margin:0;border:0;display:none}

/* Admin: functional, quiet, and dark so jumping into it isn't visually jarring. */
.admin-narrow,.admin-wide{width:min(100% - 28px,680px);margin:30px auto}.admin-wide{width:min(100% - 28px,980px)}
.admin-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.admin-top h1,.admin-narrow h1{margin:0;font-size:23px}
.admin-form{display:grid;gap:12px}.admin-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid var(--line-strong);border-radius:4px;background:#101010;color:var(--text);padding:10px;font:inherit;outline:none}.admin-form textarea{resize:vertical}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--accent)}.admin-form button,.button,.button-primary,.ghost{border:1px solid var(--line-strong);border-radius:4px;padding:9px 12px;background:var(--text);color:#0a0a0a;font-weight:750;cursor:pointer}.ghost{background:#171717;color:#c7c7c2;margin-left:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks{display:flex;gap:18px}.checks label{display:flex;grid-template:none;align-items:center;gap:6px}.checks input{width:auto}.admin-preview{display:block;max-width:320px;max-height:180px;object-fit:cover;border:1px solid var(--line)}.flash{padding:9px 10px;margin-bottom:12px;border:1px solid var(--line-strong);background:#121212;font-size:12px}.flash.error{border-color:#824237}.flash.ok{border-color:#3c6848}.admin-list{border-top:1px solid var(--line)}.admin-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-meta{color:var(--faint);font-size:10px;margin-bottom:4px}.admin-title{font-size:14px}.admin-actions{display:flex;align-items:center;gap:8px;font-size:11px}.admin-actions form,.inline{display:inline}.link-button{appearance:none;border:0;background:none;padding:0;color:#aaa;font:inherit;cursor:pointer}.danger{color:#e07b6a}.new-flash{animation:newflash 2.2s ease-out}@keyframes newflash{0%{background:#21150f}100%{background:transparent}}
.admin-ad-summary{margin:-8px 0 14px;padding:9px 10px;border:1px solid var(--line);background:#101010;color:var(--muted);font-size:11px;line-height:1.45}.admin-ad-summary strong{color:var(--text)}.ghost-link{display:inline-block;margin-right:8px;color:#aaa;font-size:11px}.admin-note{padding:10px;border:1px solid var(--line);background:#101010;color:var(--muted);font-size:11px;line-height:1.55}.admin-note code{color:var(--text)}.admin-form small{color:var(--faint);font-size:10px;line-height:1.4}.check-row{display:flex!important;grid-template:none!important;align-items:center;gap:8px!important;color:#aaa!important}.check-row input{width:auto!important}.ad-fieldset{margin:0;padding:10px;border:1px solid var(--line);border-radius:4px}.ad-fieldset legend{padding:0 5px;color:var(--muted);font-size:11px}.ad-fieldset .check-row+.check-row{margin-top:8px}

@media(min-width:760px){
  .shell{padding-left:22px;padding-right:22px}
  .site-bar{padding-top:20px}
  .lead-section{padding-top:26px}
  .lead-story h1{font-size:35px}
  .headline{font-size:22px}
  .article{padding-top:32px}
  .article h1{font-size:45px}
  .dek{font-size:19px}
}
@media(max-width:560px){
  .shell{padding-left:15px;padding-right:15px}
  .site-bar-right span{display:none}
  .topic-nav{gap:16px}
  .lead-section{padding-top:19px}
  .lead-story h1{font-size:29px}
  .lead-summary{font-size:14px}
  .lead-why{font-size:12.5px}
  .headline{font-size:19px}
  .summary{font-size:12.5px}
  .article{padding-top:22px}
  .article h1{font-size:34px}
  .dek{font-size:17px}
  .why-block p{font-size:16.5px}
  .article-body p{font-size:16.5px;line-height:1.62}
  .form-grid{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}
}