/* 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 {
  min-width:0;
  width:auto !important;
  max-width:none !important;
  margin:0;
  padding-top:0 !important;
  padding-right:0 !important;
  padding-bottom:46px !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,
body.cw-site.cw-section-sitemap {
  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:9px;
  letter-spacing:.12em;
  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-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(280px,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; }
.cw-menu-panel a {
  min-height:44px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-radius:4px;
  color:var(--cw-text);
  font-family:var(--cw-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}
.cw-menu-panel button {
  min-height:44px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:var(--cw-text);
  cursor:pointer;
  font-family:var(--cw-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-align:left;
  text-transform:uppercase;
}
.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 a span { color:var(--cw-dim); }
.cw-menu-panel button span:last-child { color:var(--cw-dim); }
.cw-menu-panel form { margin:0; }
.cw-menu-panel form button { width:100%; color:var(--cw-rose); }
.cw-menu-rule { height:1px; margin:6px 12px; background:var(--cw-border); }

.cw-site-footer {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:90;
  height:38px;
  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 {
  width:min(100%,var(--cw-page));
  height:38px;
  margin:0 auto;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:12px;
  overflow-x:auto;
  scrollbar-width:none;
  white-space:nowrap;
  color:var(--cw-dim);
  font-family:var(--cw-mono);
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cw-footer-shell::-webkit-scrollbar { display:none; }
.cw-footer-shell a { color:inherit; text-decoration:none; }
.cw-footer-shell a:hover { color:var(--cw-text); }
.cw-footer-mark { color:var(--cw-aqua); font-weight:700; }

/* 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,
body.cw-site .desk-decision-summary {
  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,
body.cw-site.cw-section-desk .lens-tabs,
body.cw-site.cw-section-desk .desk-decision-summary,
body.cw-site.cw-section-desk .desk-grid,
body.cw-site.cw-section-desk #intel-panel {
  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,1.15fr) minmax(360px,.85fr) !important;
  gap:0 48px !important;
  border-radius:10px !important;
  background:rgba(20,24,33,.78) !important;
  box-shadow:none !important;
}
body.cw-site.cw-section-macro .decision-head {
  grid-column:1;
  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-primary-action,
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-primary-action {
  margin-top:28px !important;
  padding:16px 18px !important;
  border-color:rgba(80,252,209,.24) !important;
  background:rgba(80,252,209,.045) !important;
}
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;
}

/* Desk: the setup gate leads, while asset evidence is a compact instrument list. */
body.cw-site.cw-section-desk .lens-tabs { margin-top:24px !important; }
body.cw-site.cw-section-desk .desk-decision-summary {
  padding:28px 32px !important;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:8px 40px;
  align-items:end;
  border-radius:10px !important;
  background:rgba(20,24,33,.78) !important;
}
body.cw-site.cw-section-desk .desk-decision-headline {
  margin-top:10px;
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1.05;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body.cw-site.cw-section-desk .desk-decision-detail {
  grid-column:2;
  grid-row:1 / span 2;
  margin:0 !important;
  padding-left:28px;
  border-left:1px solid var(--cw-border);
  line-height:1.6;
}
body.cw-site.cw-section-desk .desk-decision-meta { grid-column:1; }
body.cw-site.cw-section-desk .desk-grid {
  gap:12px !important;
  margin-top:18px !important;
}
body.cw-site.cw-section-desk .card {
  padding:20px 24px !important;
  border-radius:6px !important;
  border-left:2px solid var(--cw-border) !important;
  background:rgba(20,24,33,.72) !important;
  box-shadow:none !important;
}
body.cw-site.cw-section-desk .card.is-lead { border-left-color:var(--cw-aqua) !important; }
body.cw-site.cw-section-desk .card.expanded { padding-block:28px !important; }
body.cw-site.cw-section-desk #intel-panel { margin-top:28px !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;
}
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; }
}

