/* Wrong Default Media. Same house as The Wrong Default.
   Palette is the publication's, unchanged: #0b0e15 ground, #10141d panels, #ECEAE2 ink,
   #c9a44e gold. One brand, not two, because the names already separate the firm from the
   publication and a founder-run operation does not need a second system to maintain.

   The separation lives in the type, not the color. The publication runs serif headlines
   over sans body. This runs sans headlines over serif body. Same house, different room.

   Contrast checked 2026-09-06 against #0b0e15. Every text pair passes WCAG AA at normal
   size. Hairline rules are decorative boundaries, not the sole identifier of a component.
*/

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/inter-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/newsreader-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/newsreader-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/newsreader-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/newsreader-latin-400-italic.woff2") format("woff2")}

:root{
  color-scheme:dark;
  --paper:#0b0e15;
  --paper-2:#10141d;
  --paper-3:#171C28;
  --ink:#ECEAE2;
  --ink-2:#BFC4CE;
  --muted:#9AA0AD;
  --rule:#252B38;
  --rule-soft:#1A2029;
  --accent:#c9a44e;
  --accent-dark:#E7C97F;
  --accent-wash:#15192270;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

.wrap{width:min(1140px,calc(100% - 48px));margin:0 auto}
.measure{max-width:68ch}

/* ---- masthead ---- */
.masthead{position:sticky;top:0;z-index:30;background:rgba(11,14,21,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;height:68px}
.wordmark{display:flex;align-items:baseline;gap:9px;text-decoration:none;font-weight:700;letter-spacing:-.02em;font-size:17px;white-space:nowrap}
.wordmark .wd{color:var(--ink)}
.wordmark .media{letter-spacing:.01em}
.wordmark .media{color:var(--accent)}
.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500}
.nav a{color:var(--ink-2);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}
.nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
@media (max-width:820px){
  .masthead .wrap{height:auto;padding:14px 0;flex-direction:column;align-items:flex-start;gap:10px}
  .nav{flex-wrap:wrap;gap:18px}
}

/* ---- type ---- */
h1,h2,h3,h4{font-family:var(--sans);font-weight:700;letter-spacing:-.025em;line-height:1.07;margin:0;color:var(--ink)}
h1{font-size:clamp(40px,6.4vw,68px)}
h2{font-size:clamp(27px,3.6vw,38px)}
h3{font-size:clamp(19px,2vw,22px);letter-spacing:-.015em}
p{margin:0}
.prose{font-family:var(--serif);font-size:19px;line-height:1.72;color:var(--ink-2)}
.prose.lead{font-size:22px;line-height:1.6;color:var(--ink)}
.prose p + p{margin-top:1.05em}
.prose strong{color:var(--ink);font-weight:600}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}
.eyebrow.plain{color:var(--muted)}
.small{font-size:14px;color:var(--muted);line-height:1.62}

/* ---- links in prose ---- */
.prose a,.linked{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover,.linked:hover{color:var(--accent-dark);text-decoration-thickness:2px}

/* ---- sections ---- */
section{padding:76px 0;border-top:1px solid var(--rule-soft)}
section.hero{border-top:0;padding:88px 0 76px}
section.tint{background:var(--paper-2)}
.section-head{max-width:760px;margin-bottom:40px}
.section-head .prose{margin-top:18px}

/* ---- hero ---- */
.hero h1{margin-bottom:26px;max-width:16ch}
.hero .prose.lead{max-width:60ch}
.rule-mark{width:64px;height:4px;background:var(--accent);margin-bottom:28px}

/* ---- buttons ---- */
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:12px 20px;border-radius:2px;text-decoration:none;border:1.5px solid var(--ink);color:var(--ink);background:transparent;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#12151C}
.btn.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#12151C}

/* ---- grids and cards ---- */
.grid{display:grid;gap:24px}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid.pair{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:720px){.grid.pair{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:28px}
.card.on-tint{background:#141926}
.card h3{margin-bottom:10px}
.card .prose{font-size:17px;margin-top:0}
.card .go{display:inline-block;margin-top:16px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}
.card .go:hover{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);border-radius:999px;padding:4px 11px;margin-bottom:14px}
.pill.live{color:var(--accent);border-color:var(--accent)}

/* ---- numbered standard list ---- */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.steps li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--rule)}
.steps li:last-child{border-bottom:1px solid var(--rule)}
.steps .n{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.06em;padding-top:4px}
.steps h3{margin-bottom:8px}

/* ---- pull quote ---- */
.pull{font-family:var(--serif);font-size:clamp(22px,2.9vw,30px);line-height:1.4;color:var(--ink);border-left:4px solid var(--accent);padding:4px 0 4px 26px;margin:38px 0;max-width:34ch}

