/* drughubonionurl.com — "The Ledger" edition. Light newspaper theme;
   serif display + mono data. Deliberately unlike the dark releases. */
:root{
  --paper:#f5f2ea; --paper2:#efe9db; --ink:#1c1917; --ink2:#57534e;
  --rule:#1c1917; --red:#b3261e; --green:#166534; --amber:#92400e; --teal:#115e59;
  --line:#d6cdba; --serif:Georgia,"Times New Roman",serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:system-ui,"Segoe UI",Roboto,sans-serif;
}
*{margin:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.55}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* masthead */
.masthead{border-bottom:3px double var(--rule);background:var(--paper)}
.dateline{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.mast-title{font-size:2.6rem;letter-spacing:-.02em;font-weight:700;padding:18px 0 6px}
.mast-title em{font-style:normal;color:var(--red)}
.mast-sub{font-family:var(--sans);font-size:.85rem;color:var(--ink2);padding-bottom:14px}

/* onion strip under header (required block) */
.onion-strip{background:var(--ink);color:#f5f2ea;font-family:var(--mono);font-size:.8rem;padding:10px 0}
.onion-strip .wrap{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.onion-strip code{background:#2c2622;padding:4px 10px;border-radius:3px;font-size:.78rem;word-break:break-all}
.copy-btn{font-family:var(--sans);font-size:.75rem;background:var(--red);color:#fff;border:none;padding:6px 14px;border-radius:3px;cursor:pointer}
.copy-btn.copied{background:var(--green)}

/* nav */
.mainnav{position:sticky;top:0;z-index:50;background:var(--paper2);border-bottom:1px solid var(--rule)}
.mainnav .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mainnav ul{display:flex;list-style:none;gap:26px;padding:0;margin:0}
.mainnav a{font-family:var(--sans);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding:14px 0;display:inline-block;border-bottom:3px solid transparent}
.mainnav a.active,.mainnav a:hover{border-bottom-color:var(--red);color:var(--red)}
.badge-live{font-family:var(--mono);font-size:.7rem;background:var(--green);color:#fff;padding:3px 10px;border-radius:3px}

/* breadcrumbs */
.crumbs{font-family:var(--sans);font-size:.78rem;color:var(--ink2);padding:14px 0 0}
.crumbs a{color:var(--red);text-decoration:none}

/* front page */
.lead{padding:34px 0 8px;border-bottom:1px solid var(--line)}
.lead h1{font-size:2.5rem;line-height:1.12;letter-spacing:-.015em;max-width:22ch}
.lead p.deck{font-size:1.15rem;color:var(--ink2);max-width:65ch;margin:14px 0 22px}
.cols{display:grid;grid-template-columns:2fr 1fr;gap:44px;padding:34px 0}
.col-rule{border-right:1px solid var(--line);padding-right:44px;margin-right:-44px}
.sec-title{font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:18px}
.sec-title span{float:right;color:var(--ink2);letter-spacing:0;text-transform:none;font-size:.75rem}
article.item{padding:16px 0;border-bottom:1px dotted var(--line)}
article.item:last-child{border-bottom:none}
.item .meta{font-family:var(--mono);font-size:.72rem;color:var(--ink2);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tag{font-family:var(--sans);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:2px 8px;border-radius:2px}
.t-red{background:var(--red)} .t-green{background:var(--green)} .t-amber{background:var(--amber)} .t-teal{background:var(--teal)} .t-gray{background:var(--ink2)}
.item h2,.item h3{font-size:1.25rem;line-height:1.25;margin:6px 0}
.item h2 a,.item h3 a{color:var(--ink);text-decoration:none}
.item h2 a:hover,.item h3 a:hover{color:var(--red)}
.item p{font-size:.95rem;color:var(--ink2)}
.item .impact{font-family:var(--sans);font-size:.85rem;color:var(--ink);background:var(--paper2);border-left:3px solid var(--red);padding:8px 12px;margin-top:8px}
.aside .panel{border:1px solid var(--rule);background:var(--paper2);padding:18px;margin-bottom:22px}
.aside .panel h3{font-size:1rem;margin-bottom:8px}
.aside .panel p,.aside .panel li{font-size:.85rem;color:var(--ink2);font-family:var(--sans)}
.aside ul{padding-left:18px}
table.facts{width:100%;border-collapse:collapse;font-size:.85rem;font-family:var(--sans)}
table.facts th{text-align:left;width:32%;color:var(--ink2);font-weight:600;padding:7px 8px 7px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.facts td{padding:7px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.facts td code{font-family:var(--mono);font-size:.8rem}
.statline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin:26px 0}
.statline div{background:var(--paper);padding:14px 12px;text-align:center}
.statline b{display:block;font-size:1.5rem;font-family:var(--serif)}
.statline span{font-family:var(--sans);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}

/* article pages */
.article{max-width:78ch;padding:26px 0 40px}
.article h1{font-size:2.1rem;line-height:1.15;letter-spacing:-.01em;margin:6px 0 10px}
.article h2{font-size:1.4rem;margin:30px 0 10px;border-bottom:1px solid var(--line);padding-bottom:5px}
.article h3{font-size:1.1rem;margin:20px 0 6px}
.article p{margin:0 0 14px}
.article .byline{font-family:var(--mono);font-size:.75rem;color:var(--ink2);margin-bottom:22px}
.article ul,.article ol{margin:0 0 16px 24px}
.article li{margin-bottom:6px}
.callout{border:1px solid var(--rule);border-left:5px solid var(--red);background:var(--paper2);padding:14px 18px;margin:22px 0;font-family:var(--sans);font-size:.9rem}
.callout.ok{border-left-color:var(--green)}
kbd.key{font-family:var(--mono);font-size:.8rem;background:var(--ink);color:#f5f2ea;padding:3px 8px;border-radius:3px}
table.data{width:100%;border-collapse:collapse;font-size:.85rem;font-family:var(--sans);margin:18px 0}
table.data caption{caption-side:top;text-align:left;font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);padding-bottom:8px}
table.data th{background:var(--ink);color:#f5f2ea;text-align:left;padding:8px 10px;font-weight:600;font-size:.78rem}
table.data td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.data tr:nth-child(even) td{background:var(--paper2)}
.onion-block{border:1px solid var(--rule);background:var(--ink);color:#f5f2ea;padding:20px;margin:24px 0;font-family:var(--mono);word-break:break-all}
.onion-block .btn-row{margin-top:12px;display:flex;gap:10px;align-items:center}
.onion-block code{font-size:.85rem}
.checksum-note{font-family:var(--sans);font-size:.78rem;color:#a8a29e}
.qa{border-bottom:1px solid var(--line);padding:18px 0}
.qa summary{font-size:1.05rem;font-weight:700;cursor:pointer;list-style:none}
.qa summary::before{content:"— ";color:var(--red)}
.qa p{margin-top:10px;font-size:.95rem;color:var(--ink2)}
.crumbs+.article p.lead{font-size:1.15rem;color:var(--ink2)}

/* footer */
footer.site{margin-top:50px;border-top:3px double var(--rule);background:var(--paper2);padding:30px 0 20px;font-family:var(--sans);font-size:.82rem}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}
.foot-grid h4{font-family:var(--serif);font-size:.95rem;margin-bottom:8px}
.foot-grid p{color:var(--ink2)}
.foot-grid a{display:block;color:var(--ink);text-decoration:none;padding:3px 0}
.foot-grid a:hover{color:var(--red)}
.foot-note{border-top:1px solid var(--line);margin-top:22px;padding-top:12px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--ink2);font-size:.75rem}

@media (max-width:900px){
  .cols{grid-template-columns:1fr}
  .col-rule{border-right:none;padding-right:0;margin-right:0}
  .statline{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr}
  .lead h1{font-size:1.9rem}
  .mainnav ul{gap:16px;overflow-x:auto}
}