/* ============================================================
   The Great Rewiring — essay / reading page styles
   ============================================================ */
:root{
  --ink:#0a0e14;
  --panel:#10151d;
  --paper:#e8e4da;
  --muted:#8a94a6;
  --gold:#d4a24a;
  --gold-hi:#f0c069;
  --teal:#39d0c3;
  --hairline:rgba(138,148,166,.22);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--ink);
  color:var(--paper);
  font-family:"Space Grotesk",sans-serif;
  line-height:1.85;
}

.topbar{
  position:sticky;top:0;z-index:10;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 32px;
  background:rgba(10,14,20,.82);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--hairline);
}
.topbar .sig{
  font-family:"JetBrains Mono",monospace;font-weight:700;font-size:14px;
  letter-spacing:.34em;color:var(--paper);text-decoration:none;
}
.topbar .sig span{color:var(--gold)}
.topbar nav a{
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.2em;
  color:var(--muted);text-decoration:none;margin-left:26px;
  transition:color .2s;
}
.topbar nav a:hover{color:var(--teal)}
.topbar nav a.x-link:hover{color:var(--gold-hi)}

article{max-width:70ch;margin:0 auto;padding:72px 24px 40px}

.kick{
  font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;
  letter-spacing:.3em;color:var(--teal);margin-bottom:22px;
}
.kick em{font-style:normal;color:var(--gold)}

h1{
  font-family:"Fraunces",serif;font-weight:340;line-height:1.06;
  font-size:clamp(40px,6vw,68px);letter-spacing:-.015em;margin-bottom:20px;
}
.standfirst{
  font-family:"Fraunces",serif;font-style:italic;font-weight:300;
  font-size:clamp(17px,2vw,21px);color:var(--muted);
  margin-bottom:14px;max-width:56ch;
}
.byline{
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.18em;
  color:var(--muted);margin-bottom:52px;
}
.byline a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(212,162,74,.4)}
.byline a:hover{border-bottom-color:var(--gold)}

article h2{
  font-family:"Fraunces",serif;font-weight:400;
  font-size:clamp(26px,3.2vw,34px);letter-spacing:-.01em;
  margin:64px 0 22px;line-height:1.2;
}
article p{margin-bottom:24px;font-weight:300;color:#c9ced7;font-size:16.5px}
article p b{color:var(--paper);font-weight:500}
.cite{
  font-family:"JetBrains Mono",monospace;font-size:.62em;vertical-align:super;
  color:var(--teal);text-decoration:none;opacity:.85;margin-left:1px;
}
.cite:hover{opacity:1;text-decoration:underline}

blockquote{
  border-left:2px solid var(--gold);
  padding:6px 0 6px 26px;margin:40px 0;
  font-family:"Fraunces",serif;font-style:italic;font-weight:300;
  font-size:clamp(21px,2.6vw,27px);line-height:1.45;color:var(--paper);
}

hr{border:none;border-top:1px solid var(--hairline);margin:56px 0}

.sources{margin-top:24px}
.sources li{
  list-style:none;margin-bottom:14px;
  font-family:"JetBrains Mono",monospace;font-size:12.5px;line-height:1.7;
  color:var(--muted);
}
.sources li b{color:var(--paper);font-weight:500}
.sources a{color:var(--teal);text-decoration:none;word-break:break-all}
.sources a:hover{text-decoration:underline}

.footer{
  border-top:1px solid var(--hairline);
  margin-top:80px;padding:36px 24px 48px;text-align:center;
}
.footer .disc-line{
  font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.14em;
  color:var(--muted);max-width:64ch;margin:0 auto 18px;line-height:2;
}
.footer .disc-line b{color:var(--paper);font-weight:500}
.footer .back{
  display:inline-block;margin-top:6px;
  font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.22em;
  color:var(--gold-hi);text-decoration:none;
  border:1px solid rgba(240,192,105,.4);border-radius:999px;padding:12px 24px;
  transition:background .25s,color .25s;
}
.footer .back:hover{background:var(--gold-hi);color:var(--ink)}

@media (max-width:600px){
  .topbar{padding:14px 18px}
  .topbar nav a{margin-left:14px}
  article{padding:48px 18px 24px}
}