@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Oswald:wght@400;500;600;700&display=swap');
:root{--ink:#080808;--muted:#555555;--copper:#086b91;--paper:#f7f7f5;--line:#cbd4cc;--green:#424242}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}
header.site-header{position:sticky;top:0;z-index:10;background:rgba(8,8,8,.97);border-bottom:1px solid #3e5458;color:#f7f7f5}
.site-header .header-inner{min-height:82px;padding:9px 0}
.site-header .coin-mark{width:54px;height:54px}
.site-header .wordmark strong{font-family:Oswald,Impact,sans-serif;font-weight:600;letter-spacing:.08em}
.site-header .wordmark-classic{color:#f7f7f5}.site-header .wordmark-coinworks{color:#ffcf18}
.site-header .wordmark small{color:#ffcf18;font-size:12px}
.site-header nav a{font-family:'DM Sans',Arial,sans-serif;font-weight:600;color:#f7f7f5}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:#ffcf18}
.hero{padding-top:56px}
.hero-image img{height:min(66vw,680px);object-fit:cover;object-position:center 22%}
.hero h1,h2,.flow-aside h3,.pullquote,.signoff{font-family:Oswald,Impact,sans-serif;font-weight:500}
.hero h1{line-height:1.06;letter-spacing:0;text-transform:uppercase}
h2{line-height:1.14}
.dek,.intro,.layout{color:var(--ink)}
.toc{font-family:'DM Sans',Arial,sans-serif}
.toc a{color:#086b91}
.byline,.kicker,.diagram-heading,.num{font-family:'DM Mono',monospace}
figure figcaption{color:var(--muted)}
.note{border-color:#b3774b}
.related a{border-color:#a8b9b2;color:#086b91}
@media(max-width:700px){
  .site-header .shell{width:calc(100% - 28px)}
  .site-header .header-inner{display:block;padding:10px 0 0;min-height:0}
  .site-header .identity{padding-bottom:9px}
  .site-header .coin-mark{width:40px;height:40px}
  .site-header .wordmark strong{font-size:16px}
  .site-header .wordmark small{font-size:10px;margin-top:2px}
  .site-header nav{display:flex;gap:7px;overflow-x:auto;width:calc(100vw - 14px);margin-left:-7px;padding:2px 7px 11px;scrollbar-width:thin}
  .site-header nav a{display:inline-flex;flex:none;align-items:center;border:1px solid #555555;border-radius:99px;padding:7px 10px;font-size:12px;text-decoration:none}
  .hero{padding-top:35px}
  .hero h1{font-size:clamp(35px,9.5vw,46px)}
}
@media print{header.site-header{position:static;background:white;color:#080808}.site-header nav{display:none}}