:root{
  --bg:#fbfaf7; --paper:#ffffff; --ink:#16171a; --ink-2:#3b3e45; --muted:#6b6f78;
  --rule:#d9d6cf; --rule-2:#ece9e2; --accent:#a3121f; --accent-2:#7d0d17;
  --angle-bg:#fff6e0; --angle-bd:#e3b341; --warn-bg:#fdecec; --warn-bd:#d9534f;
  --sheet:#1f5f8b; --link:#0b4f8a; --shadow:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);
  --serif: Georgia, "Times New Roman", "Liberation Serif", "DejaVu Serif", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#111214; --paper:#18191c; --ink:#ececea; --ink-2:#c9cacc; --muted:#9a9ca3;
    --rule:#33353a; --rule-2:#26282c; --accent:#ff5a5f; --accent-2:#ff8a8d;
    --angle-bg:#2a2414; --angle-bd:#a88324; --warn-bg:#2c1717; --warn-bd:#c0504d;
    --sheet:#6cb4e6; --link:#8cc4ff; --shadow:none;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--sans)}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--accent)}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.muted{color:var(--muted)} .small{font-size:.85rem}

.masthead{border-bottom:3px double var(--rule);background:var(--paper);margin-bottom:22px}
.masthead .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 18px;padding-top:16px;padding-bottom:12px}
.brand{display:inline-flex;align-items:center;gap:.32em;font:700 2.1rem/1 var(--serif);letter-spacing:-.02em;color:var(--ink);text-decoration:none;white-space:nowrap}
.brand:hover{color:var(--ink)}
.brand-logo{height:1.25em;width:auto;flex:none;color:var(--accent)}
.brand span::first-letter{color:var(--accent)}
.tagline{font:italic .95rem var(--serif);color:var(--muted)}
.dateline{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.side-col{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;display:flex;flex-direction:column;gap:16px}

.doc{background:var(--paper);border:1px solid var(--rule-2);border-radius:6px;padding:26px 30px;box-shadow:var(--shadow)}
.doc-head{border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:6px}
.kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.doc-head h1{font:700 2rem/1.15 var(--serif);margin:.35em 0 .2em;letter-spacing:-.01em}
.doc-head h1 a{color:inherit;text-decoration:none}
.meta{font-size:.85rem;color:var(--muted)}
.toc{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.toc a{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:1px solid var(--rule);border-radius:999px;padding:3px 10px;color:var(--ink-2)}
.toc a:hover{border-color:var(--accent);color:var(--accent)}

.badge{display:inline-block;font:700 .68rem/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;padding:4px 7px;border-radius:3px;color:#fff;background:var(--accent);vertical-align:middle}
.badge-sheet{background:var(--sheet)}
@media (prefers-color-scheme: dark){.badge{color:#111}}

.prose h2{font:700 .9rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border-top:2px solid var(--ink);padding-top:10px;margin:2.1em 0 .6em}
.prose h2:first-child{margin-top:1.2em}
.prose h3{font:700 1.32rem/1.25 var(--serif);margin:1.5em 0 .45em;color:var(--ink)}
.prose h4{font:700 1.05rem/1.3 var(--serif);margin:1.2em 0 .4em}
.anchor{opacity:0;font:400 .8em var(--sans);text-decoration:none;color:var(--muted);margin-left:4px}
h2:hover .anchor,h3:hover .anchor{opacity:1}
.prose p{margin:.6em 0}
.prose ul,.prose ol{padding-left:1.25em;margin:.4em 0 .8em}
.prose li{margin:.32em 0;color:var(--ink-2)}
.prose li strong{color:var(--ink)}
.prose li.angle{list-style:none;margin-left:-1.25em;background:var(--angle-bg);border-left:4px solid var(--angle-bd);padding:8px 12px;border-radius:0 4px 4px 0;color:var(--ink)}
.prose li.warn{list-style:none;margin-left:-1.25em;background:var(--warn-bg);border-left:4px solid var(--warn-bd);padding:8px 12px;border-radius:0 4px 4px 0;color:var(--ink)}
.prose li.src{font-size:.9rem}
.prose em{color:var(--muted)}
.prose blockquote{margin:1em 0;padding:.2em 1em;border-left:3px solid var(--rule);color:var(--ink-2)}
.prose code{font-size:.9em;background:var(--rule-2);padding:1px 4px;border-radius:3px}
.prose table{border-collapse:collapse;width:100%;font-size:.92rem;margin:1em 0;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--rule);padding:6px 8px;text-align:left;vertical-align:top}
.prose a{word-break:break-word}
.prose hr{border:0;border-top:1px solid var(--rule);margin:2em 0}

.card{background:var(--paper);border:1px solid var(--rule-2);border-radius:6px;padding:14px 16px;box-shadow:var(--shadow)}
.card-h{display:block;font:700 .78rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}
.search input{width:100%;font:inherit;font-size:16px;padding:9px 11px;border:1px solid var(--rule);border-radius:5px;background:var(--bg);color:var(--ink)}
.search input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.results{list-style:none;margin:10px 0 0;padding:0;max-height:50vh;overflow:auto}
.results li{border-top:1px solid var(--rule-2)}
.results a{display:block;padding:7px 2px;text-decoration:none;color:var(--ink);font:600 .95rem/1.3 var(--serif)}
.results a:hover{color:var(--accent)}
.results .r-meta{display:block;font:400 .72rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.results .none{padding:8px 2px;color:var(--muted);font-size:.9rem}

.archive{list-style:none;margin:0;padding:0}
.archive>li{border-top:1px solid var(--rule-2);padding:10px 0}
.arch-date{font:700 .95rem var(--serif);margin-bottom:4px}
.arch-items{display:flex;flex-direction:column;gap:6px}
.arch-link{display:block;text-decoration:none;color:var(--ink-2);font-size:.86rem;line-height:1.35}
.arch-link .badge{margin-right:6px}
.arch-link:hover .arch-heads{color:var(--accent)}
.arch-heads{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}

.pager{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px}
.doc + .pager{margin:16px 0 0}
.pager a,.pager .disabled{flex:1;max-width:48%;background:var(--paper);border:1px solid var(--rule-2);border-radius:6px;padding:10px 14px;text-decoration:none;font-weight:600;font-size:.92rem}
.pager .next{text-align:right}
.pager span span,.pager a span{display:block;font-weight:400;font-size:.8rem;color:var(--muted)}
.pager .disabled{color:var(--muted);opacity:.6}
main.wrap>.doc{max-width:820px;margin:0 auto}
main.wrap>.pager{max-width:820px;margin-left:auto;margin-right:auto}

.sitenav{grid-column:1/-1;display:flex;gap:18px;font:600 .8rem/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;padding-top:8px;border-top:1px solid var(--rule-2);margin-top:6px}
.sitenav a{color:var(--ink-2);text-decoration:none}
.sitenav a:hover{color:var(--accent)}

.story-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.story-controls .muted{margin-right:auto}
.btn{font:600 .78rem/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--bg);color:var(--ink-2);cursor:pointer}
.btn:hover{border-color:var(--accent);color:var(--accent)}

.prose details.story{border-bottom:1px solid var(--rule-2);margin:0}
.prose details.story>summary{list-style:none;cursor:pointer;display:block;position:relative;padding:12px 30px 12px 0;font:700 1.16rem/1.3 var(--serif);color:var(--ink);-webkit-tap-highlight-color:transparent}
.prose details.story>summary::-webkit-details-marker{display:none}
.prose details.story>summary::after{content:"+";position:absolute;right:4px;top:10px;font:400 1.5rem/1 var(--sans);color:var(--accent)}
.prose details.story[open]>summary::after{content:"\2212"}
.prose details.story>summary:hover .hl{color:var(--accent)}
.prose details.story>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.chip{display:inline-block;vertical-align:middle;margin-left:6px;font:700 .62rem/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:3px 6px;border-radius:3px;border:1px solid currentColor;position:relative;top:-2px}
.chip-confirmed{color:#2e7d32} .chip-single{color:#b26a00} .chip-rumor{color:#c62828}
@media (prefers-color-scheme: dark){.chip-confirmed{color:#7bd389}.chip-single{color:#f0b05a}.chip-rumor{color:#ff8a80}}
.story-body{padding:0 0 14px}
.story-body>ul{margin-top:0}

.prose li.xpost{list-style:none;margin:0 0 18px -1.25em;padding-top:10px;border-top:1px solid var(--rule-2)}
.xnote{color:var(--ink);margin-bottom:6px}
.prose blockquote.twitter-tweet{border-left:3px solid var(--rule);margin:6px 0;padding:8px 12px;font-size:.92rem}
.xfallback{font-size:.78rem;color:var(--muted)}
.twitter-tweet-rendered + .xfallback{display:inline-block;margin-top:2px}

.src-group{margin-top:1.6em}
.prose .src-list{list-style:none;padding:0}
.prose .src-list li{border-top:1px solid var(--rule-2);padding:9px 0;margin:0}
.src-list .sname{font:700 1.02rem var(--serif)}
.src-list .smeta{display:block;font-size:.78rem;color:var(--muted)}

.empty{font-style:italic;color:var(--muted)}
.foot{margin:34px auto 30px;padding-top:14px;border-top:1px solid var(--rule);font-size:.85rem;color:var(--muted)}

@media (max-width: 900px){
  .layout{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .side-col{display:contents}
  .side-col .search{order:-1}
  .main-col{order:0;width:100%}
  .side-col .card:not(.search){order:1}
}
@media (max-width: 600px){
  body{font-size:16.5px}
  .wrap{padding:0 12px}
  .masthead .wrap{grid-template-columns:1fr;gap:2px}
  .brand{font-size:1.65rem}
  .dateline{white-space:normal}
  .doc{padding:18px 16px;border-radius:4px}
  .doc-head h1{font-size:1.55rem}
  .prose h3{font-size:1.18rem}
  .prose details.story>summary{font-size:1.06rem;padding:13px 28px 13px 0}
  .sitenav{gap:14px;font-size:.74rem}
  .story-controls .muted{flex-basis:100%}
  .story-controls .btn{flex:1}
  .prose li.xpost{margin-left:-1.1em}
  .prose li.angle,.prose li.warn{margin-left:-1.1em}
  .pager a,.pager .disabled{padding:8px 10px;font-size:.85rem}
  .toc{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .toc a{white-space:nowrap;font-size:.72rem}
}
@media print{
  .side-col,.pager,.toc,.anchor,.foot,.story-controls,.sitenav{display:none!important}
  details.story>.story-body{display:block}
  .layout{display:block} body{background:#fff;color:#000} .doc{border:0;box-shadow:none;padding:0}
}