/* ---- callout ---- */
.callout{background:#141926;border-left:4px solid var(--accent);padding:24px 26px;border-radius:0 3px 3px 0}
.callout h3{font-size:17px;margin-bottom:8px}
.callout .prose{font-size:17px}

/* ---- definition rows ---- */
.rows{border-top:1px solid var(--rule)}
.rows .row{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--rule)}
.rows .row .k{font-size:14px;font-weight:600;color:var(--ink)}
.rows .row .v{font-family:var(--serif);font-size:17.5px;line-height:1.62;color:var(--ink-2)}
@media (max-width:640px){.rows .row{grid-template-columns:1fr;gap:8px}}

/* ---- book layout ---- */
.book-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
@media (max-width:860px){.book-head{grid-template-columns:1fr;gap:32px}}
.book-cover{border:1px solid var(--rule);border-radius:2px;box-shadow:0 22px 54px rgba(0,0,0,.55)}
.cover-placeholder{aspect-ratio:2/3;background:#141926;border:1px solid var(--rule);border-radius:2px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px}
.cover-placeholder .t{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.cover-placeholder .s{font-size:13px;color:var(--muted);margin-top:10px}

/* ---- chapter reading ---- */
.chapter{font-family:var(--serif);font-size:20px;line-height:1.78;color:var(--ink-2);max-width:34em}
.chapter p{margin:0 0 1.1em}
.chapter p.first::first-letter{font-size:3.1em;float:left;line-height:.86;padding:.04em .09em 0 0;font-weight:600;color:var(--ink)}

/* ---- footer ---- */
.site-foot{background:#07090E;color:#B9BEC8;border-top:1px solid var(--rule);padding:60px 0 40px;font-size:14px;line-height:1.7}
.site-foot h4{color:var(--ink);font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:14px}
.site-foot a{color:#B9BEC8;text-decoration:none}
.site-foot a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:36px}
.foot-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.colophon{margin-top:46px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);color:#8A909B;font-size:13px;display:flex;flex-wrap:wrap;gap:8px 22px}
.site-foot :focus-visible{outline-color:var(--accent)}

/* ---- skip link ---- */
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#12151C;padding:10px 16px;z-index:50}
.skip:focus{left:12px;top:12px}

/* ---- the index (/index/) ---- */
.idx-chips{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0 0}
.idx-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--ink-2);background:transparent;border:1.5px solid var(--rule);border-radius:999px;padding:7px 14px 7px 10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.idx-chip:hover{border-color:var(--cat,var(--accent));color:var(--ink)}
.idx-chip.is-active{background:var(--cat,var(--accent));border-color:var(--cat,var(--accent));color:#12151C}
.idx-mono-sm{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--cat,var(--accent));color:#12151C;font-size:10px;font-weight:800;letter-spacing:.02em}
.idx-chip.is-active .idx-mono-sm{background:#12151C;color:var(--cat,var(--accent))}
.idx-controls{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0 32px}
.idx-search{flex:1 1 260px;min-width:200px;font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--paper);border:1.5px solid var(--rule);border-radius:2px;padding:11px 14px}
.idx-search::placeholder{color:var(--muted)}
.idx-select{font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--paper);border:1.5px solid var(--rule);border-radius:2px;padding:11px 14px}
.idx-controls-wrap{padding-bottom:0}
.idx-results-section{padding-top:36px}
.idx-count{margin-bottom:20px}
.idx-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.idx-card{background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--cat,var(--rule));border-radius:3px;padding:24px}
.idx-card-top{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.idx-mono{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:var(--cat);color:#12151C;font-size:11px;font-weight:800;flex:none}
.idx-cat-label{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cat)}
.idx-card h3{margin-bottom:6px}
.idx-title{color:var(--ink);text-decoration:none}
.idx-title:hover{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.idx-byline{font-size:13.5px;color:var(--muted);margin-bottom:12px}
.idx-line{font-size:16px;margin-top:0}
.idx-rel{font-size:13px;color:var(--muted);border-top:1px solid var(--rule-soft);margin-top:14px;padding-top:12px}
.idx-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.idx-topic,.idx-tag,.idx-market{font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--rule);border-radius:999px;padding:4px 10px}
.idx-market{color:var(--ink);border-color:var(--ink-2)}
.idx-tag-muted{color:var(--muted)}
.idx-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:16px;padding-top:12px;border-top:1px solid var(--rule-soft)}
.idx-none{padding:24px 0}
@media (max-width:640px){.idx-grid{grid-template-columns:1fr}.idx-controls{flex-direction:column}.idx-select{width:100%}}