/* CryptoWatch shared site shell — landing-page visual language. */
@font-face { font-family:'Lato'; src:url('/static/cw/fonts/lato-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Lato'; src:url('/static/cw/fonts/lato-700.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Switzer'; src:url('/static/cw/fonts/switzer-600.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Switzer'; src:url('/static/cw/fonts/switzer-700.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Fira Code'; src:url('/static/cw/fonts/firacode-400.woff2') format('woff2'); font-weight:400 700; font-display:swap; }

:root {
  --cw-bg:#0B0E14;
  --cw-panel:#141821;
  --cw-panel-2:#1A1F2C;
  --cw-border:#242938;
  --cw-text:#E6E8EF;
  --cw-dim:#8A92A8;
  --cw-blue:#507DFC;
  --cw-aqua:#50FCD1;
  --cw-rose:#FF5E7F;
  --cw-body:'Lato',ui-sans-serif,system-ui,sans-serif;
  --cw-display:'Switzer',ui-sans-serif,system-ui,sans-serif;
  --cw-mono:'Fira Code',ui-monospace,'SF Mono',Menlo,monospace;
  --cw-page:1340px;
  --cw-page-gutter:24px;
  --cw-card-pad:24px;
  --cw-section-gap:32px;
}

body.cw-site {
  display:flex;
  flex-direction:column;
  min-height:100vh;
  min-height:100dvh;
  box-sizing:border-box;
  min-width:0;
  width:auto !important;
  max-width:none !important;
  margin:0;
  padding-top:0 !important;
  padding-right:0 !important;
  padding-bottom:0 !important;
  padding-left:0 !important;
  overflow-x:hidden;
  background:var(--cw-bg) !important;
  color:var(--cw-text);
  font-family:var(--cw-body);
  font-size:13px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Reading and transactional surfaces trade terminal density for legibility. */
body.cw-site.cw-section-state,
body.cw-site.cw-section-record,
body.cw-site.cw-section-docs,
body.cw-site.cw-section-changelog,
body.cw-site.cw-section-agents,
body.cw-site.cw-section-access,
body.cw-site.cw-section-account {
  font-size:14px;
  line-height:1.6;
}

body.cw-site::before {
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-color:var(--cw-bg);
  background-image:
    radial-gradient(ellipse 620px 520px at -8% 108%,rgba(139,219,236,.10) 0%,rgba(139,219,236,0) 60%),
    radial-gradient(ellipse 700px 600px at 112% -12%,rgba(80,252,209,.10) 0%,rgba(80,252,209,0) 60%),
    radial-gradient(ellipse 900px 700px at 50% 50%,rgba(80,125,252,.05) 0%,rgba(80,125,252,0) 65%);
}

body.cw-site h1,
body.cw-site h2,
body.cw-site h3 { font-family:var(--cw-display); }

body.cw-site :focus-visible {
  outline:2px solid var(--cw-blue);
  outline-offset:2px;
}

.cw-site-header {
  position:sticky;
  top:0;
  z-index:100;
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:0 !important;
  background:rgba(11,14,20,.88);
  border:0;
  border-bottom:1px solid var(--cw-border);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.cw-topbar-shell {
  width:min(100%,var(--cw-page));
  min-height:72px;
  margin:0 auto;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.cw-brand-cluster { min-width:0; flex:1 1 auto; display:flex; align-items:center; gap:12px; }
.cw-wordmark { min-width:0; display:inline-flex !important; align-items:center; gap:12px; color:var(--cw-text); text-decoration:none; opacity:1 !important; visibility:visible !important; }
.cw-wordmark img { width:34px; height:auto; display:block !important; flex:0 0 auto; opacity:1 !important; visibility:visible !important; }
.cw-wordmark-text {
  display:inline !important;
  overflow:hidden;
  color:var(--cw-text);
  font-family:var(--cw-display);
  font-size:14px;
  font-weight:700;
  letter-spacing:.18em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:1 !important;
  visibility:visible !important;
  -webkit-text-fill-color:var(--cw-text);
}
.cw-wordmark-text span { color:var(--cw-aqua); -webkit-text-fill-color:var(--cw-aqua); }
.cw-section-label {
  min-width:0;
  padding-left:12px;
  overflow:hidden;
  border-left:1px solid var(--cw-border);
  color:var(--cw-dim);
  font-family:var(--cw-mono);
  font-size:10px;
  letter-spacing:.12em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.cw-primary-nav {
  min-width:0;
  display:flex;
  align-items:center;
  gap:24px;
  margin-left:16px;
}
.cw-primary-nav a {
  position:relative;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  color:var(--cw-dim);
  font-family:var(--cw-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}
.cw-primary-nav a::after {
  content:'';
  position:absolute;
  right:0;
  bottom:4px;
  left:0;
  height:1px;
  background:transparent;
}
.cw-primary-nav a:hover,
.cw-primary-nav a[aria-current='page'] { color:var(--cw-text); }
.cw-primary-nav a[aria-current='page']::after { background:var(--cw-aqua); }
.cw-btc-quote {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  margin-left:4px;
  padding:0 4px 0 0;
  color:var(--cw-text);
  text-decoration:none;
  font-family:var(--cw-mono);
  line-height:1;
  white-space:nowrap;
  flex:0 0 auto;
}
.cw-btc-quote[hidden] { display:none; }
.cw-btc-quote::before {
  content:'';
  width:1px;
  height:14px;
  background:var(--cw-border);
  flex:0 0 auto;
}
.cw-btc-quote-label,
.cw-btc-quote-basis,
.cw-btc-quote-live {
  color:var(--cw-dim);
  font-size:9px;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
}
.cw-btc-quote:not([data-live="true"]) .cw-btc-quote-live { opacity:0; }
.cw-btc-quote-live {
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cw-aqua);
  flex:0 0 6px;
}
.cw-btc-quote-basis { text-transform:none; }
.cw-btc-quote-basis:empty { display:none; }
.cw-btc-quote strong {
  min-width:8ch;
  font-size:14px;
  font-weight:700;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.cw-header-signal {
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--cw-dim);
  font-family:var(--cw-mono);
  font-size:9px;
  white-space:nowrap;
}
.cw-header-signal .dot { width:6px; height:6px; border-radius:50%; background:var(--cw-aqua); }

.cw-menu-wrap { position:relative; flex:0 0 auto; }
.cw-menu-toggle {
  min-width:54px;
  min-height:44px;
  padding:8px;
  border:0;
  background:transparent;
  color:var(--cw-text);
  cursor:pointer;
  font-family:var(--cw-mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cw-menu-toggle:hover,
.cw-menu-toggle[aria-expanded='true'] { color:var(--cw-aqua); }
.cw-menu-panel {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:min(240px,calc(100vw - 32px));
  padding:8px;
  display:none;
  background:var(--cw-panel);
  border:1px solid var(--cw-border);
  border-radius:6px;
  box-shadow:0 24px 60px rgba(0,0,0,.38);
}
.cw-menu-panel[data-open='true'] { display:grid; gap:2px; }
/* One clear destination label per row. */
.cw-menu-panel a,
.cw-menu-panel button {
  box-sizing:border-box;
  width:100%;
  min-height:44px;
  padding:0 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  border:0;
  border-radius:4px;
  background:transparent;
  color:var(--cw-text);
  cursor:pointer;
  font-family:var(--cw-mono);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.08em;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}
.cw-menu-panel a strong,
.cw-menu-panel button strong { overflow:hidden; text-overflow:ellipsis; }
.cw-menu-panel a:hover,
.cw-menu-panel a[aria-current='page'],
.cw-menu-panel button:hover { background:var(--cw-panel-2); color:var(--cw-aqua); }
.cw-menu-panel form { margin:0; }
.cw-menu-panel form button { color:var(--cw-rose); }
.cw-menu-rule { height:1px; margin:6px 12px; background:var(--cw-border); }

/* Matches the breakpoint where the primary strip becomes visible. */
@media (min-width:981px) {
  .cw-menu-panel .cw-menu-primary { display:none; }
}

/* Fill short pages without covering the content of longer pages. */
body.cw-site > footer {
  align-self:stretch;
  flex-shrink:0;
  margin-top:auto;
}
.cw-site-footer {
  position:relative;
  z-index:90;
  padding:0 !important;
  background:rgba(11,14,20,.96);
  border-top:1px solid var(--cw-border);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.cw-site > footer:not(.cw-site-footer),
body.cw-site .cw-footer,
body.cw-site .page-footer { display:none !important; }
.cw-footer-shell {
  box-sizing:border-box;
  width:min(100%,var(--cw-page));
  min-height:48px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0 24px;
  white-space:nowrap;
  color:var(--cw-dim);
  font-family:var(--cw-mono);
  font-size:10px;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.cw-footer-links { display:flex; flex-wrap:wrap; gap:0 16px; }
.cw-footer-shell a { display:inline-flex; align-items:center; min-height:44px; color:inherit; text-decoration:none; }
.cw-footer-shell a:hover { color:var(--cw-text); }
.cw-footer-mark { color:var(--cw-aqua); font-weight:700; }
.cw-footer-note { margin-left:auto; }

/* Public proof and reference pages use the same quiet, open page rhythm. */
body.cw-site.cw-layout-document > main,
body.cw-site.cw-layout-document > .container {
  width:min(calc(100% - 32px),920px) !important;
  max-width:920px !important;
  margin:32px auto 72px !important;
  padding:24px !important;
  background:rgba(20,24,33,.72) !important;
  border:1px solid var(--cw-border) !important;
  border-radius:10px !important;
}

body.cw-site.cw-layout-document > main > :first-child,
body.cw-site.cw-layout-document > .container > :first-child { margin-top:0; }

/* Landing-style density: strong summary, quieter evidence, room to scan. */
body.cw-site .tr-main,
body.cw-site > main:not(.shell),
body.cw-site .wrap {
  min-width:0;
}
body.cw-site .panel,
body.cw-site .card,
body.cw-site .release,
body.cw-site .tr-flow-section {
  border-color:var(--cw-border);
  border-radius:6px;
  box-shadow:none;
}
body.cw-site .eyebrow,
body.cw-site .page-eyebrow,
body.cw-site .panel-label,
body.cw-site .kpi-label {
  font-family:var(--cw-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.cw-site.cw-section-macro .cw-nav,
body.cw-site.cw-section-macro .panel-stack {
  width:min(calc(100% - 32px),var(--cw-page)) !important;
  margin-inline:auto !important;
}

/* Evidence Observatory — shared product hierarchy. */
.cw-product-intro {
  width:min(calc(100% - 32px),var(--cw-page));
  margin:0 auto;
  padding:48px 24px 28px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  align-items:end;
  gap:40px;
  border-bottom:1px solid var(--cw-border);
}
.cw-intro-kicker {
  display:block;
  margin:0 0 12px;
  color:var(--cw-blue);
  font-family:var(--cw-mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.cw-product-intro h1 {
  max-width:760px;
  margin:0;
  color:var(--cw-text);
  font-family:var(--cw-display);
  font-size:clamp(36px,4vw,58px);
  font-weight:700;
  letter-spacing:0;
  line-height:.98;
}
.cw-product-intro h1 span { color:var(--cw-aqua); }
.cw-intro-detail {
  max-width:48ch;
  margin:0;
  color:var(--cw-dim);
  font-size:14px;
  line-height:1.6;
}
.cw-proof-line {
  display:block;
  margin-top:14px;
  color:var(--cw-aqua);
  font-family:var(--cw-mono);
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Macro: one decisive read, with the three facts as its evidence rail. */
body.cw-site.cw-section-macro .cw-nav {
  top:64px !important;
  margin-bottom:24px !important;
  background:rgba(11,14,20,.94) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.cw-site.cw-section-macro .cw-nav-inner.screen-pills {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto !important;
  gap:0 !important;
}
body.cw-site.cw-section-macro .screen-pill {
  min-height:50px !important;
  padding:0 14px 5px !important;
  border:0 !important;
  border-bottom:1px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.cw-site.cw-section-macro .screen-pill:hover { color:var(--cw-text) !important; }
body.cw-site.cw-section-macro .screen-pill.active {
  color:var(--cw-aqua) !important;
  border-bottom-color:var(--cw-aqua) !important;
  box-shadow:none !important;
}
body.cw-site.cw-section-macro .decision-block {
  padding:32px !important;
  display:grid;
  grid-template-columns:minmax(0,1fr) !important;
  gap:24px !important;
  border-radius:10px !important;
  background:rgba(20,24,33,.78) !important;
  box-shadow:none !important;
}
body.cw-site.cw-section-macro .decision-head,
body.cw-site.cw-section-macro .decision-viz,
body.cw-site.cw-section-macro .decision-method {
  grid-column:1 !important;
}
body.cw-site.cw-section-macro .decision-head {
  padding:0 !important;
  border:0 !important;
}
body.cw-site.cw-section-macro .decision-verdict {
  margin-top:14px !important;
  font-size:clamp(28px,3vw,44px) !important;
  letter-spacing:0 !important;
  line-height:1.04 !important;
}
body.cw-site.cw-section-macro .decision-facts {
  grid-column:2;
  grid-row:1 / span 4;
  display:block !important;
  margin:0 !important;
  padding-left:28px;
  border-left:1px solid var(--cw-border);
}
body.cw-site.cw-section-macro .decision-fact {
  min-height:76px;
  padding:14px 0 !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:0 !important;
  border-bottom:1px solid var(--cw-border) !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.cw-site.cw-section-macro .decision-fact:last-child { border-bottom:0 !important; }
body.cw-site.cw-section-macro .decision-fact-value {
  margin:0 !important;
  text-align:right;
  font-size:16px !important;
}
body.cw-site.cw-section-macro .decision-context,
body.cw-site.cw-section-macro .decision-footer { grid-column:1; }
body.cw-site.cw-section-macro .decision-context { margin-top:18px !important; }
body.cw-site.cw-section-macro .decision-footer { margin-top:16px !important; }
body.cw-site.cw-section-macro .command-desk {
  margin-top:16px;
  padding-top:24px;
  border-top:1px solid var(--cw-border);
}
body.cw-site.cw-section-macro .cd-card,
body.cw-site.cw-section-macro .panel {
  background:rgba(20,24,33,.72) !important;
  box-shadow:none !important;
}

/* Track Record: numbered evidence flow rather than floating cards. */
body.cw-site.cw-section-record .tr-main {
  width:min(calc(100% - 32px),var(--cw-page)) !important;
  max-width:var(--cw-page) !important;
  margin:0 auto 96px !important;
  padding:0 24px !important;
}
body.cw-site.cw-section-record .tr-hero {
  margin:0 !important;
  padding:56px 0 34px;
  border-bottom:1px solid var(--cw-border);
}
body.cw-site.cw-section-record .tr-hero h1 {
  font-size:clamp(42px,5vw,64px) !important;
  letter-spacing:0 !important;
  line-height:.98 !important;
}
body.cw-site.cw-section-record .tr-hero .subtitle { max-width:64ch; margin-top:16px; }
body.cw-site.cw-section-record .tr-flow-section {
  margin:0 !important;
  padding:32px 0 !important;
  border:0 !important;
  border-bottom:1px solid var(--cw-border) !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.cw-site.cw-section-record .tr-flow-rank { color:var(--cw-blue) !important; }
body.cw-site.cw-section-record .tr-command-grid { gap:32px !important; }
body.cw-site.cw-section-record .stat {
  border-color:var(--cw-border) !important;
  background:rgba(20,24,33,.58) !important;
}

/* Ledger: proof starts with a thesis, then exposes receipts. */
body.cw-site.cw-section-ledger > main:not(.shell) {
  width:min(calc(100% - 32px),1180px) !important;
  margin:0 auto 96px !important;
  padding:0 24px !important;
}
body.cw-site.cw-section-ledger > main .cw-product-intro {
  width:100%;
  padding-inline:0;
}
body.cw-site.cw-section-ledger .kpi-row {
  gap:0 !important;
  margin:28px 0 !important;
  border-top:1px solid var(--cw-border);
  border-bottom:1px solid var(--cw-border);
}
body.cw-site.cw-section-ledger .kpi {
  min-height:126px;
  padding:20px 24px !important;
  border:0 !important;
  border-right:1px solid var(--cw-border) !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.cw-site.cw-section-ledger .kpi:last-child { border-right:0 !important; }
body.cw-site.cw-section-ledger .panel,
body.cw-site.cw-section-ledger .chain-tip-panel {
  border-radius:6px !important;
  background:rgba(20,24,33,.68) !important;
  box-shadow:none !important;
}

/* Long-form and release surfaces use an editorial canvas. */
body.cw-site.cw-section-docs .wrap {
  width:min(calc(100% - 32px),var(--cw-page)) !important;
  margin:0 auto 96px !important;
  padding:48px 24px !important;
}
body.cw-site.cw-section-docs .layout { gap:64px !important; }
body.cw-site.cw-section-docs .toc { top:92px !important; }
body.cw-site.cw-section-docs .hero {
  padding-bottom:36px !important;
  border-bottom:1px solid var(--cw-border) !important;
}
/* Keep the decorative glow inside its reading column at every breakpoint. */
body.cw-site.cw-section-docs .hero::before {
  right:0;
  width:min(520px,100%);
}
body.cw-site.cw-section-docs .hero h1 {
  font-size:clamp(40px,5vw,62px) !important;
  letter-spacing:0 !important;
  line-height:1 !important;
}
body.cw-site.cw-section-changelog > main {
  width:min(calc(100% - 32px),920px) !important;
  max-width:920px !important;
  margin:0 auto 96px !important;
  padding:48px 24px !important;
}
body.cw-site.cw-section-changelog > main > h1 {
  margin:0 0 36px !important;
  font-size:clamp(42px,5vw,64px) !important;
  letter-spacing:0 !important;
}
body.cw-site.cw-section-changelog .release {
  margin:0 !important;
  padding:28px 0 !important;
  border:0 !important;
  border-top:1px solid var(--cw-border) !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.cw-site.cw-section-access main {
  width:min(500px,calc(100% - 32px)) !important;
  border-top:2px solid var(--cw-aqua) !important;
  background:rgba(20,24,33,.82) !important;
}
body.cw-site.cw-layout-document > main,
body.cw-site.cw-layout-document > .container {
  background:rgba(20,24,33,.58) !important;
  border-top:2px solid var(--cw-aqua) !important;
}

@media (min-width:680px) {
  .cw-topbar-shell,
  .cw-footer-shell { padding-inline:24px; }
  .cw-wordmark-text { font-size:16px; }
  .cw-btc-quote strong { font-size:16px; }
  .cw-btc-quote::before { height:16px; }
}

@media (max-width:980px) {
  .cw-primary-nav { display:none; }
  .cw-wordmark { min-height:44px; }
  body.cw-site button.panel-info-icon {
    min-width:44px;
    min-height:44px;
  }
  .cw-product-intro { grid-template-columns:1fr; gap:18px; }
  body.cw-site.cw-section-macro .decision-block {
    grid-template-columns:minmax(0,1fr) !important;
    gap:20px !important;
  }
  body.cw-site.cw-section-macro .decision-facts { padding-left:22px; }
}

@media (max-width:640px) {
  .cw-topbar-shell { min-height:60px; }
  .cw-wordmark { min-height:44px; }
  .cw-wordmark img { width:32px; }
  .cw-section-label { display:none; }
  .cw-header-signal { display:none; }
  .cw-wordmark { flex:0 0 auto; }
  .cw-btc-quote { margin-left:0; padding:0; }
  .cw-btc-quote-live { display:none; }
  .cw-btc-quote-basis { display:none; }
  .cw-btc-quote-label { display:none; }
  .cw-btc-quote strong { min-width:0; font-size:13px; }
  .cw-product-intro {
    width:calc(100% - 24px);
    padding:28px 0 20px;
    gap:12px;
  }
  .cw-product-intro h1 { font-size:32px; line-height:1.04; }
  .cw-intro-detail { font-size:13px; }
  .cw-menu-panel { position:fixed; top:68px; right:16px; }
  .cw-footer-shell {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    min-height:0;
    padding:8px 16px;
    gap:0 16px;
  }
  .cw-footer-mark { grid-column:1; grid-row:1; }
  .cw-footer-copyright { grid-column:2; grid-row:1; text-align:right; }
  /* Four footer destinations form two balanced rows on a phone. */
  .cw-footer-links { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  .cw-footer-note { grid-column:1 / -1; grid-row:3; margin-left:0; white-space:normal; }
  body.cw-site button,
  body.cw-site select,
  body.cw-site textarea,
  body.cw-site input:not([type='checkbox']):not([type='radio']),
  body.cw-site summary,
  body.cw-site .button {
    min-height:44px;
  }
  body.cw-site button.panel-info-icon {
    min-width:44px;
    min-height:44px;
  }
  body.cw-site.cw-layout-document > main,
  body.cw-site.cw-layout-document > .container {
    width:calc(100% - 24px) !important;
    margin:20px auto 64px !important;
    padding:18px !important;
    overflow-x:auto;
  }
  body.cw-site .release { padding:16px; }
  body.cw-site .tr-flow-section { padding:0; }
  body.cw-site.cw-layout-document form { grid-template-columns:1fr !important; }
  body.cw-site.cw-layout-document form select,
  body.cw-site.cw-layout-document form input,
  body.cw-site.cw-layout-document form button { width:100%; min-height:44px; }
  body.cw-site.cw-layout-document .controls { align-items:flex-start; flex-wrap:wrap; }
  body.cw-site.cw-layout-document .legend { width:100%; }
  body.cw-site.cw-section-macro .cw-nav { top:60px !important; margin-bottom:14px !important; }
  body.cw-site.cw-section-macro .cw-nav-inner.screen-pills {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
  body.cw-site.cw-section-macro .screen-pill {
    min-height:44px !important;
    padding-inline:2px !important;
  }
  body.cw-site.cw-section-macro .decision-block {
    display:block;
    padding:16px !important;
  }
  body.cw-site.cw-section-macro .decision-head { display:block !important; }
  body.cw-site.cw-section-macro .decision-verdict { font-size:20px !important; }
  body.cw-site.cw-section-macro .decision-facts {
    display:block !important;
    margin-top:14px !important;
    padding:0 !important;
    border-top:1px solid var(--cw-border);
    border-left:0;
  }
  body.cw-site.cw-section-macro .decision-fact {
    min-height:0;
    padding:10px 0 !important;
  }
  body.cw-site.cw-section-record .tr-main,
  body.cw-site.cw-section-ledger > main:not(.shell) {
    width:calc(100% - 24px) !important;
    padding:0 !important;
  }
  body.cw-site.cw-section-record .tr-hero { padding:30px 0 24px; }
  body.cw-site.cw-section-record .tr-flow-section { padding:24px 0 !important; }
  body.cw-site.cw-section-ledger .kpi-row { display:block !important; }
  body.cw-site.cw-section-ledger .kpi {
    min-height:0;
    border-right:0 !important;
    border-bottom:1px solid var(--cw-border) !important;
  }
  body.cw-site.cw-section-ledger .kpi:last-child { border-bottom:0 !important; }
  body.cw-site.cw-section-docs .wrap,
  body.cw-site.cw-section-changelog > main {
    width:calc(100% - 24px) !important;
    padding:28px 0 72px !important;
  }
}

@media (max-width:360px) {
  .cw-btc-quote-label { display:none; }
  /* The quote has no room beside the wordmark and Menu on the narrowest phones. */
  body.cw-site .cw-btc-quote { display:none; }
}

.cw-release-notice {
  position: relative;
  width: min(var(--cw-page, 1180px), calc(100% - 32px));
  margin:12px auto 0;
  padding:4px 12px;
  display:flex;
  align-items:center;
  gap:10px 14px;
  color: var(--cw-text, var(--text, #e6e8ef));
  background: var(--cw-panel, var(--bg-panel, #141821));
  border: 1px solid var(--cw-border, var(--border, #242938));
  border-radius: var(--r-md, 6px);
}

.cw-release-notice__eyebrow {
  color: var(--cw-dim, var(--text-dim, #8a92a8));
  font: 600 10px/1.4 var(--cw-mono);
  letter-spacing: .08em;
  white-space: nowrap;
}

.cw-release-notice__title {
  margin:0;
  flex:1 1 auto;
  min-width:0;
  color: inherit;
  font:600 13px/1.3 var(--cw-display);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cw-release-notice ul {
  display:none;
  margin: 0;
  padding:0;
  list-style:none;
}

.cw-release-notice__actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
}

.cw-release-notice__actions a,
.cw-release-notice__actions button {
  min-height: 44px;
  padding:8px 12px;
  border-radius: var(--r-sm, 4px);
  font: 600 11px/1 var(--cw-mono);
}

.cw-release-notice__actions a {
  display: inline-flex;
  align-items: center;
  color: var(--cw-dim, var(--text-dim, #8a92a8));
  text-decoration: none;
}

.cw-release-notice__actions a:hover,
.cw-release-notice__actions a:focus-visible {
  color: var(--cw-text, var(--text, #e6e8ef));
}

.cw-release-notice__actions button {
  color: var(--cw-text, var(--text, #e6e8ef));
  background: transparent;
  border: 1px solid var(--cw-border, var(--border, #242938));
  cursor: pointer;
}

.cw-release-notice__actions button:hover,
.cw-release-notice__actions button:focus-visible {
  border-color: var(--cw-dim, var(--text-dim, #8a92a8));
}

@media (max-width:640px) {
  .cw-release-notice {
    width:calc(100% - 24px);
    margin-top:8px;
    padding:4px 10px;
    gap:8px;
  }
  .cw-release-notice__title { font-size:12px; white-space:normal; }
  .cw-release-notice__actions a { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* 2026-07-17 — one editorial frame for secondary tools and documents. */
body.cw-site .cw-utility {
  width:min(1180px,calc(100% - 48px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:64px 0 96px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}
body.cw-site .cw-utility-kicker,
body.cw-site .cw-page-kicker {
  margin:0 0 14px;
  color:var(--cw-blue,var(--brand-neon-blue));
  font:600 10px/1.4 var(--cw-mono,var(--mono));
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.cw-site .cw-utility > h1,
body.cw-site .cw-utility > .cw-utility-title {
  max-width:900px;
  margin:0 0 16px !important;
  font:700 clamp(34px,5vw,66px)/.98 var(--cw-display,var(--font-display));
}
body.cw-site .cw-utility > .lead,
body.cw-site .cw-utility > .cw-utility-lead {
  max-width:780px;
  margin:0 0 44px !important;
  color:var(--cw-muted,var(--text-dim));
  font-size:16px;
  line-height:1.65;
}
body.cw-site .cw-utility > .panel,
body.cw-site .cw-utility > form,
body.cw-site .cw-utility > .diff,
body.cw-site .cw-utility > hr ~ * {
  position:relative;
}
body.cw-site .cw-utility .panel,
body.cw-site .cw-utility form {
  border-color:var(--cw-border,var(--border));
  border-radius:10px;
  box-shadow:none;
}
body.cw-site.cw-section-record .cw-utility .page-title {
  font-size:clamp(38px,5vw,64px) !important;
}
body.cw-site.cw-section-record .cw-utility .page-subtitle { max-width:720px; margin-bottom:40px; }
body.cw-site.cw-section-changelog > main.cw-utility { width:min(1100px,calc(100% - 48px)) !important; }
body.cw-site.cw-section-changelog .cw-changelog-hero {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);
  gap:48px;
  align-items:end;
  padding-bottom:42px;
  border-bottom:1px solid var(--cw-border,var(--border));
  margin-bottom:8px;
}
body.cw-site.cw-section-changelog .cw-changelog-hero h1 { margin:0; }
body.cw-site.cw-section-changelog .cw-changelog-intro { color:var(--cw-muted,var(--text-dim)); font-size:16px; line-height:1.6; }
body.cw-site.cw-section-changelog .release {
  display:grid;
  grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);
  gap:32px;
  padding:28px 0 !important;
  border-bottom:1px solid var(--cw-border,var(--border));
}
body.cw-site.cw-section-changelog .release h2 { margin:0 !important; font-size:19px; line-height:1.25; }
body.cw-site.cw-section-changelog .release ul { margin:0; padding-left:20px; }
body.cw-site.cw-section-changelog .release li { margin:0 0 9px; color:var(--cw-muted,var(--text-dim)); }
body.cw-site.cw-section-changelog .release li b { color:var(--cw-text,var(--text)); }

/* Agents read as a capability index, not a generic three-column card mosaic. */
body.cw-site.cw-section-agents .feature-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 32px;
}
body.cw-site.cw-section-agents .feature-card {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,.75fr);
  grid-template-rows:auto 1fr;
  column-gap:20px;
  padding:24px 0;
  border:0;
  border-top:1px solid var(--cw-border,var(--border));
  border-radius:0;
  background:transparent;
}
body.cw-site.cw-section-agents .feature-card h3,
body.cw-site.cw-section-agents .feature-card p { grid-column:1; }
body.cw-site.cw-section-agents .feature-card .feature-code {
  grid-column:2;
  grid-row:1 / span 2;
  align-self:start;
  margin-top:0;
}

/* Account stays a focused transaction instead of stretching like a dashboard. */
body.cw-site.cw-section-account .shell { width:min(520px,calc(100vw - 32px)); }

@media(max-width:700px) {
  body.cw-site .cw-utility { width:calc(100% - 24px) !important; padding:34px 0 80px !important; }
  body.cw-site .cw-utility > h1,
  body.cw-site .cw-utility > .cw-utility-title { font-size:34px; }
  body.cw-site.cw-section-changelog .cw-changelog-hero,
  body.cw-site.cw-section-changelog .release { grid-template-columns:1fr; gap:16px; }
  body.cw-site.cw-section-agents .feature-grid { grid-template-columns:1fr; }
  body.cw-site.cw-section-agents .feature-card { display:block; }
  body.cw-site.cw-section-agents .feature-card .feature-code { margin-top:16px; }
}

/* Changelog release layout contract */
body.cw-site.cw-section-changelog .release {
  column-gap:32px;
  row-gap:8px;
  grid-template-rows:auto minmax(0,1fr);
  align-items:start;
}
body.cw-site.cw-section-changelog .release-date {
  grid-column:1;
  grid-row:1;
  color:var(--cw-muted,var(--text-dim));
  font-family:var(--mono);
  font-size:var(--fs-mono-sm);
  font-variant-numeric:tabular-nums;
  line-height:1.4;
}
body.cw-site.cw-section-changelog .release-date + h2 {
  grid-column:1;
  grid-row:2;
}
body.cw-site.cw-section-changelog .release-date + h2 + ul {
  grid-column:2;
  grid-row:1 / span 2;
}
body.cw-site.cw-section-changelog .release > h2:first-child {
  grid-column:1;
}
body.cw-site.cw-section-changelog .release > h2:first-child + ul {
  grid-column:2;
}
@media(max-width:700px) {
  body.cw-site.cw-section-changelog .release-date,
  body.cw-site.cw-section-changelog .release-date + h2,
  body.cw-site.cw-section-changelog .release-date + h2 + ul,
  body.cw-site.cw-section-changelog .release > h2:first-child,
  body.cw-site.cw-section-changelog .release > h2:first-child + ul {
    grid-column:1;
    grid-row:auto;
  }
}
/* End changelog release layout contract */

/* Responsive spacing contract — one edge rhythm across every active route. */
body.cw-site .state-shell,
body.cw-site.cw-section-record .tr-main,
body.cw-site.cw-section-ledger > main:not(.shell),
body.cw-site.cw-section-docs .wrap,
body.cw-site.cw-section-changelog > main.cw-utility,
body.cw-site .cw-utility {
  box-sizing:border-box;
}

@media (max-width:700px) {
  :root {
    --cw-page-gutter:16px;
    --cw-card-pad:16px;
    --cw-section-gap:24px;
  }

  body.cw-site .cw-product-intro,
  body.cw-site .state-shell,
    body.cw-site.cw-section-record .tr-main,
  body.cw-site.cw-section-ledger > main:not(.shell),
  body.cw-site.cw-section-docs .wrap,
  body.cw-site.cw-section-changelog > main.cw-utility,
  body.cw-site .cw-utility {
    width:calc(100% - (2 * var(--cw-page-gutter))) !important;
    margin-inline:auto !important;
  }

  body.cw-site.cw-section-ledger > main:not(.shell) .cw-product-intro {
    width:100% !important;
  }

  body.cw-site .panel-stack,
  body.cw-site.cw-section-macro .cw-nav {
    width:calc(100% - (2 * var(--cw-page-gutter))) !important;
  }

  body.cw-site.cw-section-macro main.panel-stack {
    padding-inline:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.cw-site.cw-section-macro main.panel-stack > * {
    width:calc(100% + (2 * var(--cw-page-gutter))) !important;
    max-width:none !important;
    margin-left:calc(-1 * var(--cw-page-gutter)) !important;
    margin-right:calc(-1 * var(--cw-page-gutter)) !important;
    box-sizing:border-box;
  }

  body.cw-site .state-section + .state-section,
  body.cw-site .tr-flow-section + .tr-flow-section,
  body.cw-site .release + .release {
    margin-top:var(--cw-section-gap);
  }

  /* Mobile readability floor: labels stay compact, never microscopic. */
  body.cw-site {
    font-size:14px;
    line-height:1.6;
  }

  body.cw-site main p,
  body.cw-site main li,
  body.cw-site main td {
    line-height:1.65;
  }

  body.cw-site main :is(
    .eyebrow,
    .page-eyebrow,
    .cw-intro-kicker,
    .cw-utility-kicker,
    .cw-page-kicker,
    .section-label,
    .panel-label,
    .kpi-label,
    .decision-kicker,
    .decision-status,
    .decision-viz-title,
    .decision-viz-label,
    .decision-viz-scale,
    .decision-level,
    .decision-fact-label,
    .decision-note-label,
    .decision-context-title,
    .decision-confidence,
    .cd-kicker,
    .cd-chip,
    .cd-metric-label,
    .evidence-hero-label,
    .mb-title-sub,
    .mb-section-label,
    .mb-delta-note,
    .mb-empty,
    .synth-hero-label,
    .thesis-health-label,
    .thesis-health-missing,
    .cs-conflict-chip,
    .verdict-alert-toggle,
    .vat-label,
    .cet-kicker,
    .cet-toggle,
    .state-kicker,
    .state-index,
    .state-label,
    .state-asof,
    .state-gate-status,
    .state-action,
    .read-head,
    .evidence-tape-head,
    .signal-label,
    .signal-detail,
    .track-label,
    .stat-label,
    .stat-sub,
    .tr-readme-title,
    .tr-flow-note,
    .regime-label,
    .panel-guide-owner,
    .panel-guide-read b,
    .callout .title,
    .cw-proof-line,
    .layer-tag,
    .src,
    .rej-pill,
    summary,
    dt,
    label,
    small,
    th
  ) {
    font-size:11px !important;
    line-height:1.5;
  }

  body.cw-site main :is(.decision-level,.signal-label,.signal-detail,.stat-label,.stat-sub) {
    letter-spacing:.04em;
  }

  body.cw-site main table {
    width:100%;
    max-width:100%;
    display:block;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
}

@media (min-width:701px) {
  body.cw-site main :is(
    .signal-label,
    .signal-detail,
    .evidence-tape-head,
    .cd-kicker,
    .cd-chip,
    .cd-metric-label,
    .synth-hero-label,
    .thesis-health-label,
    .state-kicker,
    .state-asof,
    .state-label,
    .state-gate-status,
    .cw-proof-line,
    .section-label,
    .panel-guide-owner,
    .panel-guide-read b,
    th
  ) {
    font-size:10px !important;
    line-height:1.5;
  }
}

/* ─── Signature supergraphic — one shared layer (Spec 2026-07-18) ──────
   Amplitude tiers via body[data-sg]; market hue via body[data-signal].
   Golden rule at every tier: glow behind content, never over it. */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: -1;
  pointer-events: none;
  background-color: var(--cw-bg);
  background-image:
    radial-gradient(ellipse 620px 520px at -8% 108%, rgba(139,219,236,var(--sg-sky,0.10)) 0%, rgba(139,219,236,0) 60%),
    radial-gradient(ellipse 700px 600px at 112% -12%, rgba(80,252,209,var(--sg-mint,0.10)) 0%, rgba(80,252,209,0) 60%),
    radial-gradient(ellipse 900px 700px at 50% 50%, rgba(80,125,252,var(--sg-core,0.05)) 0%, rgba(80,125,252,0) 65%);
  transition: filter 600ms var(--ease-settle);
}
body[data-sg="hero"]::before {
  --sg-sky: 0.20; --sg-mint: 0.26; --sg-core: 0.09;
  animation: sg-breath 12s ease-in-out infinite;
  /* Hero pulls the clusters INTO the viewport — the canonical off-screen
     positions fade to zero before they reach the visible area. */
  background-image:
    radial-gradient(ellipse 620px 520px at -4% 104%, rgba(139,219,236,var(--sg-sky,0.10)) 0%, rgba(139,219,236,0) 60%),
    radial-gradient(ellipse 700px 600px at 96% -8%, rgba(80,252,209,var(--sg-mint,0.10)) 0%, rgba(80,252,209,0) 60%),
    radial-gradient(ellipse 900px 700px at 50% 50%, rgba(80,125,252,var(--sg-core,0.05)) 0%, rgba(80,125,252,0) 65%);
}
body[data-sg="ambient"]::before {
  animation: sg-breath 12s ease-in-out infinite;
}
body[data-sg="quiet"]::before {
  --sg-sky: 0.04; --sg-mint: 0.04; --sg-core: 0.02;
}
body[data-signal="hostile"]::before { filter: hue-rotate(160deg) saturate(0.75); }
body[data-signal="neutral"]::before { filter: none; }
body[data-signal="risk-on"]::before { filter: none; } /* base palette */

/* Painting-order fix (2026-07-19): pages that set html { background } block
   body-bg promotion, so body's solid background painted OVER the negative-z
   supergraphic. Give html the base color and make body transparent — the
   ::before itself already paints var(--cw-bg) + gradients. */
html { background: #0b0e14; }
body.cw-site { background: transparent !important; }


:root { --ease-settle: cubic-bezier(.2,.8,.2,1); }

@keyframes sg-breath {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.85; }
}
@keyframes tick-flash-up {
  0% { background-color: rgba(80,252,209,0.22); }
  100% { background-color: transparent; }
}
@keyframes tick-flash-down {
  0% { background-color: rgba(255,94,127,0.22); }
  100% { background-color: transparent; }
}
.tick-up { animation: tick-flash-up 600ms var(--ease-settle) 1; }
.tick-down { animation: tick-flash-down 600ms var(--ease-settle) 1; }

.display-verdict-hero {
  font-family: var(--cw-mono); font-weight: 800;
  font-size: clamp(40px, 6vw, 56px);
  color: var(--cw-text);
}
.display-verdict-hero[data-tone="bull"] { text-shadow: 0 0 28px rgba(80,252,209,0.30); }
.display-verdict-hero[data-tone="bear"] { text-shadow: 0 0 28px rgba(255,94,127,0.28); }
.display-verdict {
  font-family: var(--cw-mono); font-weight: 700;
  font-size: clamp(24px, 3vw, 32px);
  color: var(--cw-text);
}

@media (prefers-reduced-motion: reduce) {
  body[data-sg="hero"]::before,
  body[data-sg="ambient"]::before,
  .tick-up, .tick-down { animation: none !important; }
  body::before { transition: none; }
}

/* h2-qualified so it beats page-local .decision-verdict rules (P3). */
h2.display-verdict {
  font-family: var(--cw-mono); font-weight: 700;
  font-size: clamp(24px, 3vw, 32px);
  color: var(--cw-text);
}

/* Signal rails share one restrained luminous treatment across active pages.
   Tracks keep a quiet ambient edge; the measured portion carries the brighter
   glow so magnitude and direction remain readable instead of becoming decor. */
:where(
  .decision-range,
  .state-signal-track,
  .regime-fill-track,
  .stat-meter,
  .thesis-pillar-track,
  .cbr-gauge-track,
  .t1-progress,
  .t2-progress,
  .cool-bar,
  .etf-track,
  .mf-alloc-track,
  .opt-meter,
  .tail-gauge-track,
  .dca-track,
  .prob-track,
  .te-bar-track,
  .truth-source-track,
  .cd-meter,
  .mc-lens-bar-track,
  .sa-driver-track
) {
  box-shadow:
    inset 0 0 0 1px rgba(139, 219, 236, 0.08),
    0 0 12px rgba(80, 125, 252, 0.13);
}

:where(
  .decision-range-fill,
  .state-signal-fill,
  .state-gate-segment.is-passed,
  .regime-fill,
  .stat-meter > span,
  .thesis-pillar-fill,
  .t1-progress > div,
  .t2-progress > div,
  .cool-bar-fill,
  .etf-fill,
  .mf-alloc-fill,
  .opt-meter-fill,
  .tail-gauge-fill,
  .dca-fill,
  .prob-fill,
  .te-bar-fill,
  .truth-source-fill,
  .mc-lens-bar-fill,
  .sa-driver-fill
) {
  filter: drop-shadow(0 0 4px rgba(80, 252, 209, 0.72));
}

body.cw-section-macro .decision-range {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 8px rgba(80, 125, 252, 0.28),
    0 0 18px rgba(80, 252, 209, 0.12);
}
body.cw-section-macro .decision-range-marker {
  box-shadow:
    0 0 0 1px var(--cw-border),
    0 0 7px var(--marker-color, var(--cw-text));
}

:where(
  .regime-fill.neutral,
  .te-bar-fill-agree,
  .t1-progress.warn > div,
  .t2-progress.warn > div
) { filter: drop-shadow(0 0 4px rgba(255, 209, 102, 0.72)); }

:where(
  .regime-fill.hostile,
  .tail-gauge-fill.tone-high,
  .t1-progress.close > div,
  .t2-progress.close > div
) { filter: drop-shadow(0 0 4px rgba(255, 94, 127, 0.72)); }

@media (forced-colors: active) {
  :where(
    .decision-range,
    .state-signal-track,
    .regime-fill-track,
    .stat-meter
  ) { box-shadow: none; }
  :where(
    .decision-range-fill,
    .state-signal-fill,
    .state-gate-segment.is-passed,
    .regime-fill,
    .stat-meter > span
  ) { filter: none; }
}

/* Mobile panel headers use a consistent two-row hierarchy: the title owns the
   first row, while context and controls sit below it. This prevents long titles,
   freshness text, and status chips from fighting for the same horizontal line. */
@media (max-width: 640px) {
  body.cw-site .panel > .panel-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-flow: row !important;
    gap: 8px 12px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
  }

  body.cw-site .panel > .panel-head > .panel-title {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
  }

  body.cw-site .panel > .panel-head > .panel-head-status {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 4px 8px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.cw-site .panel > .panel-head > .panel-title > span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--cw-muted, var(--text-dim)) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    letter-spacing: .02em !important;
    opacity: .85 !important;
  }

  body.cw-site .panel > .panel-head > .muted {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: start !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    letter-spacing: .02em !important;
    text-align: left !important;
    text-transform: none !important;
    overflow-wrap: anywhere;
  }

  body.cw-site .panel > .panel-head > .panel-info-icon {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: -8px -8px -8px 0 !important;
  }

  body.cw-site .panel > .panel-head > .panel-fresh-badge,
  body.cw-site .panel > .panel-head > .halo-wrap {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.cw-site .panel > .panel-head > .panel-head-right,
  body.cw-site .panel > .panel-head > .composite-head-right {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    justify-content: space-between !important;
    gap: 8px 12px !important;
  }

  body.cw-site #sec-composite > .panel-head > .halo-wrap {
    position: relative !important;
    z-index: 1 !important;
    align-self: center !important;
    margin-left: 1px !important;
  }

  body.cw-site #sec-composite > .panel-head > .composite-head-right {
    padding-left: 18px !important;
  }
}

/* Macro screen rail: full-width secondary navigation below the sticky header.
   `clip` prevents horizontal paint spill without creating the scroll container
   that disables sticky positioning on mobile WebKit. */
body.cw-site.cw-section-macro {
  overflow-x:clip !important;
}

body.cw-site.cw-section-macro .cw-nav-screens {
  position:sticky !important;
  top:72px !important;
  z-index:95 !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-bottom:24px !important;
  padding-inline:max(24px,calc((100vw - var(--cw-page)) / 2 + 24px)) !important;
  background:rgba(11,14,20,.96) !important;
  border-bottom:1px solid var(--cw-border) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

@media (max-width:640px) {
  body.cw-site.cw-section-macro .cw-nav-screens {
    top:60px !important;
    margin-bottom:18px !important;
    padding-inline:16px !important;
  }
}


/* Account: one compact settings sheet, with detail kept on demand. */
body.cw-site.cw-section-account .shell.account-shell {
  width:min(960px,calc(100% - 48px)); padding:32px 0; font-size:14px;
}
.account-card { display:block; padding:0; border:0; background:transparent; }
.account-card > * { min-width:0; }
.account-card .account-hero { display:block; padding:0 0 16px; border:0; }
.account-card .account-hero h1 { font-size:30px; }
.account-card .account-lede { max-width:none; margin:8px 0 0; font-size:16px; }
.account-card .account-identity {
  display:flex; flex-wrap:nowrap; align-items:center; gap:16px;
  padding:12px 0; border-block:1px solid var(--cw-border);
}
.account-avatar {
  display:flex; flex:0 0 44px; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:var(--r-pill); background:var(--cw-panel-2);
  color:var(--cw-text); font:700 16px/1 var(--cw-display);
}
.account-identity-copy { flex:1; min-width:0; }
.account-card .account-identity-value {
  display:block; text-align:left; font:700 16px/1.5 var(--cw-body); overflow-wrap:anywhere;
}
.account-identity-meta { display:flex; flex-wrap:wrap; gap:4px 16px; color:var(--cw-dim); font-size:12px; }
.account-email-state--verified { color:var(--cw-aqua); }
.account-email-state--review { color:var(--yellow); }
.account-card a { color:var(--cw-blue); text-decoration:none; }
.account-card a:hover { text-decoration:underline; }
.account-card .account-profile-link {
  display:flex; align-items:center; min-height:44px; flex:0 0 auto; color:var(--cw-dim); font-size:13px;
}
.account-nav { display:flex; flex-wrap:wrap; gap:0 24px; border-bottom:1px solid var(--cw-border); }
.account-nav a {
  display:flex; align-items:center; min-height:48px; border-bottom:2px solid transparent;
  color:var(--cw-dim); font-weight:700;
}
.account-nav a[aria-current], .account-nav a[aria-selected="true"] { border-color:var(--cw-blue); color:var(--cw-blue); }
.account-card .account-group { padding-top:12px; scroll-margin-top:96px; }
.account-card h2 { font-size:18px; line-height:1.4; }
.account-group-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.account-group-heading > span { color:var(--cw-dim); font:400 11px/1.5 var(--cw-mono); }
.account-card .account-group-note { margin:4px 0 0; font-size:12px; }
.account-disclosure { min-width:0; scroll-margin-top:96px; }
.account-card summary { cursor:pointer; }
.account-disclosure > summary {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height:64px; padding:10px 0; list-style:none;
}
.account-card summary::-webkit-details-marker { display:none; }
.account-disclosure > summary > span:first-child { min-width:0; }
.account-disclosure strong { display:block; color:var(--cw-text); font:700 14px/1.5 var(--cw-body); }
.account-disclosure small { display:block; margin-top:2px; color:var(--cw-dim); font-size:13px; line-height:1.4; }
.account-disclosure-action { margin-left:auto; color:var(--cw-dim); font-size:13px; text-align:right; }
.account-disclosure > summary::after { content:'›'; color:var(--cw-dim); font-size:20px; }
.account-disclosure[open] > summary::after { transform:rotate(90deg); }
.account-disclosure[open] > summary { color:var(--cw-blue); }
.account-card .account-detail-body { padding:0 0 16px; }
.account-detail-body > p { margin:0 0 12px; }
.account-card .credential-list { display:block; margin:0; }
.account-card .credential-row {
  display:grid; grid-template-columns:minmax(140px,1fr) minmax(0,1.6fr) auto;
  align-items:center; gap:12px 24px; padding:8px 0;
  background:transparent; border:0; border-bottom:1px solid var(--cw-border); border-radius:0;
}
.account-card .credential-heading { display:flex; flex-direction:column; gap:2px; }
.account-card .credential-status { padding:0; min-height:0; border:0; font-size:10px; line-height:1.5; }
.account-card .credential-meta {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; margin:0;
}
.account-card .credential-meta div { display:block; border:0; padding:0; }
.account-card .credential-meta dt { color:var(--cw-dim); font-size:10px; }
.account-card .credential-meta dd { margin:2px 0 0; text-align:left; font-size:12px; }
.account-card .credential-meta code { font-size:11px; font-weight:400; }
.account-card .credential-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px 8px; border:0; padding:0; }
.account-card button, .account-card .account-create > summary {
  min-height:44px; width:auto; padding:8px 12px; font:700 12px/1.4 var(--cw-body);
  text-transform:none; letter-spacing:0;
}
.account-card .credential-actions button, .account-card .account-actions button {
  border:0; background:transparent; color:var(--cw-blue);
}
.account-card .credential-actions form { width:auto; }
.account-card .credential-actions .credential-revoke { color:var(--cw-rose); }
.account-card .credential-actions button:hover, .account-card .account-actions button:hover { background:var(--cw-panel-2); }
.account-card .credential-empty { background:transparent; padding:12px 0; border:0; }
.account-card .credential-empty p { font-size:13px; }
.account-card .account-profile-meta { grid-template-columns:repeat(3,minmax(0,1fr)); }
.account-security-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; }
.account-security-row > details { grid-area:1 / 1 / 2 / 3; }
.account-security-row > details > summary { padding-right:164px; }
.account-card .account-add-passkey { grid-area:1 / 2; margin-top:10px; color:var(--cw-blue); border:0; background:transparent; }
.account-card .passkey-status:not(:empty) { margin:0 0 12px; }
.account-card #session-settings { border-block:1px solid var(--cw-border); }
.account-card .settings-section-action { margin:12px 0 0; }
.account-card .account-history { padding:0; }
.account-history > summary { display:flex; align-items:center; min-height:44px; color:var(--cw-dim); font-size:12px; }
.account-card .account-history > summary { list-style:disclosure-closed inside; }
.account-card .account-history[open] > summary { list-style-type:disclosure-open; }
.account-card #developer-settings { border-bottom:1px solid var(--cw-border); }
.account-card .account-create { margin:12px 0; }
.account-create > summary {
  display:inline-flex; align-items:center; border:1px solid var(--cw-blue);
  border-radius:var(--r-sm); color:var(--cw-bg); background:var(--cw-blue); list-style:none;
}
.account-card .credential-form { margin:12px 0 16px; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; }
.account-card .credential-form > button { grid-column:1 / -1; justify-self:start; }
.account-card .account-form-panel { margin:0; padding:0 0 16px; border:0; background:transparent; }
.account-card .account-claim { padding:16px 0 0; border-top:1px solid var(--cw-border); }
.account-card .account-actions {
  display:flex; justify-content:space-between; align-items:center; margin:0;
  padding:12px 0 0; border-top:1px solid var(--cw-border);
}
.account-card .account-actions a { display:flex; align-items:center; min-height:44px; font-size:13px; }
.account-card .account-actions .inline { width:auto; }
.account-card .credential-reveal { margin-bottom:24px; scroll-margin-top:96px; }
@media(max-width:640px) {
  body.cw-site.cw-section-account .shell.account-shell { width:calc(100% - 32px); padding-top:24px; font-size:14px; }
  .account-card .account-hero { padding-bottom:20px; }
  .account-card .account-lede { font-size:14px; }
  .account-card .account-identity { gap:12px; align-items:flex-start; }
  .account-card .account-identity-value { font-size:14px; }
  .account-card .account-profile-link { display:none; }
  .account-identity-meta { gap:4px 12px; }
  .account-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  .account-nav a { min-height:44px; font-size:13px; }
  .account-card .account-group { padding-top:16px; }
  .account-disclosure > summary { gap:8px; }
  .account-disclosure-action { max-width:88px; font-size:12px; }
  .account-disclosure small { font-size:12px; }
  .account-card .credential-row { grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; }
  .account-card .credential-heading { grid-column:1; }
  .account-card .credential-meta { grid-column:1; grid-row:2; gap:8px 12px; }
  .account-card .credential-actions { grid-column:2; grid-row:1 / span 2; flex-direction:column; align-items:flex-end; }
  .account-card .credential-meta dd { font-size:11px; }
  .account-card .account-profile-meta { grid-template-columns:minmax(0,1fr); gap:12px; }
  .account-security-row { display:block; }
  .account-security-row > details > summary { padding-right:0; }
  .account-card .account-add-passkey { margin:0 0 8px; padding-left:0; }
  .account-card .credential-form { grid-template-columns:minmax(0,1fr); }
  .account-card .credential-form > button { width:100%; }
  .account-card .credential-secret { flex-direction:column; }
  .account-card .credential-secret button { width:100%; }
  .account-card .account-api-curl { max-width:100%; }
}

/* Native hidden must win over the grouped account layout. */
.account-card [data-account-panel][hidden] { display:none; }
.account-card [data-account-panel] { min-width:0; }

/* Compact investor read: shared by Home and State; dates live in the method disclosure. */
.cw-read-conditions { list-style:none; margin:8px 0 0; padding:0; }
.cw-read-condition { display:grid; gap:2px; padding:10px 0; border-bottom:1px solid var(--border,#242938); min-width:0; }
.cw-read-condition-title { color:var(--text,#E6E8EF); font:600 14px/1.45 var(--body,Lato,sans-serif); }
.cw-read-condition-detail { color:var(--text-dim,#8A92A8); font:400 13px/1.5 var(--body,Lato,sans-serif); overflow-wrap:anywhere; }
.cw-read-method { margin-top:12px; border-top:1px solid var(--border,#242938); }
.cw-read-method > summary { cursor:pointer; min-height:44px; align-content:center; font:600 13px/1.5 var(--body,Lato,sans-serif); color:var(--text,#E6E8EF); }
.cw-read-method > summary:focus-visible { outline:2px solid var(--blue,#507DFC); outline-offset:2px; }
.cw-read-method-body { padding-bottom:8px; overflow-wrap:anywhere; }
.cw-read-method-body p { margin:0 0 8px; font:400 13px/1.5 var(--body,Lato,sans-serif); color:var(--text-dim,#8A92A8); }
.daily-read .read-posture { font:600 20px/1.3 var(--body,Lato,sans-serif); min-height:0; margin:8px 0; }
.daily-read .read-posture.display-verdict { min-height:0; }
.daily-read .read-posture[hidden] { display:none; }
.daily-read .read-copy { min-height:0; }
.daily-read .decision-verdict { font-weight:600; font-size:18px; line-height:1.4; }
.daily-read .decision-change-if { min-height:0; margin-top:16px; }
.daily-read .decision-change-text { margin-top:12px; font-size:13px; }
.daily-read .decision-date { text-align:left; font:inherit; text-transform:none; letter-spacing:normal; }
.daily-read .read-context { margin-top:0; text-transform:none; letter-spacing:normal; font:12px/1.5 var(--body,Lato,sans-serif); }
#state-scorecard .state-score-head { display:block; padding:16px 24px; }
#state-scorecard .state-score-headline { margin:8px 0 12px; font-size:18px; line-height:1.4; max-width:60ch; }
#state-scorecard .state-score-lead { max-width:68ch; }
#state-scorecard .state-score-change { display:block; padding:0; margin:12px 0 0; border:0; background:none; }
#state-scorecard .state-score-change-text { font-size:13px; }
#state-scorecard .state-score-change .state-label { display:block; margin-bottom:4px; }
#state-scorecard .state-score-change-state { display:none; }
#state-scorecard .cw-read-context { font:12px/1.5 var(--body,Lato,sans-serif); color:var(--text-dim,#8A92A8); margin:0; }
@media(max-width:640px) { #state-scorecard .state-score-head { padding:16px; } }

/* Keep this reading control legible despite the global mobile metadata rule. */
body.cw-site main :is(#state-scorecard, #read-method) .cw-read-method > summary { font-size:13px !important; }

/* Keep long setup commands from widening the Agents reading column. */
body.cw-site.cw-section-agents main.content {
  width:min(100%,760px);
}
body.cw-site.cw-section-agents pre {
  max-width:100%;
}

/* Keep the read-only admin filters inside tablet/foldable portrait screens. */
@media (min-width: 641px) and (max-width: 1100px) {
  body.cw-site .admin-toolbar.admin-read-toolbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.cw-site .admin-read-toolbar > * { min-width: 0; }
  body.cw-site .admin-read-toolbar :is(input, select) { width: 100%; min-width: 0; }
}