@media (max-width:980px) {
  .cw-primary-nav { display:none; }
  .cw-product-intro { grid-template-columns:1fr; gap:18px; }
  body.cw-site.cw-section-macro .decision-block {
    grid-template-columns:minmax(0,1fr) minmax(300px,.8fr) !important;
    gap:0 28px !important;
  }
  body.cw-site.cw-section-macro .decision-facts { padding-left:22px; }
}

@media (max-width:640px) {
  body.cw-site { padding-bottom:52px !important; }
  .cw-topbar-shell { min-height:60px; }
  .cw-wordmark img { width:32px; }
  .cw-section-label { display:none; }
  .cw-header-signal { display:none; }
  .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 {
    height:44px;
    padding-inline:12px;
    justify-content:space-between;
    gap:8px;
    overflow:hidden;
    letter-spacing:.05em;
  }
  .cw-footer-shell > :nth-child(2),
  .cw-footer-shell > :nth-child(5),
  .cw-footer-shell > :nth-child(6) { display:none; }
  .cw-site-footer { height:44px; }
  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.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 .desk-decision-summary,
  body.cw-site .release { padding:16px; }
  body.cw-site .tr-flow-section { padding:0; }
  body.cw-site .lens-tabs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
    padding:16px;
    overflow:visible;
  }
  body.cw-site .lens-tab { width:100%; min-width:0; justify-content:center; padding-inline:8px; }
  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-macro .decision-primary-action { margin-top:14px !important; }
  body.cw-site.cw-section-desk .desk-decision-summary {
    display:block;
    padding:18px !important;
  }
  body.cw-site.cw-section-desk .desk-decision-headline { font-size:24px !important; }
  body.cw-site.cw-section-desk .desk-decision-detail {
    margin-top:12px !important;
    padding:12px 0 0;
    border-top:1px solid var(--cw-border);
    border-left:0;
  }
  body.cw-site.cw-section-desk .card { padding:16px !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;
  }
}

.cw-release-notice {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 180;
  width: min(380px, calc(100vw - 32px));
  padding: 16px;
  color: var(--cw-text, var(--text, #e6e8ef));
  background: rgba(20, 24, 33, .98);
  border: 1px solid var(--cw-border, var(--border, #242938));
  border-top: 2px solid var(--cw-positive, var(--cyan, #50fcd1));
  border-radius: var(--r-md, 6px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .42);
}

.cw-release-notice__eyebrow {
  color: var(--cw-positive, var(--cyan, #50fcd1));
  font: 600 10px/1.4 var(--mono, monospace);
  letter-spacing: .08em;
}

.cw-release-notice h2 {
  margin: 6px 0 10px;
  color: inherit;
  font: 600 18px/1.25 var(--font-display, sans-serif);
}

.cw-release-notice ul {
  margin: 0;
  padding-left: 18px;
  color: var(--cw-muted, var(--text-dim, #8a92a8));
  font-size: 13px;
  line-height: 1.5;
}

.cw-release-notice li + li { margin-top: 4px; }

.cw-release-notice__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}

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

.cw-release-notice__actions a {
  display: inline-flex;
  align-items: center;
  color: var(--cw-positive, var(--cyan, #50fcd1));
}

.cw-release-notice__actions button {
  color: #0b0e14;
  background: var(--cw-positive, var(--cyan, #50fcd1));
  border: 0;
  cursor: pointer;
}

@media (max-width:640px) {
  .cw-release-notice {
    right: 16px;
    bottom: 16px;
  }
}

@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)); }

body.cw-site.cw-section-sitemap .map-link strong { font-size:14px; }
body.cw-site.cw-section-sitemap .map-link span:not(.map-access) { font-size:14px; }

@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; }
}

/* Responsive spacing contract — one edge rhythm across every active route. */
body.cw-site .state-shell,
body.cw-site .map-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 .map-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,
  body.cw-site.cw-section-desk .lens-tabs,
  body.cw-site.cw-section-desk .desk-decision-summary,
  body.cw-site.cw-section-desk .desk-grid,
  body.cw-site.cw-section-desk #intel-panel {
    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 .map-section + .map-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 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
  }

  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;
  }
}