/*
 * GENERATED FILE - do not edit directly.
 * Edit the source modules, then run npm run site:build.
 * Sources:
   - src/styles/system/01-foundation-nav-home.css
   - src/styles/system/02-atlas-report-base.css
   - src/styles/system/03-location-map-base.css
   - src/styles/system/04-report-readout-base.css
   - src/styles/system/05-agent-report-experience.css
   - src/styles/system/06-agent-report-gauges.css
   - src/styles/system/07-methodology-account-legacy-bridge.css
   - src/styles/system/08-atlas-command-center-a.css
   - src/styles/system/09-atlas-command-center-b.css
   - src/styles/system/10-atlas-command-center-c.css
   - src/styles/system/11-atlas-neighborhood-browser-a.css
   - src/styles/system/12-atlas-neighborhood-browser-b.css
   - src/styles/system/13-schools-command-flow.css
   - src/styles/system/14-shared-page-polish.css
   - src/styles/system/15-schools-answer-redesign-a.css
   - src/styles/system/16-schools-answer-redesign-b.css
   - src/styles/system/17-atlas-compare-finish-a.css
   - src/styles/system/18-atlas-compare-finish-b.css
   - src/styles/system/19-simple-doc-pages-a.css
   - src/styles/system/20-simple-doc-pages-b.css
   - src/styles/system/21-simple-doc-pages-c.css
   - src/styles/system/22-simple-page-final-pass.css
   - src/styles/system/23-methodology-engine-rebuild.css
   - src/styles/system/24-methodology-trust-rebuild-a.css
   - src/styles/system/25-methodology-trust-rebuild-b.css
   - src/styles/system/26-atlas-compare-answer.css
   - src/styles/system/27-atlas-neighborhood-compare.css
   - src/styles/system/28-atlas-inline-brief.css
   - src/styles/system/29-atlas-neighborhood-entry-polish.css
   - src/styles/system/30-atlas-neighborhood-mobile-flow.css
 */
/* Build The Brief — product UI
   Prefix: btb-
   This file is the interface. Do not layer new chrome onto the old report cards. */

:root {
  --btb-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", sans-serif;
  --btb-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Helvetica Neue", sans-serif;
  --btb-mono: ui-monospace, "SF Mono", "IBM Plex Mono", Menlo, monospace;
  --btb-radius: 18px;
  --btb-radius-sm: 12px;
  --btb-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --btb-bg: #000000;
  --btb-bg-2: #0c0c0e;
  --btb-fill: #161618;
  --btb-glass: rgba(22, 22, 24, 0.72);
  --btb-ink: #f5f5f7;
  --btb-muted: #a1a1a6;
  --btb-faint: #6e6e73;
  --btb-line: rgba(255, 255, 255, 0.1);
  --btb-accent: #e0b54d;
  --btb-accent-ink: #1a1404;
  --btb-good: #30d158;
  --btb-warn: #ff9f0a;
  --btb-map: #0b0b0d;
  --btb-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}

html[data-theme="light"] {
  color-scheme: light;
  --btb-bg: #f5f5f7;
  --btb-bg-2: #eef0f3;
  --btb-fill: #ffffff;
  --btb-glass: rgba(255, 255, 255, 0.78);
  --btb-ink: #1d1d1f;
  --btb-muted: #6e6e73;
  --btb-faint: #86868b;
  --btb-line: rgba(0, 0, 0, 0.08);
  --btb-accent: #b8860b;
  --btb-accent-ink: #fffdf6;
  --btb-good: #248a3d;
  --btb-warn: #c93400;
  --btb-map: #edf1f4;
  --btb-shadow: 0 24px 70px rgba(20, 20, 24, 0.12);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
html { background: var(--btb-bg); }
body {
  background: var(--btb-bg);
  color: var(--btb-ink);
  font-family: var(--btb-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
button, input { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.btb-legacy { display: none !important; }

/* Nav */
.btb-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 0 22px;
  background: color-mix(in srgb, var(--btb-bg) 86%, transparent);
  backdrop-filter: saturate(1.4) blur(18px);
  border-bottom: 1px solid var(--btb-line);
}
.btb-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.btb-brand img { width: 28px; height: 28px; object-fit: contain; }
.btb-brand strong {
  display: block;
  font: 600 14px/1.1 var(--btb-display);
  letter-spacing: -0.02em;
}
.btb-brand span {
  display: block;
  color: var(--btb-faint);
  font-size: 11px;
}
.btb-nav-links {
  display: flex;
  align-items: center;
  gap: 6px;
}
.btb-nav-links a,
.btb-nav-links button,
.theme-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--btb-muted);
  font-size: 13px;
}
.btb-nav-links a:hover,
.btb-nav-links a[aria-current="page"],
.theme-toggle:hover {
  color: var(--btb-ink);
  background: color-mix(in srgb, var(--btb-fill) 70%, transparent);
}
.btb-nav-links .btb-cta {
  background: var(--btb-ink);
  color: var(--btb-bg);
  font-weight: 600;
}
.menu-toggle {
  display: none;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
}
.menu-icon span {
  display: block;
  width: 16px;
  height: 1.5px;
  margin: 4px auto;
  background: var(--btb-ink);
}

.theme-toggle {
  gap: 8px;
}
.theme-toggle-track {
  width: 28px;
  height: 16px;
  border-radius: 99px;
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
  position: relative;
}
.theme-toggle-track span {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--btb-ink);
  transition: transform 0.2s var(--btb-ease);
}
html[data-theme="light"] .theme-toggle-track span { transform: translateX(12px); }

/* Home */
body.page-home {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}
.btb-home {
  flex: 1;
  display: grid;
  place-items: center;
  padding: 48px 20px 80px;
}
.btb-home-inner {
  width: min(720px, 100%);
  text-align: center;
}
.btb-kicker {
  color: var(--btb-faint);
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.btb-title {
  margin: 12px 0 0;
  font: 600 clamp(40px, 8vw, 72px)/1.02 var(--btb-display);
  letter-spacing: -0.045em;
}
.btb-lede {
  margin: 16px auto 0;
  max-width: 34em;
  color: var(--btb-muted);
  font-size: 18px;
  line-height: 1.45;
}
.btb-search {
  margin: 36px auto 0;
  width: min(560px, 100%);
  text-align: left;
}
.btb-search label { display: none; }
.btb-search-row {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
  box-shadow: var(--btb-shadow);
}
.btb-search-row input {
  flex: 1;
  min-width: 0;
  height: 48px;
  padding: 0 18px;
  border: 0;
  background: transparent;
  font-size: 17px;
  outline: none;
}
.btb-search-row button {
  height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: var(--btb-ink);
  color: var(--btb-bg);
  font-weight: 600;
}
.btb-suggestions {
  margin-top: 8px;
  overflow: hidden;
  border-radius: var(--btb-radius-sm);
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
}
.btb-who {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 28px;
  flex-wrap: wrap;
}
.btb-who button {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--btb-line);
  background: transparent;
  color: var(--btb-muted);
  font-size: 13px;
}
.btb-who button.is-active {
  background: var(--btb-fill);
  color: var(--btb-ink);
  border-color: transparent;
}
.btb-who-copy {
  margin: 18px auto 0;
  max-width: 36em;
  color: var(--btb-muted);
  font-size: 15px;
  line-height: 1.5;
}
.btb-home-foot {
  color: var(--btb-faint);
  font-size: 12px;
  padding: 0 20px 28px;
  text-align: center;
}

/* Atlas */
body.page-market-atlas,
body.page-atlas {
  overflow: hidden;
  height: 100svh;
}
body.page-market-atlas .btb-nav {
  position: absolute;
  left: 0; right: 0;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--btb-bg) 80%, transparent), transparent);
  border: 0;
}
.btb-atlas {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  height: 100svh;
  background: var(--btb-map);
}
.btb-atlas-map,
#atlasMapWrap,
#atlasZipMap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.leaflet-container {
  background: var(--btb-map);
  font-family: var(--btb-font);
}
.btb-command {
  position: absolute;
  z-index: 30;
  top: 74px;
  left: 50%;
  width: min(560px, calc(100% - 28px));
  transform: translateX(-50%);
}
.btb-command input {
  width: 100%;
  height: 52px;
  padding: 0 20px;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  background: var(--btb-glass);
  backdrop-filter: blur(20px);
  box-shadow: var(--btb-shadow);
  font-size: 16px;
  outline: none;
}
.btb-layers {
  position: absolute;
  z-index: 30;
  top: 138px;
  left: 50%;
  display: flex;
  gap: 6px;
  transform: translateX(-50%);
  padding: 4px;
  border-radius: 999px;
  background: var(--btb-glass);
  backdrop-filter: blur(20px);
  border: 1px solid var(--btb-line);
}
.btb-layers button {
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--btb-muted);
  font-size: 12px;
  font-weight: 600;
}
.btb-layers button.is-active {
  background: var(--btb-ink);
  color: var(--btb-bg);
}
.btb-layers button small { display: none; }
.btb-legend {
  position: absolute;
  z-index: 20;
  left: 16px;
  bottom: 16px;
  display: flex;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 14px;
  background: var(--btb-glass);
  backdrop-filter: blur(16px);
  border: 1px solid var(--btb-line);
  color: var(--btb-muted);
  font-size: 11px;
}
.btb-sheet,
#atlasConsole {
  position: absolute;
  z-index: 25;
  right: 16px;
  top: 74px;
  width: min(360px, calc(100% - 32px));
  max-height: calc(100svh - 100px);
  overflow: auto;
  padding: 20px;
  border-radius: 24px;
  background: var(--btb-glass);
  backdrop-filter: blur(24px);
  border: 1px solid var(--btb-line);
  box-shadow: var(--btb-shadow);
}
#atlasConsole { display: none; }
#atlasConsole.is-open { display: block; }
.atlas-popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--btb-fill);
  color: var(--btb-ink);
  font-size: 22px;
  line-height: 1;
}
.atlas-popup-dock,
#atlasReadoutDock { display: none !important; }
.btb-map-hint {
  position: absolute;
  z-index: 20;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  margin: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--btb-glass);
  backdrop-filter: blur(16px);
  border: 1px solid var(--btb-line);
  color: var(--btb-muted);
  font-size: 13px;
  pointer-events: none;
}
body.has-atlas-selection .btb-map-hint { display: none; }
#atlasZipName {
  margin: 4px 0 0;
  font: 600 28px/1.1 var(--btb-display);
  letter-spacing: -0.03em;
}
#atlasRead {
  color: var(--btb-muted);
  font-size: 15px;
  line-height: 1.45;
}
.atlas-score-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 16px 0;
}
.atlas-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.atlas-actions button,
.atlas-actions a,
.btb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  border: 0;
  background: var(--btb-ink);
  color: var(--btb-bg);
  font-weight: 600;
}
.atlas-actions a,
.btb-btn-ghost {
  background: transparent;
  border: 1px solid var(--btb-line);
  color: var(--btb-ink);
}
#atlasLoading {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: var(--btb-bg);
  z-index: 5;
}
.leaflet-control-zoom {
  border: 0 !important;
  margin: 12px !important;
}
.leaflet-control-zoom a {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  border: 1px solid var(--btb-line) !important;
  background: var(--btb-glass) !important;
  color: var(--btb-ink) !important;
  backdrop-filter: blur(12px);
}

/* Report */
.btb-report {
  width: min(920px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 120px;
}
.btb-report-hero h1 {
  margin: 8px 0 0;
  font: 600 clamp(32px, 6vw, 52px)/1.08 var(--btb-display);
  letter-spacing: -0.04em;
}
.btb-report-hero p {
  max-width: 38em;
  color: var(--btb-muted);
  font-size: 17px;
  line-height: 1.5;
}
.btb-say {
  margin: 22px 0 0;
  padding: 18px 20px;
  border-radius: var(--btb-radius);
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
}
.btb-say span {
  display: block;
  color: var(--btb-faint);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.btb-say p { margin: 0; font-size: 16px; line-height: 1.45; }
.btb-dials {
  display: grid;
  grid-template-columns: 1.3fr .85fr .85fr;
  gap: 12px;
  margin-top: 22px;
}
.btb-dial {
  padding: 16px;
  border-radius: 22px;
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
  cursor: pointer;
}
.btb-dial.is-primary {
  box-shadow: var(--btb-shadow);
}
.btb-dial h3 {
  margin: 0;
  font: 600 15px/1.2 var(--btb-display);
}
.btb-dial p {
  margin: 4px 0 0;
  color: var(--btb-muted);
  font-size: 13px;
}
.signature-gauge-stage {
  position: relative;
  min-height: 120px;
}
.signature-gauge-svg { width: 100%; height: 120px; }
.signature-gauge-track { stroke: var(--btb-line); fill: none; stroke-width: 12; stroke-linecap: round; }
.signature-gauge-fill { fill: none; stroke: var(--btb-accent); stroke-width: 12; stroke-linecap: round; }
.signature-gauge-center {
  position: absolute;
  left: 50%;
  top: 62%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.signature-gauge-center span {
  font: 600 34px/0.9 var(--btb-display);
  letter-spacing: -0.04em;
}
.signature-gauge-center small {
  display: block;
  margin-top: 6px;
  color: var(--btb-muted);
  font-size: 11px;
}
.gauge-movement-strip,
.signature-gauge-read,
.signature-gauge-details,
.signature-gauge-detail-toggle,
.signature-gauge-axis {
  display: none;
}
.btb-dial.is-open .gauge-movement-strip,
.btb-dial:hover .gauge-movement-strip,
.btb-dial.is-open .signature-gauge-read,
.btb-dial:hover .signature-gauge-read {
  display: grid;
  margin-top: 8px;
  color: var(--btb-muted);
  font-size: 12px;
  line-height: 1.4;
}
.btb-fold {
  margin-top: 14px;
  border-top: 1px solid var(--btb-line);
}
.btb-fold > summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 0;
  font-weight: 600;
}
.btb-fold > summary::-webkit-details-marker { display: none; }
.btb-report-actions {
  position: sticky;
  bottom: 16px;
  display: flex;
  gap: 8px;
  padding: 10px;
  border-radius: 18px;
  background: var(--btb-glass);
  backdrop-filter: blur(18px);
  border: 1px solid var(--btb-line);
}
.btb-report-actions button,
.btb-report-actions a {
  flex: 1;
  min-height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 0;
  background: var(--btb-ink);
  color: var(--btb-bg);
  font-weight: 600;
}
.btb-report-actions a { background: var(--btb-fill); color: var(--btb-ink); border: 1px solid var(--btb-line); }

/* Location intelligence */
.btb-li {
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 80px;
}
.btb-badge {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-accent) 16%, transparent);
  color: var(--btb-ink);
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 860px) {
  .btb-dials { grid-template-columns: 1fr; }
  .btb-nav-links { display: none; }
  .btb-nav-links.is-open {
    display: flex;
    position: absolute;
    top: 58px; left: 0; right: 0;
    flex-direction: column;
    padding: 12px;
    background: var(--btb-bg);
  }
  .menu-toggle { display: block; }
  body.page-market-atlas #atlasConsole.is-open {
    right: 10px; left: 10px; width: auto;
    top: auto; bottom: 10px;
    max-height: 42svh;
  }
  .btb-layers { top: auto; bottom: auto; left: 16px; right: 16px; transform: none; width: auto; overflow-x: auto; }
  .btb-map-hint { bottom: 18px; }
  .btb-title { font-size: 42px; }
  .btb-search-row { flex-direction: column; border-radius: 22px; }
  .btb-search-row input, .btb-search-row button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}

.btb-suggestions button,
.atlas-search-suggestions button {
  display: flex;
  width: 100%;
  gap: 10px;
  align-items: baseline;
  padding: 12px 14px;
  border: 0;
  background: transparent;
  text-align: left;
}
.btb-suggestions button + button,
.atlas-search-suggestions button + button {
  border-top: 1px solid var(--btb-line);
}
.btb-suggestions button.is-active,
.btb-suggestions button:hover {
  background: color-mix(in srgb, var(--btb-ink) 6%, transparent);
}
.btb-suggestions button span:first-child {
  color: var(--btb-faint);
  font-size: 11px;
  text-transform: uppercase;
  width: 72px;
  flex: none;
}

.atlas-neighborhood-browser,
.next-step-drawer {
  position: fixed;
  z-index: 50;
  inset: auto 12px 12px;
  max-height: min(80svh, 720px);
  overflow: auto;
  padding: 20px;
  border-radius: 24px;
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
  box-shadow: var(--btb-shadow);
}
.atlas-neighborhood-browser-backdrop,
.atlas-neighborhood-backdrop,
.next-step-backdrop {
  position: fixed;
  inset: 0;
  z-index: 45;
  background: rgba(0,0,0,.45);
}
.atlas-neighborhood-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px;
}
.atlas-console .atlas-popup-close,
.atlas-console .atlas-popup-dock {
  float: right;
  margin-left: 8px;
  border: 0;
  background: transparent;
  color: var(--btb-muted);
  font-size: 13px;
}
#atlasConsoleKicker { color: var(--btb-faint); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
body.page-market-atlas .gc-score { display: none; }
.metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.metric-grid p {
  margin: 0;
  padding: 12px;
  border-radius: 14px;
  background: var(--btb-bg-2);
  color: var(--btb-muted);
  font-size: 12px;
}
.metric-grid strong {
  display: block;
  margin-top: 4px;
  color: var(--btb-ink);
  font: 600 20px/1 var(--btb-display);
}
#heatChart { position: relative; min-height: 200px; }
.zip-report-chart { width: 100%; height: 200px; }
.chart-line { fill: none; stroke: var(--btb-accent); stroke-width: 2; }
.chart-baseline { stroke: var(--btb-line); }
.chart-point { fill: var(--btb-ink); }

body.page-market-atlas .atlas-hero,
body.page-market-atlas .atlas-proof,
body.page-market-atlas .atlas-paths { display: none !important; }

.atlas-selected-label{background:none!important;border:0!important}
.atlas-selected-label span{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;background:var(--btb-ink);color:var(--btb-bg);font:600 11px var(--btb-font)}
.btb-map-pin.is-b span{
  background: var(--btb-accent);
  color: var(--btb-accent-ink);
}
.btb-pin-bar {
  position: absolute;
  z-index: 28;
  left: 50%;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: min(520px, calc(100% - 32px));
  padding: 8px 10px 8px 14px;
  border-radius: 999px;
  background: var(--btb-glass);
  backdrop-filter: blur(18px);
  border: 1px solid var(--btb-line);
  box-shadow: var(--btb-shadow);
  transform: translateX(-50%);
}
.btb-pin-bar[hidden] { display: none !important; }
.btb-pin-bar span {
  min-width: 0;
  color: var(--btb-ink);
  font: 600 12px/1.2 var(--btb-font);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btb-pin-bar a,
.btb-pin-bar button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: var(--btb-ink);
  color: var(--btb-bg);
  font: 600 12px var(--btb-font);
}
.btb-pin-bar button {
  background: var(--btb-fill);
  color: var(--btb-ink);
  border: 1px solid var(--btb-line);
}
#atlasPinToggle.is-armed {
  border-color: var(--btb-accent);
  color: var(--btb-accent);
}
body.is-pinning .leaflet-interactive { cursor: crosshair; }
@media (max-width: 720px) {
  .btb-pin-bar { bottom: 64px; }
}
#atlasLoading[hidden]{display:none!important}
.leaflet-control-attribution{display:none}


/* Glass heatmap light */
.btb-atlas-map {
  --lx: 50%;
  --ly: 40%;
}
.btb-map-light {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(280px circle at var(--lx) var(--ly), rgba(255,255,255,.22), rgba(224,181,77,.08) 38%, transparent 68%);
  mix-blend-mode: soft-light;
  transition: opacity 0.35s ease;
}
.btb-atlas-map.is-lit .btb-map-light,
.btb-atlas-map:hover .btb-map-light { opacity: 1; }
html[data-theme="dark"] .btb-map-light {
  background:
    radial-gradient(320px circle at var(--lx) var(--ly), rgba(224,181,77,.2), rgba(255,255,255,.05) 42%, transparent 70%);
  mix-blend-mode: screen;
}
.leaflet-interactive {
  cursor: pointer;
}

.btb-map-tip,
.atlas-map-tip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  pointer-events: none;
  min-width: 88px;
  max-width: min(240px, calc(100vw - 24px));
  padding: 8px 11px 9px;
  border-radius: 12px;
  background: var(--btb-glass);
  backdrop-filter: saturate(1.4) blur(18px);
  border: 1px solid var(--btb-line);
  box-shadow: var(--btb-shadow);
  color: var(--btb-ink);
  white-space: nowrap;
}
.btb-map-tip[hidden],
.atlas-map-tip[hidden] { display: none !important; }
.btb-map-tip span,
.atlas-map-tip span {
  display: block;
  color: var(--btb-muted);
  font-size: 11px;
  line-height: 1.25;
}
.btb-map-tip strong,
.atlas-map-tip strong {
  display: block;
  margin-top: 2px;
  font: 600 18px/1.1 var(--btb-display);
  letter-spacing: -0.03em;
}

/* Slim ZIP readout — this-month strip, compare, cobrand */
.btb-change,
.btb-compare {
  margin-top: 22px;
}
.btb-change-grid,
.btb-compare-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.btb-change-cell,
.btb-compare-card {
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
  min-width: 0;
}
.btb-change-cell span,
.btb-compare-card span,
.btb-change-cell small,
.btb-compare-card small,
.btb-note {
  color: var(--btb-faint);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.btb-change-cell strong,
.btb-compare-card strong {
  display: block;
  margin-top: 6px;
  font: 600 22px/1.1 var(--btb-display);
  letter-spacing: -0.03em;
}
.btb-compare-card strong { font-size: 18px; }
.btb-compare-card strong a:hover { text-decoration: underline; }
.btb-change-cell small,
.btb-compare-card small {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}
.btb-compare-card p {
  margin: 6px 0 0;
  color: var(--btb-muted);
  font-size: 13px;
}
.btb-delta.is-up { color: var(--btb-good); }
.btb-delta.is-down { color: var(--btb-warn); }
.btb-note {
  margin: 10px 0 0;
  max-width: 52em;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--btb-muted);
}
.btb-cobrand,
.btb-report-hero .report-brand-signature {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  max-width: 32em;
}
.btb-cobrand[hidden],
.btb-report-hero .report-brand-signature[hidden] { display: none !important; }
.btb-cobrand-photo,
.btb-cobrand .report-brand-logo,
.btb-cobrand [data-brand-logo] {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
  font: 600 11px var(--btb-display);
  letter-spacing: 0.04em;
  flex: 0 0 auto;
}
.btb-cobrand-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.btb-cobrand-photo[hidden] { display: none !important; }
.btb-cobrand-photo img,
.btb-cobrand .report-brand-logo img { width: 100%; height: 100%; object-fit: cover; }
.btb-cobrand .report-brand-logo img { object-fit: contain; }
body.is-client-view .btb-cobrand,
body.is-client-view .btb-asof { display: flex; }
body.is-client-view .btb-asof { display: block; }
.btb-cobrand .report-brand-copy { min-width: 0; }
.btb-cobrand .report-brand-kicker {
  display: none;
}
.btb-cobrand [data-brand-identity] {
  display: block;
  font: 600 13px/1.2 var(--btb-display);
}
.btb-cobrand [data-brand-contact] {
  display: block;
  color: var(--btb-muted);
  font-size: 12px;
}
.btb-cobrand [data-brand-seal] {
  display: none;
}
.btb-report-actions { flex-wrap: wrap; }
.btb-report-actions button,
.btb-report-actions a { flex: 1 1 120px; }
.btb-report-actions #favoriteBriefButton,
.btb-report-actions #brandedPdfButton {
  background: var(--btb-fill);
  color: var(--btb-ink);
  border: 1px solid var(--btb-line);
}
.btb-report-actions #favoriteBriefButton.is-saved {
  border-color: color-mix(in srgb, var(--btb-good) 40%, var(--btb-line));
}
.btb-save-status {
  margin: 8px auto 0;
  width: min(920px, calc(100% - 32px));
  color: var(--btb-faint);
  font-size: 12px;
  text-align: center;
  min-height: 1em;
}
.btb-report-foot {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 0 20px 36px;
  color: var(--btb-faint);
  font-size: 12px;
}
.btb-report-foot a:hover { color: var(--btb-ink); }
.btb-recents {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.btb-recents a {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--btb-line);
  color: var(--btb-muted);
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.btb-recents a:hover { color: var(--btb-ink); background: var(--btb-fill); }
body[data-report-audience="client"] [data-agent-only],
body.is-client-view [data-agent-only] { display: none !important; }
body.is-client-view .btb-sticky-bar { display: none !important; }
body.is-client-view :where(.btb-dials, .btb-change, .btb-heatmap, .btb-fold) { display: none !important; }
body.is-client-view .btb-compare { display: none; }
body.is-client-view .btb-nav,
body.is-client-view .btb-report-actions { display: none !important; }
body.is-client-view .btb-fold[open] > summary { display: none; }
.btb-asof {
  margin: 10px 0 0;
  color: var(--btb-faint);
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.btb-share-bar {
  position: sticky;
  bottom: 16px;
  z-index: 30;
  display: flex;
  gap: 8px;
  width: min(920px, calc(100% - 32px));
  margin: 18px auto 0;
  padding: 10px;
  border-radius: 18px;
  background: var(--btb-glass);
  backdrop-filter: blur(18px);
  border: 1px solid var(--btb-line);
}
.btb-share-bar button,
.btb-share-bar a {
  flex: 1;
  min-height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 0;
  background: var(--btb-ink);
  color: var(--btb-bg);
  font-weight: 600;
}
body.is-client-view .btb-share-bar { display: none !important; }
@media (max-width: 860px) {
  .btb-change-grid,
  .btb-compare-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .btb-change-grid,
  .btb-compare-grid { grid-template-columns: 1fr; }
}

.btb-map-lock,
.atlas-touch-toggle {
  position: absolute;
  z-index: 30;
  right: 16px;
  bottom: 16px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  background: var(--btb-glass);
  backdrop-filter: blur(16px);
  color: var(--btb-ink);
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 721px) {
  .btb-map-lock,
  .atlas-touch-toggle { display: none !important; }
}

.btb-heatmap,
.btb-heat {
  margin-top: 22px;
  padding: 16px 18px 12px;
  border-radius: var(--btb-radius);
  background: var(--btb-fill);
  border: 1px solid var(--btb-line);
}

/* Agent report system - one clear read, then proof on demand */
body.page-zip-report {
  background:
    radial-gradient(820px 520px at 18% -12%, color-mix(in srgb, var(--btb-accent) 14%, transparent), transparent 68%),
    radial-gradient(680px 480px at 92% 6%, rgba(99, 191, 169, 0.1), transparent 66%),
    var(--btb-bg);
}

html[data-theme="light"] body.page-zip-report {
  --btb-bg: #f5efe4;
  --btb-bg-2: #eee5d7;
  --btb-fill: rgba(255, 252, 246, 0.9);
  --btb-glass: rgba(255, 252, 246, 0.76);
  --btb-ink: #121820;
  --btb-muted: #47596b;
  --btb-faint: #788697;
  --btb-line: rgba(18, 24, 32, 0.14);
  background:
    radial-gradient(760px 460px at 18% -10%, rgba(224, 181, 77, 0.2), transparent 68%),
    radial-gradient(660px 460px at 100% 2%, rgba(47, 155, 118, 0.12), transparent 70%),
    linear-gradient(90deg, rgba(18, 24, 32, 0.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(18, 24, 32, 0.03) 1px, transparent 1px),
    var(--btb-bg);
  background-size: auto, auto, 76px 76px, 76px 76px, auto;
}

body.page-zip-report .btb-report {
  width: min(1120px, calc(100% - 32px));
  padding-top: clamp(22px, 4vw, 46px);
}

body.page-zip-report .btb-report-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4vw, 36px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 30px;
  background:
    radial-gradient(460px 260px at 0% 0%, color-mix(in srgb, var(--btb-accent) 12%, transparent), transparent 72%),
    linear-gradient(145deg, color-mix(in srgb, var(--btb-fill) 92%, transparent), color-mix(in srgb, var(--btb-bg-2) 64%, transparent));
  box-shadow: var(--btb-shadow), inset 0 1px 0 color-mix(in srgb, var(--btb-fill) 78%, transparent);
}

body.page-zip-report .btb-report-hero::after {
  content: "";
  position: absolute;
  right: -110px;
  top: -120px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--btb-accent) 18%, transparent), transparent 64%);
  pointer-events: none;
}

body.page-zip-report .btb-report-hero h1 {
  position: relative;
  z-index: 1;
  max-width: 890px;
  margin-top: 10px;
  font: 720 clamp(38px, 7vw, 72px)/0.95 var(--btb-display);
}

body.page-zip-report .btb-report-hero #agentOverviewMain {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin-top: 18px;
  color: var(--btb-ink);
  font-size: clamp(17px, 1.7vw, 22px);
  font-weight: 650;
  line-height: 1.42;
}

body.page-zip-report .btb-asof {
  position: relative;
  z-index: 1;
  color: var(--btb-faint);
}

[data-client-only] {
  display: none !important;
}

body[data-report-audience="client"] [data-client-only],
body.is-client-view [data-client-only] {
  display: block !important;
}

body.page-zip-report .btb-report-toolbar {
  position: sticky;
  top: 12px;
  z-index: 25;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  padding: 10px;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-glass) 92%, transparent);
  box-shadow: 0 16px 44px color-mix(in srgb, var(--btb-ink) 10%, transparent);
  backdrop-filter: blur(18px);
}

body.page-zip-report .btb-report-identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 8px;
  color: var(--btb-muted);
}

body.page-zip-report .btb-report-identity span {
  flex: 0 0 auto;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-accent) 16%, transparent);
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-zip-report .btb-report-identity strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--btb-ink);
  font-size: 13px;
}

body.page-zip-report .btb-view-switch,
body.page-zip-report .btb-report-toolset {
  display: flex;
  gap: 6px;
  align-items: center;
}

body.page-zip-report .btb-view-switch {
  padding: 4px;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-bg-2) 54%, transparent);
}

body.page-zip-report .btb-view-switch button,
body.page-zip-report .btb-report-toolset button {
  min-height: 32px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--btb-muted);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

body.page-zip-report .btb-view-switch button {
  padding: 0 12px;
}

body.page-zip-report .btb-view-switch button[aria-pressed="true"] {
  background: var(--btb-ink);
  color: var(--btb-bg);
}

body.page-zip-report .btb-report-toolset button {
  padding: 0 11px;
  border-color: var(--btb-line);
  background: color-mix(in srgb, var(--btb-fill) 70%, transparent);
  color: var(--btb-ink);
}

body.page-zip-report .btb-report-toolset button:hover,
body.page-zip-report .btb-report-toolset button:focus-visible {
  border-color: color-mix(in srgb, var(--btb-accent) 45%, var(--btb-line));
  background: color-mix(in srgb, var(--btb-accent) 14%, var(--btb-fill));
}

body.page-zip-report .btb-agent-prep,
body.page-zip-report .btb-client-brief {
  margin-top: 14px;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 20%, var(--btb-line));
  border-radius: 28px;
  background:
    radial-gradient(460px 260px at 0% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 70%),
    color-mix(in srgb, var(--btb-fill) 88%, transparent);
  box-shadow: 0 22px 70px color-mix(in srgb, var(--btb-ink) 9%, transparent);
}

body.page-zip-report .btb-agent-answer {
  display: grid;
  gap: 6px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--btb-line);
}

body.page-zip-report .btb-agent-answer span,
body.page-zip-report .btb-agent-columns span,
body.page-zip-report .btb-proof-claims span {
  color: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.page-zip-report .btb-agent-answer p {
  margin: 0;
  max-width: 850px;
  color: var(--btb-ink);
  font-size: clamp(18px, 1.8vw, 24px);
  font-weight: 760;
  line-height: 1.32;
}

body.page-zip-report .btb-agent-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

body.page-zip-report .btb-agent-columns article,
body.page-zip-report .btb-proof-claims article {
  padding: 16px;
  border: 1px solid var(--btb-line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--btb-bg-2) 40%, transparent);
}

body.page-zip-report .btb-agent-columns ul,
body.page-zip-report .btb-proof-claims ul {
  margin: 12px 0 0;
  padding-left: 18px;
  color: var(--btb-ink);
  font-size: 14px;
  line-height: 1.55;
}

body.page-zip-report .btb-agent-columns li + li,
body.page-zip-report .btb-proof-claims li + li {
  margin-top: 8px;
}

body.page-zip-report .btb-agent-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

body.page-zip-report .btb-agent-metrics article {
  min-height: 94px;
  padding: 13px;
  border: 1px solid var(--btb-line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--btb-fill) 76%, transparent);
}

body.page-zip-report .btb-agent-metrics span {
  display: block;
  color: var(--btb-faint);
  font: 850 9px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-zip-report .btb-agent-metrics strong {
  display: block;
  margin-top: 7px;
  color: var(--btb-ink);
  font: 760 24px/1 var(--btb-display);
  letter-spacing: -0.03em;
}

body.page-zip-report .btb-agent-metrics small,
body.page-zip-report .btb-proof-claims small {
  display: block;
  margin-top: 8px;
  color: var(--btb-muted);
  font-size: 12px;
  line-height: 1.35;
}

body.page-zip-report .btb-agent-next {
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--btb-accent) 10%, transparent);
  color: var(--btb-ink);
  font-weight: 700;
}

body.page-zip-report .btb-client-brief h2 {
  margin: 6px 0 0;
  color: var(--btb-ink);
  font: 760 clamp(34px, 6vw, 62px)/0.96 var(--btb-display);
  letter-spacing: -0.05em;
}

body.page-zip-report .btb-client-brief p {
  max-width: 780px;
  color: var(--btb-ink);
  font-size: clamp(17px, 1.6vw, 22px);
  font-weight: 680;
  line-height: 1.42;
}

body.page-zip-report .btb-client-brief small {
  display: block;
  margin-top: 16px;
  color: var(--btb-muted);
}

body.page-zip-report .btb-proof-claims {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

body.page-zip-report .btb-proof-claims strong {
  display: block;
  margin-top: 8px;
  color: var(--btb-ink);
  font-size: 16px;
  line-height: 1.35;
}

body.page-zip-report .btb-say {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 18px;
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--btb-fill) 82%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--btb-fill) 74%, transparent);
}

body.page-zip-report .btb-say span {
  grid-column: 1 / -1;
  margin: 0;
  color: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  font: 800 10px/1.2 var(--btb-mono);
  letter-spacing: 0.1em;
}

body.page-zip-report .btb-say p {
  color: var(--btb-ink);
  font-size: clamp(15.5px, 1.25vw, 18px);
  font-weight: 650;
}

body.page-zip-report .btb-say-lead {
  border-color: color-mix(in srgb, var(--btb-accent) 28%, var(--btb-line));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--btb-accent) 12%, transparent), transparent 42%),
    color-mix(in srgb, var(--btb-fill) 88%, transparent);
}

body.page-zip-report #copySayButton {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;

  border: 1px solid color-mix(in srgb, var(--btb-accent) 30%, var(--btb-line));
  color: var(--btb-ink);
  background: color-mix(in srgb, var(--btb-accent) 10%, transparent);
  font: 800 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-zip-report .btb-dials {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

body.page-zip-report .btb-dials > .btb-dial {
  position: relative;
  min-height: 252px;
  padding: 18px;
  overflow: hidden;
  border-radius: 26px;
  background:
    radial-gradient(380px 220px at 18% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 70%),
    color-mix(in srgb, var(--btb-fill) 88%, transparent);
  box-shadow: 0 20px 60px color-mix(in srgb, var(--btb-ink) 10%, transparent);
}

body.page-zip-report .btb-dials > .btb-dial.is-primary {
  border-color: color-mix(in srgb, var(--btb-accent) 38%, var(--btb-line));
  box-shadow: var(--btb-shadow);
}

body.page-zip-report .btb-dials > .btb-dial .gc-name {
  color: var(--btb-ink);
  font: 720 24px/1 var(--btb-display);
  letter-spacing: -0.03em;
}

body.page-zip-report .btb-dials > .btb-dial .gc-q {
  margin-top: 8px;
  color: var(--btb-muted);
  font-size: 14px;
  line-height: 1.35;
}

body.page-zip-report .btb-dials > .btb-dial .gc-score {
  display: none;
}

body.page-zip-report .btb-dials > .btb-dial .gbar-wrap.signature-gauge {
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-zip-report .signature-gauge-stage {
  min-height: 130px;
  border-radius: 22px;
  background: color-mix(in srgb, var(--btb-bg-2) 54%, transparent);
}

body.page-zip-report .signature-gauge-center span,
body.page-zip-report .signature-gauge-read strong,
body.page-zip-report .signature-gauge-details dd {
  color: var(--btb-ink);
}

body.page-zip-report .signature-gauge-center small,
body.page-zip-report .signature-gauge-read span,
body.page-zip-report .signature-gauge-axis,
body.page-zip-report .signature-gauge-detail-toggle {
  color: var(--btb-muted);
}

body.page-zip-report .btb-change,
body.page-zip-report .btb-compare,
body.page-zip-report .btb-heatmap,
body.page-zip-report .btb-fold {
  padding: 16px;
  border: 1px solid var(--btb-line);
  border-radius: 22px;
  background: color-mix(in srgb, var(--btb-fill) 82%, transparent);
}

body.page-zip-report .btb-change-grid,
body.page-zip-report .btb-compare-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-zip-report .btb-change-cell,
body.page-zip-report .btb-compare-card,
body.page-zip-report .metric-grid p {
  border-radius: 16px;
  background: color-mix(in srgb, var(--btb-bg-2) 46%, transparent);
}

body.page-zip-report .btb-change-cell strong,
body.page-zip-report .btb-compare-card strong,
body.page-zip-report .metric-grid strong {
  color: var(--btb-ink);
}

body.page-zip-report .btb-fold > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0;
  color: var(--btb-ink);
  font: 800 12px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-zip-report .btb-fold > summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid var(--btb-line);
  color: var(--btb-muted);
}

body.page-zip-report .btb-fold[open] > summary::after {
  content: "-";
}

body.page-zip-report .btb-report-actions {
  width: min(680px, 100%);
  margin-left: auto;
  margin-right: auto;
  border-radius: 999px;
}

body.page-zip-report .btb-report-actions button,
body.page-zip-report .btb-report-actions a {
  min-height: 38px;
  flex: 1 1 82px;
  font: 800 11px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-zip-report .btb-share-bar #brandedPdfButton {
  display: none;
}

body.page-zip-report .btb-report-foot {
  color: var(--btb-muted);
}

@media (max-width: 860px) {
  body.page-zip-report .btb-report {
    width: min(100% - 22px, 1120px);
    padding-bottom: 92px;
  }

  body.page-zip-report .btb-report-toolbar {
    top: 8px;
    grid-template-columns: 1fr;
    border-radius: 22px;
  }

  body.page-zip-report .btb-report-identity {
    justify-content: space-between;
    padding: 0 2px;
  }

  body.page-zip-report .btb-view-switch,
  body.page-zip-report .btb-report-toolset {
    width: 100%;
    overflow-x: auto;
  }

  body.page-zip-report .btb-view-switch button,
  body.page-zip-report .btb-report-toolset button {
    flex: 1 0 auto;
  }

  body.page-zip-report .btb-report-hero {
    border-radius: 24px;
  }

  body.page-zip-report .btb-agent-columns {
    grid-template-columns: 1fr;
  }

  body.page-zip-report .btb-agent-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-zip-report .btb-proof-claims {
    grid-template-columns: 1fr;
  }

  body.page-zip-report .btb-say {
    grid-template-columns: 1fr;
  }

  body.page-zip-report #copySayButton {
    width: 100%;
  }

  body.page-zip-report .btb-dials {
    grid-template-columns: 1fr;
  }

  body.page-zip-report .btb-dials > .btb-dial {
    min-height: 218px;
  }

  body.page-zip-report .btb-change-grid,
  body.page-zip-report .btb-compare-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-zip-report .btb-report-actions {
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
    overflow-x: auto;
    border-radius: 18px;
  }

  body.page-zip-report .btb-report-actions button,
  body.page-zip-report .btb-report-actions a {
    flex: 0 0 86px;
  }
}

@media (max-width: 520px) {
  body.page-zip-report .btb-change-grid,
  body.page-zip-report .btb-compare-grid {
    grid-template-columns: 1fr 1fr;
  }

  body.page-zip-report .btb-change-cell,
  body.page-zip-report .btb-compare-card {
    padding: 12px;
  }

  body.page-zip-report .btb-change-cell strong,
  body.page-zip-report .btb-compare-card strong {
    font-size: 18px;
  }
}

/* Methodology and account on the shared system */
body.page-methodology {
  --bg: var(--btb-bg);
  --bg-2: var(--btb-bg-2);
  --panel: var(--btb-fill);
  --panel-2: var(--btb-bg-2);
  --line: var(--btb-line);
  --line-soft: color-mix(in srgb, var(--btb-line) 70%, transparent);
  --gold: var(--btb-accent);
  --gold-2: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
  --mint: #63bfa9;
  --blue: #247a9f;
  --red: #d3664c;
  --ink: var(--btb-ink);
  --body: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  --muted: var(--btb-muted);
  --faint: var(--btb-faint);
  --serif: var(--btb-display);
  --sans: var(--btb-font);
  --mono: var(--btb-mono);
  --shadow: var(--btb-shadow);
  background:
    radial-gradient(820px 520px at 18% -12%, color-mix(in srgb, var(--btb-accent) 14%, transparent), transparent 68%),
    radial-gradient(680px 480px at 92% 6%, rgba(99, 191, 169, 0.1), transparent 66%),
    linear-gradient(90deg, color-mix(in srgb, var(--btb-ink) 3%, transparent) 1px, transparent 1px),
    linear-gradient(0deg, color-mix(in srgb, var(--btb-ink) 3%, transparent) 1px, transparent 1px),
    var(--btb-bg) !important;
  background-size: auto, auto, 76px 76px, 76px 76px, auto !important;
  color: var(--body);
}

body.page-methodology nav {
  background: color-mix(in srgb, var(--btb-bg) 84%, transparent);
  border-bottom-color: var(--btb-line);
}

body.page-methodology .trust-card,
body.page-methodology .stat,
body.page-methodology .card,
body.page-methodology .formula,
body.page-methodology .tier,
body.page-methodology .brief-card,
body.page-methodology .step,
body.page-methodology .callout,
body.page-methodology .disclaimer-card {
  border-color: var(--btb-line);
  background:
    radial-gradient(420px 220px at 0% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 88%, transparent) !important;
  box-shadow: var(--btb-shadow);
}

html[data-theme="light"] body.page-methodology .trust-card,
html[data-theme="light"] body.page-methodology .stat,
html[data-theme="light"] body.page-methodology .card,
html[data-theme="light"] body.page-methodology .formula,
html[data-theme="light"] body.page-methodology .tier,
html[data-theme="light"] body.page-methodology .brief-card,
html[data-theme="light"] body.page-methodology .step,
html[data-theme="light"] body.page-methodology .callout,
html[data-theme="light"] body.page-methodology .disclaimer-card {
  background:
    radial-gradient(440px 220px at 0% 0%, rgba(224, 181, 77, 0.12), transparent 72%),
    rgba(255, 252, 246, 0.88) !important;
  color: #182332;
}

body.page-methodology h1,
body.page-methodology h2,
body.page-methodology h3,
body.page-methodology .brand-name strong,
body.page-methodology .stat strong,
body.page-methodology .weight strong,
body.page-methodology .disclaimer-card strong {
  color: var(--btb-ink);
}

body.page-methodology p,
body.page-methodology li,
body.page-methodology .section-head p,
body.page-methodology .rule span,
body.page-methodology .disclaimer-card p {
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
}

body.page-account {
  --bg: var(--btb-bg);
  --panel: var(--btb-fill);
  --panel2: var(--btb-bg-2);
  --ink: var(--btb-ink);
  --muted: var(--btb-muted);
  --faint: var(--btb-faint);
  --line: var(--btb-line);
  --gold: var(--btb-accent);
  --gold2: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  --green: #63bfa9;
  --serif: var(--btb-display);
  --sans: var(--btb-font);
  --mono: var(--btb-mono);
  background:
    radial-gradient(760px 460px at 12% -8%, color-mix(in srgb, var(--btb-accent) 14%, transparent), transparent 68%),
    radial-gradient(700px 480px at 92% 2%, rgba(99, 191, 169, 0.1), transparent 70%),
    var(--btb-bg) !important;
  color: var(--btb-ink);
}

html[data-theme="light"] body.page-account {
  --btb-bg: #f5efe4;
  --btb-bg-2: #eee5d7;
  --btb-fill: rgba(255, 252, 246, 0.9);
  --btb-glass: rgba(255, 252, 246, 0.76);
  --btb-ink: #121820;
  --btb-muted: #47596b;
  --btb-faint: #788697;
  --btb-line: rgba(18, 24, 32, 0.14);
}

body.page-account .account-nav {
  min-height: 64px;
  height: auto;
  padding: 0 clamp(16px, 4vw, 42px);
  border-bottom: 1px solid var(--btb-line);
  background: color-mix(in srgb, var(--btb-bg) 84%, transparent);
  backdrop-filter: blur(18px) saturate(1.28);
}

body.page-account .account-main {
  padding: clamp(36px, 6vw, 78px) 18px 90px;
}

body.page-account .account-shell {
  width: min(1120px, 100%);
}

body.page-account .account-heading {
  align-items: center;
  margin: 22px 0 24px;
}

body.page-account .account-heading h1,
body.page-account .account-signed-out h1 {
  font: 740 clamp(40px, 6vw, 68px)/0.94 var(--btb-display);
  letter-spacing: -0.055em;
}

body.page-account .account-heading p,
body.page-account .account-signed-out > p,
body.page-account .brand-studio-heading p,
body.page-account .account-note p {
  color: var(--btb-muted);
  font-size: 15px;
  line-height: 1.6;
}

body.page-account .account-grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
}

body.page-account .account-profile-card,
body.page-account .account-details,
body.page-account .brand-studio,
body.page-account .saved-briefs,
body.page-account .account-note,
body.page-account .account-signed-out,
body.page-account .brand-profile-form,
body.page-account .brand-preview,
body.page-account .saved-brief-card {
  border-color: var(--btb-line);
  background:
    radial-gradient(380px 220px at 0% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 88%, transparent);
  box-shadow: var(--btb-shadow);
}

body.page-account .account-primary {
  border-radius: 999px;
  background: var(--btb-ink);
  border-color: var(--btb-ink);
  color: var(--btb-bg) !important;
}

body.page-account .account-secondary {
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-fill) 72%, transparent);
  color: var(--btb-ink);
}

body.page-account .account-label,
body.page-account .account-eyebrow,
body.page-account .saved-briefs-count,
body.page-account .account-detail-head {
  color: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
}

body.page-account .account-profile-top h2,
body.page-account .saved-brief-card h3,
body.page-account .brand-studio-heading h2,
body.page-account .saved-briefs-heading h2,
body.page-account .brand-preview-copy h3 {
  color: var(--btb-ink);
}

body.page-account .brand-profile-form input,
body.page-account .brand-profile-form select {
  background: color-mix(in srgb, var(--btb-bg-2) 58%, transparent);
  border-color: var(--btb-line);
  color: var(--btb-ink);
}

@media (max-width: 760px) {
  body.page-account .account-nav {
    min-height: 58px;
  }

  body.page-account .account-heading {
    align-items: flex-start;
  }

  body.page-account .account-grid,
  body.page-account .brand-studio-layout {
    grid-template-columns: 1fr;
  }
}

/* Atlas command center repair */
body.page-market-atlas {
  --atlas-blue: #247a9f;
  --atlas-green: #2f9b76;
  --atlas-rust: #d3664c;
  --atlas-gold: var(--btb-accent);
  --atlas-panel: rgba(12, 13, 16, 0.74);
  --atlas-panel-strong: rgba(12, 13, 16, 0.9);
  --atlas-card: rgba(255, 255, 255, 0.055);
  --atlas-card-line: rgba(255, 255, 255, 0.12);
}

html[data-theme="light"] body.page-market-atlas {
  --atlas-panel: rgba(255, 255, 255, 0.84);
  --atlas-panel-strong: rgba(255, 255, 255, 0.94);
  --atlas-card: rgba(255, 255, 255, 0.72);
  --atlas-card-line: rgba(17, 24, 39, 0.13);
}

body.page-market-atlas .btb-atlas {
  isolation: isolate;
  background:
    radial-gradient(720px 520px at 72% 22%, color-mix(in srgb, var(--btb-accent) 16%, transparent), transparent 68%),
    radial-gradient(620px 460px at 18% 82%, rgba(36, 122, 159, 0.18), transparent 72%),
    var(--btb-map);
}

body.page-market-atlas .btb-atlas::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.44), transparent 22%, transparent 70%, rgba(0, 0, 0, 0.22)),
    radial-gradient(860px 580px at 50% 20%, transparent 0 45%, rgba(0, 0, 0, 0.16) 100%);
}

html[data-theme="light"] body.page-market-atlas .btb-atlas::after {
  background:
    linear-gradient(180deg, rgba(255, 251, 244, 0.74), transparent 24%, transparent 68%, rgba(255, 251, 244, 0.5)),
    radial-gradient(900px 620px at 50% 18%, transparent 0 44%, rgba(255, 246, 232, 0.2) 100%);
}

body.page-market-atlas .leaflet-tile {
  filter: saturate(0.92) contrast(0.98) brightness(0.98);
}

body.page-market-atlas .leaflet-top.leaflet-left {
  top: 188px;
  left: 16px;
  z-index: 1090;
}

body.page-market-atlas .leaflet-control-zoom {
  overflow: hidden;
  margin: 0 !important;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 16%, var(--btb-line)) !important;
  border-radius: 14px;
  background: var(--atlas-panel);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px) saturate(1.22);
}

body.page-market-atlas .leaflet-control-zoom a {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--btb-ink) !important;
  font: 760 21px/42px var(--btb-display) !important;
}

body.page-market-atlas .leaflet-control-zoom a + a {
  border-top: 1px solid var(--atlas-card-line) !important;
}

html[data-theme="dark"] body.page-market-atlas .leaflet-tile {
  filter: invert(1) hue-rotate(180deg) saturate(0.72) contrast(0.98) brightness(0.46);
}

html[data-theme="light"] body.page-market-atlas .leaflet-tile {
  filter: saturate(0.88) contrast(0.96) brightness(1.04);
}

body.page-market-atlas .btb-command {
  z-index: 1120;
  top: 78px;
  width: min(640px, calc(100vw - 28px));
}

body.page-market-atlas .btb-command:focus-within {
  z-index: 1460;
}

body.page-market-atlas .btb-command input {
  height: 56px;
  padding: 0 22px;
  border-color: color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  background: var(--atlas-panel-strong);
  color: var(--btb-ink);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-theme="light"] body.page-market-atlas .btb-command input {
  box-shadow: 0 22px 60px rgba(20, 20, 24, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.page-market-atlas .btb-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 1461;
  max-height: min(420px, 52svh);
  overflow: auto;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 22%, var(--btb-line));
  border-radius: 20px;
  background: var(--atlas-panel-strong);
  box-shadow: var(--btb-shadow);
  backdrop-filter: blur(22px) saturate(1.28);
}

body.page-market-atlas .btb-suggestions[hidden] {
  display: none !important;
}

body.page-market-atlas .btb-suggestions button {
  min-height: 58px;
  border-radius: 14px;
  color: var(--btb-ink);
}

body.page-market-atlas .btb-suggestions button:hover,
body.page-market-atlas .btb-suggestions button.is-active {
  background: color-mix(in srgb, var(--btb-accent) 16%, transparent);
}

body.page-market-atlas .btb-layers {
  z-index: 1110;
  top: 146px;
  max-width: min(760px, calc(100vw - 290px));
  background: var(--atlas-panel);
  border-color: color-mix(in srgb, var(--btb-accent) 14%, var(--btb-line));
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.16);
}

body.page-market-atlas .atlas-neighborhood-launch {
  position: absolute;
  top: 146px;
  right: 20px;
  z-index: 1125;
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 10px;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, #b78cff 46%, var(--btb-line));
  border-radius: 999px;
  background:
    radial-gradient(130px 72px at 18% 0%, rgba(183, 140, 255, 0.34), transparent 70%),
    radial-gradient(120px 70px at 100% 100%, rgba(127, 224, 199, 0.22), transparent 72%),
    color-mix(in srgb, var(--atlas-panel-strong) 93%, transparent);
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.25), 0 0 34px rgba(183, 140, 255, 0.12);
  backdrop-filter: blur(22px) saturate(1.28);
}

body.page-market-atlas .atlas-neighborhood-launch::before {
  content: "";
  position: absolute;
  inset: -80% -28%;
  background:
    radial-gradient(circle at 28% 40%, rgba(183, 140, 255, 0.9) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 26%, rgba(255, 255, 255, 0.62) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 72%, rgba(127, 224, 199, 0.76) 0 2px, transparent 3px),
    conic-gradient(from 140deg, transparent, rgba(183, 140, 255, 0.22), transparent 32%);
  opacity: 0.62;
  pointer-events: none;
  animation: atlasNeighborhoodSpark 9s linear infinite;
}

body.page-market-atlas .atlas-neighborhood-launch span,
body.page-market-atlas .atlas-neighborhood-launch strong {
  position: relative;
  z-index: 1;
}

body.page-market-atlas .atlas-neighborhood-launch strong {
  display: inline-grid;
  place-items: center;
  min-width: 34px;
  min-height: 26px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(127, 224, 199, 0.15);
  color: #9bf4df;
  font: 900 11px/1 var(--btb-mono);
  letter-spacing: 0.04em;
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-launch strong {
  color: #126e60;
  background: rgba(127, 224, 199, 0.25);
}

body.page-market-atlas .atlas-neighborhood-launch:hover,
body.page-market-atlas .atlas-neighborhood-launch:focus-visible,
body.page-market-atlas .atlas-neighborhood-launch.is-active {
  border-color: color-mix(in srgb, #b78cff 70%, white);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.31), 0 0 44px rgba(183, 140, 255, 0.22);
  transform: translateY(-1px);
}

body.page-market-atlas .btb-layers button {
  min-width: 0;
  height: 34px;
  padding: 0 14px;
  color: color-mix(in srgb, var(--btb-muted) 84%, var(--btb-ink));
  font-size: 12px;
}

body.page-market-atlas .btb-layers button.is-active {
  background: var(--btb-ink);
  color: var(--btb-bg);
}

@keyframes atlasNeighborhoodSpark {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(360deg) scale(1.04); }
}

body.page-market-atlas .btb-legend,
body.page-market-atlas .btb-pin-bar,
body.page-market-atlas .btb-map-lock,
body.page-market-atlas .atlas-touch-toggle {
  z-index: 1105;
}

body.page-market-atlas .btb-pin-bar {
  right: auto;
  left: 50%;
  bottom: 18px;
  width: min(620px, calc(100vw - 32px));
  justify-content: center;
  border-color: color-mix(in srgb, var(--btb-accent) 28%, var(--btb-line));
  background: var(--atlas-panel-strong);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
  transform: translateX(-50%);
  backdrop-filter: blur(22px) saturate(1.24);
}

body.page-market-atlas .btb-pin-bar span {
  color: var(--btb-ink);
  font-weight: 760;
}

body.page-market-atlas .btb-pin-bar a,
body.page-market-atlas .btb-pin-bar button {
  min-height: 34px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-accent) 18%, var(--atlas-card));
  color: var(--btb-ink);
}

body.page-market-atlas .btb-map-tip,
body.page-market-atlas .atlas-map-tip {
  z-index: 1290;
}

body.page-market-atlas #atlasConsole {
  display: block;
  visibility: hidden;
  z-index: 1320;
  top: 198px;
  right: 20px;
  bottom: auto;
  left: auto;
  width: min(430px, calc(100vw - 40px));
  max-height: calc(100svh - 226px);
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 22%, var(--btb-line));
  border-radius: 28px;
  background:
    radial-gradient(420px 260px at 0% 0%, color-mix(in srgb, var(--btb-accent) 14%, transparent), transparent 70%),
    var(--atlas-panel-strong);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(26px) saturate(1.34);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.985);
  transition: opacity 0.2s var(--btb-ease), transform 0.24s var(--btb-ease), visibility 0.2s;
}

html[data-theme="light"] body.page-market-atlas #atlasConsole {
  box-shadow: 0 30px 86px rgba(31, 41, 55, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

body.page-market-atlas #atlasConsole.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

body.page-market-atlas .atlas-popup-close {
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 50%;
  background: var(--atlas-card);
  color: var(--btb-ink);
  font: 700 17px/1 var(--btb-font);
}

body.page-market-atlas #atlasConsoleKicker {
  display: block;
  padding-right: 42px;
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
  font: 800 10px/1.2 var(--btb-mono);
  letter-spacing: 0.1em;
}

body.page-market-atlas #atlasZipName {
  margin: 8px 42px 8px 0;
  color: var(--btb-ink);
  font: 650 clamp(30px, 4vw, 42px)/0.96 var(--btb-display);
  letter-spacing: -0.045em;
}

body.page-market-atlas #atlasRead {
  display: grid;
  gap: 7px;
  margin: 0;
  color: var(--btb-muted);
  font-size: 14.5px;
  line-height: 1.48;
}

body.page-market-atlas #atlasRead strong {
  color: var(--btb-ink);
  font-weight: 750;
}

body.page-market-atlas #atlasRead span {
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
}

body.page-market-atlas .atlas-score-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 15px 0 12px;
}

body.page-market-atlas .atlas-score-row .atlas-mini-gauge {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 10px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 17px;
  background: var(--atlas-card);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.page-market-atlas .atlas-score-row .atlas-mini-gauge > div {
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.page-market-atlas .atlas-score-row .atlas-mini-gauge span,
body.page-market-atlas .atlas-trend-head span,
body.page-market-atlas #atlasAngle span,
body.page-market-atlas .atlas-readout-note span {
  display: block;
  color: color-mix(in srgb, var(--btb-faint) 72%, var(--btb-ink));
  font: 800 9px/1.2 var(--btb-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-score-row .atlas-mini-gauge small {
  display: block;
  margin-top: 5px;
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
  font: 800 10px/1.22 var(--btb-mono);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-gauge-ring {
  --gauge-color: var(--atlas-gold);
  position: relative;
  display: grid !important;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: conic-gradient(var(--gauge-color) calc(var(--score) * 1%), color-mix(in srgb, var(--btb-ink) 12%, transparent) 0) !important;
  box-shadow: 0 0 0 1px var(--atlas-card-line), 0 12px 30px color-mix(in srgb, var(--gauge-color) 18%, transparent);
}

body.page-market-atlas .atlas-gauge-ring::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: var(--btb-bg);
  box-shadow: inset 0 0 0 1px var(--btb-line);
}

body.page-market-atlas .atlas-gauge-ring strong {
  position: relative;
  z-index: 1;
  color: var(--btb-ink);
  font: 760 18px/1 var(--btb-display);
  letter-spacing: -0.04em;
}

body.page-market-atlas .atlas-mini-gauge.is-market .atlas-gauge-ring { --gauge-color: var(--atlas-rust); }
body.page-market-atlas .atlas-mini-gauge.is-speed .atlas-gauge-ring { --gauge-color: var(--atlas-gold); }
body.page-market-atlas .atlas-mini-gauge.is-direction .atlas-gauge-ring { --gauge-color: var(--atlas-blue); }
body.page-market-atlas .atlas-mini-gauge.is-confidence .atlas-gauge-ring { --gauge-color: var(--atlas-green); }

body.page-market-atlas .atlas-chart-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin: 12px 0 0;
}

body.page-market-atlas .atlas-trend-card,
body.page-market-atlas .atlas-readout-note,
body.page-market-atlas .atlas-comparison-bar {
  position: relative;
  min-width: 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid var(--atlas-card-line);
  border-radius: 18px;
  background: var(--atlas-card);
}

body.page-market-atlas .atlas-trend-card:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--btb-accent) 62%, transparent);
  outline-offset: 3px;
}

body.page-market-atlas .atlas-trend-card::after {
  content: "";
  position: absolute;
  left: var(--chart-x, 100%);
  top: 54px;
  bottom: 48px;
  width: 1px;
  background: color-mix(in srgb, var(--btb-accent) 70%, transparent);
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity 0.16s ease;
}

body.page-market-atlas .atlas-trend-card.is-chart-hovered::after {
  opacity: 0.72;
}

body.page-market-atlas .atlas-trend-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: baseline;
}

body.page-market-atlas .atlas-trend-head span {
  grid-column: 1 / -1;
}

body.page-market-atlas .atlas-trend-head strong {
  color: var(--btb-ink);
  font: 760 21px/1 var(--btb-display);
  letter-spacing: -0.035em;
  white-space: nowrap;
}

body.page-market-atlas .atlas-trend-head small {
  color: color-mix(in srgb, var(--btb-accent) 90%, var(--btb-ink));
  font: 800 10px/1.25 var(--btb-mono);
  text-align: right;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-sparkline {
  display: block;
  width: 100%;
  height: 68px;
  margin-top: 8px;
  overflow: visible;
  color: var(--atlas-gold);
  cursor: crosshair;
  touch-action: pan-y;
}

body.page-market-atlas .atlas-spark-grid {
  stroke: color-mix(in srgb, var(--btb-ink) 13%, transparent);
  stroke-width: 1;
  stroke-dasharray: 3 6;
}

body.page-market-atlas .atlas-spark-area {
  fill: currentColor;
  opacity: 0.13;
}

body.page-market-atlas .atlas-sparkline polyline {
  fill: none;
  stroke: currentColor;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 10px color-mix(in srgb, currentColor 28%, transparent));
  transition: stroke-width 0.16s ease, filter 0.16s ease;
}

body.page-market-atlas .atlas-spark-dot {
  fill: var(--btb-bg);
  stroke: currentColor;
  stroke-width: 2;
}

body.page-market-atlas .atlas-spark-dot.is-end {
  fill: currentColor;
  stroke: var(--btb-bg);
}

body.page-market-atlas .atlas-trend-card.is-chart-hovered .atlas-sparkline polyline {
  stroke-width: 3.65;
}


body.page-market-atlas .atlas-sparkline.is-blue { color: var(--atlas-blue); }
body.page-market-atlas .atlas-sparkline.is-green { color: var(--atlas-green); }
body.page-market-atlas .atlas-sparkline.is-rust { color: var(--atlas-rust); }

body.page-market-atlas .atlas-chart-tooltip {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 10px;
  align-items: end;
  margin-top: 7px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 22%, var(--btb-line));
  border-radius: 13px;
  background: color-mix(in srgb, var(--btb-accent) 8%, var(--atlas-card));
  pointer-events: none;
}

body.page-market-atlas .atlas-chart-tooltip span {
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
  font: 800 9px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-chart-tooltip strong {
  color: var(--btb-ink);
  font: 760 14px/1 var(--btb-display);
  text-align: right;
  white-space: nowrap;
}

body.page-market-atlas .atlas-chart-tooltip small {
  grid-column: 1 / -1;
  overflow: hidden;
  color: var(--btb-muted);
  font: 700 9px/1.25 var(--btb-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-trend-axis {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  margin-top: 6px;
  color: var(--btb-faint);
  font: 800 9px/1.2 var(--btb-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-trend-axis b {
  color: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  font: inherit;
  text-align: center;
}

body.page-market-atlas .atlas-trend-axis span:last-child {
  text-align: right;
}

body.page-market-atlas .atlas-trend-note {
  display: flex;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--atlas-card-line);
}

body.page-market-atlas .atlas-trend-note span {
  min-width: 0;
  overflow: hidden;
  color: var(--btb-ink);
  font: 760 11px/1.25 var(--btb-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-chart-empty {
  display: grid;
  min-height: 52px;
  place-items: center;
  color: var(--btb-faint);
  font: 800 10px var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-comparison-bar span {
  display: block;
  color: color-mix(in srgb, var(--btb-faint) 72%, var(--btb-ink));
  font: 800 9px var(--btb-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-comparison-bar strong {
  display: block;
  margin-top: 6px;
  color: var(--btb-ink);
  font: 760 13px/1.2 var(--btb-mono);
  text-transform: uppercase;
}

body.page-market-atlas .atlas-comparison-bar i {
  position: relative;
  display: block;
  height: 7px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--atlas-blue), var(--atlas-gold), var(--atlas-green));
}

body.page-market-atlas .atlas-comparison-bar b {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid var(--btb-bg);
  border-radius: 50%;
  background: var(--btb-accent);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--btb-accent) 18%, transparent);
}

body.page-market-atlas #atlasAngle {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

body.page-market-atlas #atlasAngle > div {
  padding: 11px 12px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 16px;
  background: var(--atlas-card);
}

body.page-market-atlas #atlasAngle p,
body.page-market-atlas .atlas-readout-note p {
  margin: 6px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font-size: 13px;
  line-height: 1.38;
}

body.page-market-atlas #atlasAngle p strong,
body.page-market-atlas .atlas-readout-note strong {
  display: inline;
  color: var(--btb-ink);
  font: 760 14px/1.25 var(--btb-display);
  letter-spacing: -0.02em;
}

body.page-market-atlas .atlas-readout-note strong {
  display: block;
  margin-top: 6px;
}

body.page-market-atlas .atlas-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

body.page-market-atlas .atlas-actions button,
body.page-market-atlas .atlas-actions a {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: var(--atlas-card);
  color: var(--btb-ink);
  font: 800 11px/1 var(--btb-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-actions #atlasNext {
  position: relative;
  isolation: isolate;
  grid-column: 1 / -1;
  min-height: 58px;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--btb-accent) 56%, var(--atlas-card-line));
  background:
    radial-gradient(160px 80px at 16% 0%, color-mix(in srgb, white 44%, transparent), transparent 70%),
    linear-gradient(135deg, color-mix(in srgb, var(--btb-accent) 92%, white), var(--btb-accent) 54%, color-mix(in srgb, var(--btb-accent) 62%, #101820));
  color: #091016;
  font-size: 12px;
  letter-spacing: 0.12em;
  box-shadow: 0 20px 58px color-mix(in srgb, var(--btb-accent) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.48);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
  transform: translateY(0);
  transition: transform 0.18s var(--btb-ease), box-shadow 0.18s var(--btb-ease), border-color 0.18s var(--btb-ease);
}

body.page-market-atlas .atlas-actions #atlasNext::before {
  content: "";
  position: absolute;
  inset: -90% -24%;
  z-index: -1;
  background:
    radial-gradient(circle at 24% 45%, rgba(255, 255, 255, 0.72) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 30%, color-mix(in srgb, var(--btb-accent) 54%, white) 0 2px, transparent 3px),
    conic-gradient(from 90deg, transparent, rgba(255, 255, 255, 0.24), transparent 28%);
  opacity: 0.62;
  animation: atlasBuildCtaGlow 8s linear infinite;
}

body.page-market-atlas .atlas-actions #atlasNext::after {
  content: "GO";
  display: inline-grid;
  place-items: center;
  min-width: 34px;
  min-height: 34px;
  margin-left: 10px;
  border-radius: 999px;
  background: rgba(9, 16, 22, 0.92);
  color: #fff8e7;
  font: 900 9px/1 var(--btb-mono);
  letter-spacing: 0.1em;
}

body.page-market-atlas .atlas-actions #atlasNext:hover,
body.page-market-atlas .atlas-actions #atlasNext:focus-visible {
  border-color: color-mix(in srgb, var(--btb-accent) 72%, white);
  box-shadow: 0 24px 72px color-mix(in srgb, var(--btb-accent) 38%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.58);
  transform: translateY(-2px);
}

body.page-market-atlas .atlas-actions [hidden] {
  display: none !important;
}

body.page-market-atlas.is-atlas-compare-mode .btb-pin-bar {
  display: none !important;
}

body.page-market-atlas .atlas-intel-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin: 13px 0 0;
  padding: 5px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 82%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 8%, transparent);
}

body.page-market-atlas .atlas-intel-tabs[hidden] {
  display: none !important;
}

body.page-market-atlas .atlas-intel-tabs button {
  min-width: 0;
  min-height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: color-mix(in srgb, var(--btb-muted) 84%, var(--btb-ink));
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-intel-tabs button.is-active {
  background: var(--btb-ink);
  color: var(--btb-bg);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--btb-ink) 18%, transparent);
}

body.page-market-atlas .atlas-score-row.is-trends,
body.page-market-atlas .atlas-score-row.is-compare,
body.page-market-atlas .atlas-score-row.is-history {
  grid-template-columns: 1fr;
}

body.page-market-atlas .atlas-chart-grid.is-compare,
body.page-market-atlas .atlas-chart-grid.is-history {
  gap: 10px;
}

body.page-market-atlas .atlas-mode-answer {
  position: relative;
  overflow: hidden;
  padding: 15px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 22%, var(--atlas-card-line));
  border-radius: 19px;
  background:
    radial-gradient(360px 220px at 0% 0%, color-mix(in srgb, var(--btb-accent) 16%, transparent), transparent 72%),
    linear-gradient(145deg, color-mix(in srgb, var(--atlas-card) 96%, transparent), color-mix(in srgb, var(--btb-bg) 84%, transparent));
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 10%, transparent);
}

body.page-market-atlas .atlas-mode-answer::after {
  content: "";
  position: absolute;
  inset: auto 16px 0 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--btb-accent) 62%, transparent), transparent);
}

body.page-market-atlas .atlas-mode-answer span,
body.page-market-atlas .atlas-compare-search label,
body.page-market-atlas .atlas-then-now span,
body.page-market-atlas .atlas-compare-result article span {
  display: block;
  color: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  font: 850 9px/1.25 var(--btb-mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-mode-answer strong {
  display: block;
  margin-top: 7px;
  color: var(--btb-ink);
  font: 760 23px/0.98 var(--btb-display);
  letter-spacing: -0.045em;
}

body.page-market-atlas .atlas-mode-answer p {
  margin: 8px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 13.5px;
  line-height: 1.42;
}

body.page-market-atlas .atlas-mode-answer.is-strong {
  border-color: color-mix(in srgb, var(--atlas-green) 34%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-mode-answer.is-soft {
  border-color: color-mix(in srgb, var(--atlas-rust) 34%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-mode-answer.is-limited {
  border-color: color-mix(in srgb, var(--btb-faint) 28%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-mode-answer.is-compare {
  border-color: color-mix(in srgb, var(--atlas-blue) 26%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-mode-answer.is-history {
  border-color: color-mix(in srgb, var(--atlas-gold) 30%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-horizon-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

body.page-market-atlas .atlas-horizon-tabs button {
  min-height: 34px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: var(--atlas-card);
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.06em;
}

body.page-market-atlas .atlas-horizon-tabs button.is-active {
  border-color: color-mix(in srgb, var(--btb-accent) 48%, var(--atlas-card-line));
  background: color-mix(in srgb, var(--btb-accent) 18%, var(--atlas-card));
  color: var(--btb-ink);
}

body.page-market-atlas .atlas-then-now-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-market-atlas .atlas-then-now {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 16px;
  background: var(--atlas-card);
}

body.page-market-atlas .atlas-then-now strong {
  display: block;
  margin-top: 7px;
  overflow: hidden;
  color: var(--btb-ink);
  font: 760 18px/1.02 var(--btb-display);
  letter-spacing: -0.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-then-now strong i {
  color: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  font-style: normal;
}

body.page-market-atlas .atlas-then-now small {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink));
  font: 750 9px/1.25 var(--btb-mono);
  letter-spacing: 0.03em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-search {
  position: relative;
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 17px;
  background: var(--atlas-card);
}

body.page-market-atlas .atlas-compare-search input {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-bg) 82%, transparent);
  color: var(--btb-ink);
  font: 720 13px/1 var(--btb-font);
}

body.page-market-atlas .atlas-compare-search input:focus {
  outline: 2px solid color-mix(in srgb, var(--btb-accent) 34%, transparent);
  outline-offset: 2px;
}

body.page-market-atlas .atlas-compare-search small {
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font-size: 12px;
  line-height: 1.35;
}

body.page-market-atlas .atlas-compare-suggestions {
  position: absolute;
  z-index: 6;
  right: 10px;
  left: 10px;
  top: 70px;
  max-height: 220px;
  overflow: auto;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 28%, var(--atlas-card-line));
  border-radius: 16px;
  background: var(--atlas-panel-strong);
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.24);
}

body.page-market-atlas .atlas-compare-suggestions button {
  display: grid;
  width: 100%;
  gap: 3px;
  padding: 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--btb-ink);
  text-align: left;
}

body.page-market-atlas .atlas-compare-suggestions button:hover,
body.page-market-atlas .atlas-compare-suggestions button:focus {
  background: color-mix(in srgb, var(--btb-accent) 13%, transparent);
  outline: 0;
}

body.page-market-atlas .atlas-compare-suggestions strong {
  color: var(--btb-ink);
  font: 760 13px/1.2 var(--btb-display);
}

body.page-market-atlas .atlas-compare-suggestions span {
  color: var(--btb-muted);
  font-size: 12px;
}

body.page-market-atlas .atlas-compare-result {
  display: grid;
  gap: 8px;
}

body.page-market-atlas .atlas-compare-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 20%, var(--atlas-card-line));
  border-radius: 17px;
  background:
    radial-gradient(260px 120px at 50% 0%, color-mix(in srgb, var(--btb-accent) 14%, transparent), transparent 72%),
    var(--atlas-card);
}

body.page-market-atlas .atlas-compare-head strong {
  min-width: 0;
  overflow: hidden;
  color: var(--btb-ink);
  font: 760 16px/1.05 var(--btb-display);
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;

}

body.page-market-atlas .atlas-compare-head strong:last-child {
  text-align: right;
}

body.page-market-atlas .atlas-compare-head span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--btb-ink);
  color: var(--btb-bg);
  font: 850 10px/1 var(--btb-mono);
  text-transform: uppercase;
}

body.page-market-atlas .atlas-compare-result article {
  display: grid;
  grid-template-columns: minmax(92px, 0.8fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 50px;
  padding: 10px 12px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 15px;
  background: var(--atlas-card);
}

body.page-market-atlas .atlas-compare-result article strong {
  overflow: hidden;
  color: var(--btb-ink);
  font: 760 14px/1.15 var(--btb-display);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-result article i {
  color: color-mix(in srgb, var(--btb-faint) 76%, var(--btb-ink));
  font-style: normal;
}

body.page-market-atlas .atlas-compare-result article small {
  justify-self: end;
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.02em;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-market-atlas .atlas-compare-actions a,
body.page-market-atlas .atlas-compare-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 28%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-accent) 14%, var(--atlas-card));
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-compare-actions button {
  background: var(--atlas-card);
}

@media (max-width: 720px) {
  body.page-market-atlas .atlas-intel-tabs {
    gap: 4px;
    padding: 4px;
  }

  body.page-market-atlas .atlas-intel-tabs button {
    min-height: 30px;
    font-size: 9px;
  }

  body.page-market-atlas .atlas-then-now-grid,
  body.page-market-atlas .atlas-compare-actions {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-compare-result article {
    grid-template-columns: 1fr auto;
  }

  body.page-market-atlas .atlas-compare-result article span {
    grid-column: 1 / -1;
  }
}

body.page-market-atlas .next-step-backdrop,
body.page-market-atlas .atlas-neighborhood-browser-backdrop,
body.page-market-atlas .atlas-neighborhood-backdrop {
  z-index: 1500;
  background: rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(12px);
}

body.page-market-atlas .next-step-drawer {
  --brief-accent: var(--btb-accent);
  inset: auto !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  z-index: 1510;
  width: min(900px, calc(100vw - 32px));
  max-height: min(88svh, 760px);
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 26%, var(--btb-line));
  border-radius: 30px;
  background:
    radial-gradient(520px 320px at 10% 0%, color-mix(in srgb, var(--brief-accent) 14%, transparent), transparent 72%),
    var(--atlas-panel-strong);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transform: translate(-50%, -48%) scale(0.985);
  opacity: 0;
  transition: opacity 0.2s var(--btb-ease), transform 0.24s var(--btb-ease);
  backdrop-filter: blur(28px) saturate(1.3);
}

body.page-market-atlas .next-step-drawer:not([hidden]) {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

body.page-market-atlas .next-step-drawer[data-brief-role="listing"] { --brief-accent: #e0b54d; }
body.page-market-atlas .next-step-drawer[data-brief-role="buyer"] { --brief-accent: #247a9f; }
body.page-market-atlas .next-step-drawer[data-brief-role="investor"] { --brief-accent: #2f9b76; }
body.page-market-atlas .next-step-drawer[data-brief-role="mortgage"] { --brief-accent: #766db8; }

body.page-market-atlas .next-step-close {
  position: absolute;
  top: 16px;
  right: 16px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: var(--atlas-card);
  color: var(--btb-ink);
  font: 800 11px var(--btb-mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.page-market-atlas #nextStepKicker {
  display: block;
  padding-right: 80px;
  color: color-mix(in srgb, var(--brief-accent) 88%, var(--btb-ink));
  font: 800 10px/1.2 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.page-market-atlas .next-step-drawer h2 {
  margin: 10px 80px 8px 0;
  color: var(--btb-ink);
  font: 680 clamp(36px, 6vw, 64px)/0.92 var(--btb-display);
  letter-spacing: -0.055em;
}

body.page-market-atlas .next-step-drawer > p {
  max-width: 58em;
  margin: 0 0 18px;
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font-size: 15px;
  line-height: 1.5;
}

body.page-market-atlas .atlas-brief-builder {
  display: grid;
  gap: 16px;
}

body.page-market-atlas .atlas-brief-receipt {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 22%, var(--btb-line));
  border-radius: 24px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--brief-accent) 11%, var(--atlas-card)), color-mix(in srgb, var(--atlas-card) 90%, transparent)),
    var(--atlas-card);
}

body.page-market-atlas .atlas-brief-receipt > span {
  color: color-mix(in srgb, var(--brief-accent) 88%, var(--btb-ink));
  font: 850 10px/1.2 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-receipt > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.page-market-atlas .atlas-brief-receipt b {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid color-mix(in srgb, var(--btb-ink) 10%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 74%, transparent);
  font-style: normal;
}

body.page-market-atlas .atlas-brief-receipt b small {
  color: color-mix(in srgb, var(--btb-muted) 72%, var(--btb-ink));
  font: 800 8px/1 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-receipt b strong {
  overflow: hidden;
  color: var(--btb-ink);
  font: 850 12px/1.1 var(--btb-mono);
  letter-spacing: 0.03em;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-receipt i {
  width: 24px;
  height: 1px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brief-accent) 58%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-brief-builder-head {
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 24%, var(--btb-line));
  border-radius: 20px;
  background: color-mix(in srgb, var(--brief-accent) 8%, var(--atlas-card));
}

body.page-market-atlas .atlas-brief-builder-head span,
body.page-market-atlas .atlas-brief-pick-head span,
body.page-market-atlas .atlas-brief-generate > span,
body.page-market-atlas .atlas-brief-secondary > span {
  display: block;
  margin-bottom: 8px;
  color: color-mix(in srgb, var(--brief-accent) 88%, var(--btb-ink));
  font: 800 10px var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-builder-head strong {
  display: block;
  color: var(--btb-ink);
  font-size: 18px;
}

body.page-market-atlas .atlas-brief-live-preview {
  padding: 18px;
  border-radius: 24px;
}

body.page-market-atlas .atlas-brief-live-preview strong {
  max-width: 30em;
  font: 650 clamp(23px, 3.5vw, 34px)/1.02 var(--btb-display);
  letter-spacing: -0.04em;
}

body.page-market-atlas .atlas-brief-builder-head small {
  display: block;
  margin-top: 6px;
  color: var(--btb-muted);
  font-size: 13px;
  line-height: 1.4;
}

body.page-market-atlas .atlas-brief-pick {
  display: grid;
  gap: 9px;
}

body.page-market-atlas .atlas-brief-pick-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: end;
}

body.page-market-atlas .atlas-brief-pick-head small {
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

body.page-market-atlas .atlas-brief-role-grid,
body.page-market-atlas .atlas-brief-lens-grid {
  display: grid;
  gap: 10px;
}

body.page-market-atlas .atlas-brief-role-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-market-atlas .atlas-brief-lens-grid {
  grid-template-columns: 1fr;
}

body.page-market-atlas .atlas-brief-role,
body.page-market-atlas .atlas-brief-lens,
body.page-market-atlas .next-step-item {
  display: grid;
  gap: 7px;
  min-height: 108px;
  padding: 14px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 18px;
  background: var(--atlas-card);
  color: var(--btb-ink);
  text-align: left;
}

body.page-market-atlas .atlas-brief-role,
body.page-market-atlas .atlas-brief-lens {
  position: relative;
  overflow: hidden;
  transition: transform 0.18s var(--btb-ease), border-color 0.18s var(--btb-ease), background 0.18s var(--btb-ease), box-shadow 0.18s var(--btb-ease);
}

body.page-market-atlas .atlas-brief-role {
  min-height: 92px;
  align-content: center;
  border-radius: 24px;
}

body.page-market-atlas .atlas-brief-lens {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 5px 14px;
  min-height: 0;
  padding: 14px 16px;
  border-radius: 20px;
}

body.page-market-atlas .next-step-item > div {
  display: grid;
  gap: 7px;
  min-width: 0;
}

body.page-market-atlas .atlas-brief-role[aria-pressed="true"],
body.page-market-atlas .atlas-brief-lens[aria-pressed="true"],
body.page-market-atlas .next-step-item.is-report {
  border-color: color-mix(in srgb, var(--brief-accent) 58%, var(--btb-line));
  background:
    radial-gradient(260px 120px at 15% 0%, color-mix(in srgb, var(--brief-accent) 24%, transparent), transparent 70%),
    color-mix(in srgb, var(--brief-accent) 14%, var(--atlas-card));
  box-shadow: 0 16px 42px color-mix(in srgb, var(--brief-accent) 12%, transparent);
}

body.page-market-atlas .atlas-brief-role:hover,
body.page-market-atlas .atlas-brief-lens:hover,
body.page-market-atlas .atlas-brief-role:focus-visible,
body.page-market-atlas .atlas-brief-lens:focus-visible {
  border-color: color-mix(in srgb, var(--brief-accent) 44%, var(--btb-line));
  transform: translateY(-1px);
}

body.page-market-atlas .atlas-brief-role span,
body.page-market-atlas .atlas-brief-lens span,
body.page-market-atlas .next-step-item span {
  color: color-mix(in srgb, var(--brief-accent) 86%, var(--btb-ink));
  font: 800 10px var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-role strong,
body.page-market-atlas .atlas-brief-lens strong,
body.page-market-atlas .next-step-item strong {
  display: block;
  color: var(--btb-ink);
  font: 800 15px/1.2 var(--btb-mono);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-role small,
body.page-market-atlas .atlas-brief-lens small,
body.page-market-atlas .next-step-item small {
  display: block;
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font-size: 13px;
  line-height: 1.38;
}

body.page-market-atlas .atlas-brief-role:not([aria-pressed="true"]) small {
  display: none;
}

body.page-market-atlas .atlas-brief-role em,
body.page-market-atlas .atlas-brief-lens em {
  display: inline-flex;
  width: max-content;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 32%, var(--atlas-card-line));
  border-radius: 999px;
  color: color-mix(in srgb, var(--brief-accent) 88%, var(--btb-ink));
  font: 850 9px/1 var(--btb-mono);
  font-style: normal;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-role em {
  position: absolute;
  right: 10px;
  top: 10px;
}

body.page-market-atlas .atlas-brief-lens span {
  grid-row: 1 / span 3;
  align-self: center;
  justify-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 26%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--brief-accent) 7%, transparent);
}

body.page-market-atlas .atlas-brief-lens strong,
body.page-market-atlas .atlas-brief-lens small,
body.page-market-atlas .atlas-brief-lens em {
  grid-column: 2;
}

body.page-market-atlas .atlas-brief-generate {
  position: relative;
  display: grid;
  place-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 26%, var(--btb-line));
  border-radius: 24px;
  background:
    radial-gradient(360px 180px at 50% 0%, color-mix(in srgb, var(--brief-accent) 28%, transparent), transparent 70%),
    linear-gradient(135deg, color-mix(in srgb, var(--brief-accent) 15%, var(--atlas-card)), color-mix(in srgb, var(--atlas-card) 88%, transparent));
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body.page-market-atlas .atlas-brief-generate::before {
  content: "";
  position: absolute;
  inset: -70% -24%;
  background:
    radial-gradient(circle at 26% 42%, color-mix(in srgb, var(--brief-accent) 72%, white) 0 2px, transparent 3px),
    radial-gradient(circle at 68% 34%, rgba(255, 255, 255, 0.52) 0 1px, transparent 2px),
    radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--brief-accent) 62%, white) 0 2px, transparent 3px),
    conic-gradient(from 90deg, transparent, color-mix(in srgb, var(--brief-accent) 20%, transparent), transparent 28%);
  opacity: 0.58;
  animation: atlasBuildCtaGlow 8s linear infinite;
}

body.page-market-atlas .atlas-brief-generate > * {
  position: relative;
  z-index: 1;
}

body.page-market-atlas .atlas-brief-build-cta {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: 16px;
  align-items: center;
  width: min(680px, 100%);
  min-height: 104px;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--brief-accent) 62%, var(--btb-line));
  border-radius: 28px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--brief-accent) 72%, #ffffff), color-mix(in srgb, var(--brief-accent) 34%, var(--atlas-card)) 56%, color-mix(in srgb, var(--btb-ink) 8%, var(--atlas-card))),
    var(--brief-accent);
  color: #091016;
  text-align: left;
  box-shadow: 0 20px 58px color-mix(in srgb, var(--brief-accent) 26%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.46);
  cursor: pointer;
  transform: translateY(0);
  transition: transform 0.18s var(--btb-ease), box-shadow 0.18s var(--btb-ease), border-color 0.18s var(--btb-ease);
}

body.page-market-atlas .atlas-brief-build-cta:hover,
body.page-market-atlas .atlas-brief-build-cta:focus-visible {
  border-color: color-mix(in srgb, var(--brief-accent) 78%, white);
  box-shadow: 0 24px 72px color-mix(in srgb, var(--brief-accent) 34%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.58);
  transform: translateY(-2px);
}

body.page-market-atlas .atlas-brief-build-cta img {
  width: 58px;
  height: 58px;
  padding: 8px;
  border: 1px solid rgba(9, 16, 22, 0.16);
  border-radius: 18px;
  background: rgba(9, 16, 22, 0.84);
  object-fit: contain;
}

body.page-market-atlas .atlas-brief-build-cta span {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.page-market-atlas .atlas-brief-build-cta small,
body.page-market-atlas .atlas-brief-build-cta em {
  color: rgba(9, 16, 22, 0.74);
  font-style: normal;
  line-height: 1.3;
}

body.page-market-atlas .atlas-brief-build-cta small {
  font: 850 10px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-build-cta strong {
  color: #091016;
  font: 800 clamp(28px, 5vw, 44px)/0.92 var(--btb-display);
  letter-spacing: -0.05em;
}

body.page-market-atlas .atlas-brief-build-cta b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 58px;
  border-radius: 999px;
  background: rgba(9, 16, 22, 0.92);
  color: #fff8e7;
  font: 900 11px/1 var(--btb-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-brief-secondary {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

body.page-market-atlas .atlas-brief-secondary-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-market-atlas .atlas-brief-option {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--atlas-card) 90%, transparent);
  color: var(--btb-ink);
  text-align: left;
  text-decoration: none;
}

body.page-market-atlas .atlas-brief-option strong {
  overflow: hidden;
  color: var(--btb-ink);
  font: 850 12px/1.2 var(--btb-mono);
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-brief-option small {
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font-size: 12px;
  line-height: 1.35;
}

@keyframes atlasBuildCtaGlow {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(360deg) scale(1.04); }
}

body.page-market-atlas .atlas-neighborhood-browser {
  z-index: 1510;
  inset: 82px auto 18px 50%;
  width: min(1040px, calc(100vw - 32px));
  max-height: none;
  transform: translateX(-50%);
  border-color: color-mix(in srgb, var(--btb-accent) 24%, var(--btb-line));
  background:
    radial-gradient(620px 360px at 10% 0%, color-mix(in srgb, var(--btb-accent) 12%, transparent), transparent 72%),
    var(--atlas-panel-strong);
  backdrop-filter: blur(28px) saturate(1.3);
}

body.page-market-atlas .atlas-neighborhood-browser-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

body.page-market-atlas .atlas-neighborhood-browser button {
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: var(--atlas-card);
  color: var(--btb-ink);
}

body.page-market-atlas .atlas-neighborhood-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: 14px;
  margin-top: 14px;
}

@media (max-width: 860px) {
  body.page-market-atlas .btb-command {
    top: 72px;
    left: 12px;
    right: 12px;
    width: auto;
    transform: none;
  }

  body.page-market-atlas .btb-command input {
    height: 50px;
    font-size: 15px;
  }

  body.page-market-atlas .btb-layers {
    top: 132px;
    right: 12px;
    left: 12px;
    width: auto;
    overflow-x: auto;
    transform: none;
    scrollbar-width: none;
  }

  body.page-market-atlas .btb-layers::-webkit-scrollbar {
    display: none;
  }

  body.page-market-atlas .btb-layers button {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 12px;
    font-size: 11px;
  }

  body.page-market-atlas .leaflet-top.leaflet-left {
    top: 182px;
    left: 12px;
  }

  body.page-market-atlas .leaflet-control-zoom a {
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
  }

  body.page-market-atlas #atlasConsole,
  body.page-market-atlas #atlasConsole.is-open {
    inset: auto 10px 10px 10px !important;
    width: auto;
    max-height: min(72svh, 650px);
    padding: 16px;
    border-radius: 24px 24px 18px 18px;
  }

  body.page-market-atlas #atlasZipName {
    font-size: 29px;
  }

  body.page-market-atlas .atlas-score-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-market-atlas .atlas-score-row .atlas-mini-gauge {
    grid-template-columns: 40px minmax(0, 1fr);
    min-height: 58px;
    padding: 8px;
  }

  body.page-market-atlas .atlas-gauge-ring {
    width: 40px;
    height: 40px;
  }

  body.page-market-atlas .atlas-gauge-ring strong {
    font-size: 16px;
  }

  body.page-market-atlas .btb-legend {
    display: none;
  }

  body.page-market-atlas .next-step-drawer {
    inset: auto 8px 8px 8px !important;
    width: auto;
    max-height: 86svh;
    padding: 18px;
    border-radius: 24px 24px 18px 18px;
    transform: translateY(16px);
  }

  body.page-market-atlas .next-step-drawer:not([hidden]) {
    transform: translateY(0);
  }

  body.page-market-atlas .next-step-drawer h2 {
    margin-right: 52px;
    font-size: clamp(33px, 10vw, 46px);
  }

  body.page-market-atlas .atlas-brief-role-grid,
  body.page-market-atlas .atlas-brief-lens-grid,
  body.page-market-atlas .atlas-brief-secondary-list,
  body.page-market-atlas .atlas-neighborhood-workspace {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-brief-receipt > div {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-brief-receipt i {
    display: none;
  }

  body.page-market-atlas .atlas-brief-live-preview strong {
    font-size: clamp(24px, 8vw, 34px);
  }

  body.page-market-atlas .atlas-brief-pick-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  body.page-market-atlas .atlas-brief-pick-head small {
    text-align: left;
  }

  body.page-market-atlas .atlas-brief-lens {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-brief-lens span,
  body.page-market-atlas .atlas-brief-lens strong,
  body.page-market-atlas .atlas-brief-lens small,
  body.page-market-atlas .atlas-brief-lens em {
    grid-column: auto;
    grid-row: auto;
    justify-self: start;
  }

  body.page-market-atlas .atlas-brief-generate {
    padding: 14px;
    border-radius: 22px;
  }

  body.page-market-atlas .atlas-brief-build-cta {
    grid-template-columns: 46px 1fr;
    gap: 12px;
    min-height: 0;
    padding: 14px;
    border-radius: 22px;
  }

  body.page-market-atlas .atlas-brief-build-cta img {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  body.page-market-atlas .atlas-brief-build-cta strong {
    font-size: clamp(30px, 11vw, 42px);
  }

  body.page-market-atlas .atlas-brief-build-cta b {
    grid-column: 1 / -1;
    min-height: 42px;
    width: 100%;
  }

  body.page-market-atlas .atlas-brief-role,
  body.page-market-atlas .atlas-brief-lens,
  body.page-market-atlas .next-step-item {
    min-height: 88px;
  }

  body.page-market-atlas .atlas-neighborhood-browser {
    inset: auto 8px 8px 8px;
    width: auto;
    max-height: 86svh;
    transform: none;
    border-radius: 24px 24px 18px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-market-atlas .atlas-brief-generate::before {
    animation: none;
  }
}

/* Atlas neighborhood command palette */
body.page-market-atlas .atlas-neighborhood-browser[hidden],
body.page-market-atlas .atlas-neighborhood-browser-backdrop[hidden],
body.page-market-atlas .atlas-neighborhood-backdrop[hidden] {
  display: none !important;
}

body.page-market-atlas .atlas-neighborhood-browser-backdrop:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: block;
  background:
    radial-gradient(760px 520px at 50% 15%, color-mix(in srgb, var(--btb-accent) 16%, transparent), transparent 72%),
    rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(18px) saturate(1.2);
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-browser-backdrop:not([hidden]) {
  background:
    radial-gradient(780px 540px at 50% 12%, rgba(224, 181, 77, 0.18), transparent 72%),
    rgba(246, 239, 224, 0.64);
}

body.page-market-atlas .atlas-neighborhood-browser {
  position: fixed;
  z-index: 1510;
  inset: 74px auto 22px 50% !important;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 14px;
  width: min(1120px, calc(100vw - 32px));
  max-height: calc(100svh - 96px);
  min-height: min(620px, calc(100svh - 96px));
  padding: 20px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 28%, var(--btb-line));
  border-radius: 30px;
  background:
    radial-gradient(720px 420px at 6% 0%, color-mix(in srgb, var(--btb-accent) 13%, transparent), transparent 72%),
    radial-gradient(520px 320px at 100% 12%, rgba(91, 196, 173, 0.12), transparent 68%),
    color-mix(in srgb, var(--atlas-panel-strong) 96%, black);
  color: var(--btb-ink);
  box-shadow:
    0 38px 120px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: translateX(-50%) translateY(10px) scale(0.99);
  transition: opacity 0.2s var(--btb-ease), transform 0.24s var(--btb-ease);
  backdrop-filter: blur(30px) saturate(1.32);
}

body.page-market-atlas .atlas-neighborhood-browser:not([hidden]) {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-browser {
  background:
    radial-gradient(720px 420px at 6% 0%, rgba(224, 181, 77, 0.15), transparent 72%),
    radial-gradient(520px 320px at 100% 12%, rgba(91, 196, 173, 0.13), transparent 68%),
    rgba(255, 252, 246, 0.94);
  box-shadow:
    0 34px 104px rgba(31, 41, 55, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.page-market-atlas .atlas-neighborhood-browser-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

body.page-market-atlas .atlas-neighborhood-browser-head span,
body.page-market-atlas .atlas-neighborhood-readout-head > span,
body.page-market-atlas .atlas-neighborhood-setup-head > span,
body.page-market-atlas .atlas-neighborhood-report-ready > span,
body.page-market-atlas .atlas-neighborhood-role-grid span,
body.page-market-atlas .atlas-neighborhood-lens-grid span,
body.page-market-atlas .atlas-neighborhood-metric span,
body.page-market-atlas .atlas-neighborhood-evidence span {
  color: color-mix(in srgb, #7fe0c7 78%, var(--btb-ink));
  font: 850 10px/1.15 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-browser-head span,
html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-readout-head > span,
html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-setup-head > span,
html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-report-ready > span,
html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-role-grid span,
html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-lens-grid span,
html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-metric span,
html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-evidence span {
  color: #0f8c76;
}

body.page-market-atlas .atlas-neighborhood-browser-head h2 {
  margin: 7px 0 0;
  color: var(--btb-ink);
  font: 720 clamp(34px, 4.5vw, 58px)/0.92 var(--btb-display);
  letter-spacing: -0.055em;
}

body.page-market-atlas .atlas-neighborhood-browser-head p {
  max-width: 720px;
  margin: 10px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 84%, var(--btb-ink));
  font-size: 15px;
  line-height: 1.45;
}

body.page-market-atlas .atlas-neighborhood-browser-head > button {
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 82%, transparent);
  color: var(--btb-ink);
  font: 800 11px/1 var(--btb-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 22px;
  background: color-mix(in srgb, var(--atlas-card) 82%, transparent);
}

body.page-market-atlas .atlas-neighborhood-command input {
  width: 100%;
  min-height: 48px;
  padding: 0 17px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: color-mix(in srgb, var(--btb-bg) 68%, transparent);
  color: var(--btb-ink);
  font: 650 16px/1.1 var(--btb-font);
  outline: none;
}

body.page-market-atlas .atlas-neighborhood-command input:focus {
  border-color: color-mix(in srgb, var(--btb-accent) 42%, var(--atlas-card-line));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--btb-accent) 13%, transparent);
}

body.page-market-atlas .atlas-neighborhood-command span {
  max-width: 220px;
  color: var(--btb-muted);
  font-size: 12px;
  line-height: 1.35;
}

body.page-market-atlas .atlas-neighborhood-metros {
  display: flex;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding: 0 2px 2px;
  scrollbar-width: none;
  mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
}

body.page-market-atlas .atlas-neighborhood-metros::-webkit-scrollbar {
  display: none;
}

body.page-market-atlas .atlas-neighborhood-metros button {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 82%, transparent);
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font: 750 12px/1 var(--btb-font);
}

body.page-market-atlas .atlas-neighborhood-metros button b {
  margin-left: 5px;
  color: color-mix(in srgb, #7fe0c7 78%, var(--btb-ink));
  font: 850 10px/1 var(--btb-mono);
}

body.page-market-atlas .atlas-neighborhood-metros button.is-active {
  border-color: color-mix(in srgb, var(--btb-accent) 46%, var(--atlas-card-line));
  background: linear-gradient(135deg, var(--btb-accent), color-mix(in srgb, var(--btb-accent) 76%, white));
  color: var(--btb-accent-ink);
}

body.page-market-atlas .atlas-neighborhood-metros button.is-active b {
  color: var(--btb-accent-ink);
}

body.page-market-atlas .atlas-neighborhood-results-head {
  display: flex;
  align-items: center;
  min-height: 22px;
  color: color-mix(in srgb, var(--btb-muted) 84%, var(--btb-ink));
  font: 850 11px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 382px);
  gap: 14px;
  min-height: 0;
  margin: 0;
  overflow: hidden;
}

body.page-market-atlas .atlas-neighborhood-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  padding: 2px 5px 2px 2px;
  scrollbar-width: thin;
}

body.page-market-atlas .atlas-neighborhood-grid > button {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 8px;
  width: 100%;
  min-height: 146px;
  padding: 15px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 20px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--atlas-card) 92%, transparent), color-mix(in srgb, var(--btb-bg) 16%, transparent)),
    var(--atlas-card);
  color: var(--btb-ink);
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 0.18s var(--btb-ease), border-color 0.18s var(--btb-ease), background 0.18s var(--btb-ease), box-shadow 0.18s var(--btb-ease);
}

body.page-market-atlas .atlas-neighborhood-grid > button:hover,
body.page-market-atlas .atlas-neighborhood-grid > button:focus-visible,
body.page-market-atlas .atlas-neighborhood-grid > button.is-selected {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, #7fe0c7 46%, var(--atlas-card-line));
  background:
    radial-gradient(260px 170px at 88% 0%, rgba(127, 224, 199, 0.14), transparent 72%),
    color-mix(in srgb, var(--atlas-card) 96%, #7fe0c7 4%);
  outline: none;
  box-shadow:
    0 20px 42px color-mix(in srgb, #7fe0c7 13%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

body.page-market-atlas .atlas-neighborhood-grid > button::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fe0c7;
  box-shadow: 0 0 18px rgba(127, 224, 199, 0.42);
}

body.page-market-atlas .atlas-neighborhood-grid > button.is-thin::after {
  background: var(--btb-accent);
  box-shadow: 0 0 16px color-mix(in srgb, var(--btb-accent) 38%, transparent);
}

body.page-market-atlas .atlas-neighborhood-grid > button > span {
  padding-right: 20px;
  color: color-mix(in srgb, #7fe0c7 78%, var(--btb-ink));
  font: 850 10px/1.1 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-grid > button > span {
  color: #0f8c76;
}

body.page-market-atlas .atlas-neighborhood-grid > button > strong {
  overflow: hidden;
  color: var(--btb-ink);
  font: 780 clamp(18px, 1.8vw, 23px)/1.05 var(--btb-display);
  letter-spacing: -0.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-grid > button > small {
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font-size: 13px;
  line-height: 1.32;
}

body.page-market-atlas .atlas-neighborhood-card-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 2px;
}

body.page-market-atlas .atlas-neighborhood-card-metrics span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--atlas-card-line) 78%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--btb-bg) 28%, transparent);
}

body.page-market-atlas .atlas-neighborhood-card-metrics b {
  color: var(--btb-ink);
  font: 760 18px/1 var(--btb-display);
  letter-spacing: -0.025em;
}

body.page-market-atlas .atlas-neighborhood-card-metrics em {
  overflow: hidden;
  color: var(--btb-faint);
  font: 850 8px/1 var(--btb-mono);
  font-style: normal;
  letter-spacing: 0.07em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-grid > button > i {
  align-self: end;
  justify-self: start;
  min-height: 28px;
  padding: 8px 10px 0;
  border-top: 1px solid color-mix(in srgb, var(--atlas-card-line) 75%, transparent);
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
  font: 850 10px/1 var(--btb-mono);
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-more,
body.page-market-atlas .atlas-neighborhood-empty {
  grid-column: 1 / -1;
}

body.page-market-atlas .atlas-neighborhood-grid > button.atlas-neighborhood-more {
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-color: color-mix(in srgb, var(--btb-accent) 34%, var(--atlas-card-line));
  background: color-mix(in srgb, var(--btb-accent) 10%, var(--atlas-card));
}

body.page-market-atlas .atlas-neighborhood-grid > button.atlas-neighborhood-more::after {
  display: none;
}

body.page-market-atlas .atlas-neighborhood-grid > button.atlas-neighborhood-more strong {
  margin: 0;
  color: var(--btb-ink);
  font: 850 12px/1.1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-grid > button.atlas-neighborhood-more small {
  color: var(--btb-muted);
  font-size: 13px;
}

body.page-market-atlas .atlas-neighborhood-empty {

  display: grid;
  gap: 6px;
  min-height: 160px;
  place-content: center;
  padding: 22px;
  border: 1px dashed var(--atlas-card-line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--atlas-card) 70%, transparent);
  text-align: center;
}

body.page-market-atlas .atlas-neighborhood-empty strong {
  color: var(--btb-ink);
  font: 800 18px/1.1 var(--btb-display);
}

body.page-market-atlas .atlas-neighborhood-empty span {
  color: var(--btb-muted);
  font-size: 14px;
}

body.page-market-atlas .atlas-neighborhood-readout {
  position: relative;
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  padding: 17px;
  border: 1px solid color-mix(in srgb, #7fe0c7 28%, var(--atlas-card-line));
  border-radius: 24px;
  background:
    radial-gradient(420px 260px at 100% 0%, rgba(127, 224, 199, 0.12), transparent 70%),
    color-mix(in srgb, var(--atlas-card) 84%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  scrollbar-width: thin;
}

body.page-market-atlas .atlas-neighborhood-readout-close {
  display: none;
}

body.page-market-atlas .atlas-neighborhood-readout-head h3 {
  margin: 8px 0 8px;
  color: var(--btb-ink);
  font: 760 clamp(30px, 3.5vw, 46px)/0.94 var(--btb-display);
  letter-spacing: -0.055em;
}

body.page-market-atlas .atlas-neighborhood-readout-head p,
body.page-market-atlas .atlas-neighborhood-setup-head small,
body.page-market-atlas .atlas-neighborhood-lens-grid small,
body.page-market-atlas .atlas-neighborhood-boundary {
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font-size: 13.5px;
  line-height: 1.45;
}

body.page-market-atlas .atlas-neighborhood-confidence {
  display: inline-flex;
  width: fit-content;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, #7fe0c7 26%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, #7fe0c7 10%, transparent);
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-confidence.is-limited,
body.page-market-atlas .atlas-neighborhood-confidence.is-insufficient {
  border-color: color-mix(in srgb, var(--btb-accent) 32%, var(--atlas-card-line));
  background: color-mix(in srgb, var(--btb-accent) 10%, transparent);
}

body.page-market-atlas .atlas-neighborhood-metrics,
body.page-market-atlas .atlas-neighborhood-evidence {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-market-atlas .atlas-neighborhood-evidence {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-market-atlas .atlas-neighborhood-metric,
body.page-market-atlas .atlas-neighborhood-evidence div,
body.page-market-atlas .atlas-neighborhood-setup-head,
body.page-market-atlas .atlas-neighborhood-report-ready {
  padding: 12px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--btb-bg) 24%, transparent);
}

body.page-market-atlas .atlas-neighborhood-metric > div,
body.page-market-atlas .atlas-neighborhood-evidence div {
  display: grid;
  gap: 5px;
}

body.page-market-atlas .atlas-neighborhood-metric strong,
body.page-market-atlas .atlas-neighborhood-evidence strong {
  color: var(--btb-ink);
  font: 780 22px/1 var(--btb-display);
  letter-spacing: -0.035em;
}

body.page-market-atlas .atlas-neighborhood-metric i {
  display: block;
  height: 7px;
  margin: 9px 0 8px;
  overflow: hidden;
  border-radius: 99px;
  background: color-mix(in srgb, var(--btb-faint) 24%, transparent);
}

body.page-market-atlas .atlas-neighborhood-metric i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--atlas-blue), #7fe0c7, var(--btb-accent), var(--atlas-rust));
}

body.page-market-atlas .atlas-neighborhood-metric small {
  color: var(--btb-muted);
  font-size: 11.5px;
  line-height: 1.25;
}

body.page-market-atlas .atlas-neighborhood-setup-head {
  display: grid;
  gap: 6px;
}

body.page-market-atlas .atlas-neighborhood-setup-head > strong,
body.page-market-atlas .atlas-neighborhood-report-ready strong {
  color: var(--btb-ink);
  font: 850 14px/1.25 var(--btb-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-role-grid,
body.page-market-atlas .atlas-neighborhood-lens-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-market-atlas .atlas-neighborhood-lens-grid {
  grid-template-columns: 1fr;
}

body.page-market-atlas .atlas-neighborhood-role-grid button,
body.page-market-atlas .atlas-neighborhood-lens-grid button {
  display: grid;
  gap: 6px;
  min-height: 72px;
  padding: 12px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--atlas-card) 82%, transparent);
  color: var(--btb-ink);
  text-align: left;
}

body.page-market-atlas .atlas-neighborhood-role-grid button[aria-pressed="true"],
body.page-market-atlas .atlas-neighborhood-lens-grid button[aria-pressed="true"] {
  border-color: color-mix(in srgb, #7fe0c7 42%, var(--atlas-card-line));
  background: color-mix(in srgb, #7fe0c7 16%, var(--atlas-card));
}

body.page-market-atlas .atlas-neighborhood-role-grid strong,
body.page-market-atlas .atlas-neighborhood-lens-grid strong {
  color: var(--btb-ink);
  font: 850 12px/1.25 var(--btb-mono);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-readout-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
  gap: 9px;
}

body.page-market-atlas .atlas-neighborhood-readout-actions a {
  display: grid;
  align-content: center;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 88%, transparent);
  color: var(--btb-ink);
  font: 850 11px/1.1 var(--btb-mono);
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-readout-actions a.is-primary {
  border-color: color-mix(in srgb, var(--btb-accent) 54%, var(--atlas-card-line));
  background: linear-gradient(135deg, var(--btb-accent), color-mix(in srgb, var(--btb-accent) 78%, white));
  color: var(--btb-accent-ink);
  box-shadow: 0 18px 38px color-mix(in srgb, var(--btb-accent) 18%, transparent);
}

body.page-market-atlas .atlas-neighborhood-readout-actions a.is-primary small {
  margin-top: 4px;
  color: color-mix(in srgb, var(--btb-accent-ink) 72%, transparent);
  font: 750 10px/1.1 var(--btb-font);
  letter-spacing: 0;
  text-transform: none;
}

body.page-market-atlas .atlas-neighborhood-boundary {
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 28%, var(--atlas-card-line));
  border-radius: 17px;
  background: color-mix(in srgb, var(--btb-accent) 8%, transparent);
}

body.page-market-atlas .atlas-neighborhood-boundary b {
  color: var(--btb-ink);
}

@media (max-width: 900px) {
  body.page-market-atlas .atlas-neighborhood-browser {
    inset: auto 0 0 0 !important;
    width: 100%;
    min-height: 0;
    max-height: min(92dvh, 820px);
    padding: 15px 13px calc(18px + env(safe-area-inset-bottom));
    border-width: 1px 0 0;
    border-radius: 28px 28px 0 0;
    transform: translateY(18px);
  }

  body.page-market-atlas .atlas-neighborhood-browser:not([hidden]) {
    transform: translateY(0);
  }

  body.page-market-atlas .atlas-neighborhood-browser-head {
    gap: 12px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head h2 {
    font-size: clamp(32px, 10vw, 46px);
  }

  body.page-market-atlas .atlas-neighborhood-browser-head p {
    font-size: 13.5px;
  }

  body.page-market-atlas .atlas-neighborhood-command {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 8px;
  }

  body.page-market-atlas .atlas-neighborhood-command input {
    min-height: 46px;
    font-size: 15px;
  }

  body.page-market-atlas .atlas-neighborhood-command span {
    display: none;
  }

  body.page-market-atlas .atlas-neighborhood-workspace {
    display: block;
    min-height: 0;
    overflow: visible;
  }

  body.page-market-atlas .atlas-neighborhood-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: calc(92dvh - 242px);
    overflow-y: auto;
    padding-right: 2px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button {
    min-height: 132px;
    padding: 13px;
    border-radius: 18px;
  }

  body.page-market-atlas .atlas-neighborhood-card-metrics {
    gap: 5px;
  }

  body.page-market-atlas .atlas-neighborhood-card-metrics span {
    padding: 7px;
  }

  body.page-market-atlas .atlas-neighborhood-readout {
    position: fixed;
    z-index: 1535;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    max-height: min(89dvh, 780px);
    padding: 18px 15px calc(20px + env(safe-area-inset-bottom));
    border-width: 1px 0 0;
    border-radius: 26px 26px 0 0;
    background:
      radial-gradient(520px 320px at 100% 0%, rgba(127, 224, 199, 0.14), transparent 70%),
      color-mix(in srgb, var(--atlas-panel-strong) 98%, black);
    box-shadow:
      0 0 0 100vmax rgba(0, 0, 0, 0.62),
      0 -30px 90px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(105%);
    transition: transform 0.24s var(--btb-ease), opacity 0.18s var(--btb-ease), visibility 0s linear 0.24s;
  }

  html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-readout {
    background:
      radial-gradient(520px 320px at 100% 0%, rgba(127, 224, 199, 0.14), transparent 70%),
      rgba(255, 252, 246, 0.98);
    box-shadow:
      0 0 0 100vmax rgba(22, 22, 24, 0.28),
      0 -28px 86px rgba(31, 41, 55, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  body.page-market-atlas .atlas-neighborhood-readout.is-mobile-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
  }

  body.page-market-atlas .atlas-neighborhood-readout-close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--atlas-card-line);
    border-radius: 999px;
    background: var(--atlas-card);
    color: var(--btb-ink);
    font: 850 12px/1 var(--btb-mono);
    text-transform: uppercase;
  }

  body.page-market-atlas .atlas-neighborhood-readout-head h3 {
    max-width: calc(100% - 46px);
  }

  body.page-market-atlas .atlas-neighborhood-readout-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  body.page-market-atlas .atlas-neighborhood-browser {
    gap: 12px;
    padding-inline: 10px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head {
    align-items: start;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head > button {
    min-height: 34px;
    padding: 0 12px;
    font-size: 10px;
  }

  body.page-market-atlas .atlas-neighborhood-grid {
    grid-template-columns: 1fr;
    max-height: calc(92dvh - 232px);
  }

  body.page-market-atlas .atlas-neighborhood-grid > button {
    min-height: 118px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > strong {
    font-size: 20px;
  }

  body.page-market-atlas .atlas-neighborhood-metrics,
  body.page-market-atlas .atlas-neighborhood-evidence,
  body.page-market-atlas .atlas-neighborhood-role-grid {
    grid-template-columns: 1fr;
  }
}

/* Schools command flow */
body.page-location-intelligence {
  --btb-bg: #05070a;
  --btb-bg-2: #0c1117;
  --btb-fill: rgba(15, 20, 26, 0.88);
  --btb-ink: #f6f1e8;
  --btb-muted: #b7c0cb;
  --btb-faint: #768392;
  --btb-line: rgba(255, 255, 255, 0.12);
  --btb-accent: #75d8c0;
  --btb-accent-ink: #07110e;
  overflow-x: hidden;
  background:
    radial-gradient(760px 460px at 16% -8%, rgba(117, 216, 192, 0.14), transparent 68%),
    radial-gradient(700px 420px at 94% 0%, rgba(224, 181, 77, 0.12), transparent 70%),
    var(--btb-bg);
}

html[data-theme="light"] body.page-location-intelligence {
  --btb-bg: #f5efe4;
  --btb-bg-2: #efe6d8;
  --btb-fill: rgba(255, 252, 246, 0.9);
  --btb-ink: #121820;
  --btb-muted: #47596b;
  --btb-faint: #768697;
  --btb-line: rgba(18, 24, 32, 0.14);
  --btb-accent: #0f8c76;
  --btb-accent-ink: #ffffff;
}

body.page-location-intelligence .btb-li {
  width: min(1120px, calc(100% - 32px));
  padding: clamp(28px, 5vw, 58px) 0 92px;
}

body.page-location-intelligence .btb-title {
  max-width: 880px;
  margin: 10px 0 0;
  color: var(--btb-ink);
  font: 740 clamp(42px, 7vw, 76px)/0.92 var(--btb-display);
  letter-spacing: -0.06em;
}

body.page-location-intelligence .btb-lede {
  max-width: 780px;
  color: var(--btb-muted);
  font-size: clamp(17px, 1.55vw, 21px);
  line-height: 1.45;
}

body.page-location-intelligence .btb-search {
  position: relative;
  z-index: 20;
  width: min(780px, 100%);
}

body.page-location-intelligence .btb-search-row {
  overflow: visible;
  border-radius: 24px;
  background: color-mix(in srgb, var(--btb-fill) 86%, transparent);
  box-shadow: var(--btb-shadow), inset 0 1px 0 color-mix(in srgb, var(--btb-fill) 72%, transparent);
}

body.page-location-intelligence .btb-search-row input {
  min-height: 58px;
  color: var(--btb-ink);
  font-size: 17px;
  font-weight: 650;
}

body.page-location-intelligence .btb-search-row input::placeholder {
  color: color-mix(in srgb, var(--btb-muted) 70%, transparent);
}

body.page-location-intelligence .btb-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: min(420px, 52svh);
  overflow: auto;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 26%, var(--btb-line));
  border-radius: 20px;
  background: color-mix(in srgb, var(--btb-fill) 98%, var(--btb-bg));
  box-shadow: var(--btb-shadow);
}

body.page-location-intelligence .btb-suggestions button {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 4px 10px;
  min-height: 58px;
  border-radius: 14px;
  color: var(--btb-ink);
}

body.page-location-intelligence .btb-suggestions button span:first-child {
  grid-row: 1 / 3;
  width: auto;
  color: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  font: 850 10px/1.2 var(--btb-mono);
}

body.page-location-intelligence .btb-suggestions strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-location-intelligence .btb-suggestions small {
  overflow: hidden;
  color: var(--btb-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-location-intelligence .btb-say,
body.page-location-intelligence .btb-fold,
body.page-location-intelligence .btb-atlas-map {
  border: 1px solid var(--btb-line);
  border-radius: 28px !important;
  background:
    radial-gradient(520px 280px at 4% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 94%, transparent);
  box-shadow: var(--btb-shadow), inset 0 1px 0 color-mix(in srgb, var(--btb-fill) 74%, transparent);
}

body.page-location-intelligence .btb-say {
  display: grid;
  gap: 14px;
  padding: 18px;
}

body.page-location-intelligence .btb-say > span,
body.page-location-intelligence .btb-fold > summary,
body.page-location-intelligence .btb-level-4,
body.page-location-intelligence .btb-badge {
  color: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
  font: 850 11px/1.25 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-location-intelligence #liAgentReadout,
body.page-location-intelligence #liAgentSnapshot,
body.page-location-intelligence #liAgentTakeaway,
body.page-location-intelligence #liMetricGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.page-location-intelligence #liMetricGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-location-intelligence #liAgentTakeaway {
  grid-template-columns: 1fr;
}

body.page-location-intelligence #liAgentReadout article,
body.page-location-intelligence #liAgentSnapshot article,
body.page-location-intelligence #liAgentTakeaway article,
body.page-location-intelligence #liAddressCta,
body.page-location-intelligence .li-metric {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--btb-line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--btb-bg-2) 44%, transparent);
}

body.page-location-intelligence #liAgentReadout span,
body.page-location-intelligence #liAgentSnapshot span,
body.page-location-intelligence #liAgentTakeaway span,
body.page-location-intelligence #liAddressCta span,
body.page-location-intelligence .li-metric span {
  color: color-mix(in srgb, var(--btb-accent) 82%, var(--btb-ink));
  font: 850 10px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-location-intelligence #liAgentReadout strong,
body.page-location-intelligence #liAgentSnapshot strong,
body.page-location-intelligence #liAgentTakeaway strong,
body.page-location-intelligence #liAddressCta strong,
body.page-location-intelligence .li-metric strong,
body.page-location-intelligence #liDistrictName {
  display: block;
  margin-top: 7px;
  color: var(--btb-ink);
}

body.page-location-intelligence #liAgentReadout small,
body.page-location-intelligence #liAgentSnapshot small,
body.page-location-intelligence .li-metric small,
body.page-location-intelligence #liDistrictSubhead,
body.page-location-intelligence #liConfidence,
body.page-location-intelligence .btb-fold p {
  color: var(--btb-muted);
  line-height: 1.45;
}

body.page-location-intelligence #liAgentAnswerCard {
  border-color: color-mix(in srgb, var(--btb-accent) 28%, var(--btb-line));
}

body.page-location-intelligence #liAddressCta {
  border-color: color-mix(in srgb, var(--btb-accent) 34%, var(--btb-line));
  background: color-mix(in srgb, var(--btb-accent) 9%, transparent);
}

body.page-location-intelligence #liMapModes {
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-fill) 88%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--btb-fill) 74%, transparent);
}

body.page-location-intelligence #liMapModes button {
  min-height: 36px;
  border-radius: 999px;
  color: var(--btb-muted);
}

body.page-location-intelligence #liMapModes button[aria-pressed="true"],
body.page-location-intelligence #liMapModes button.is-active {
  background: var(--btb-ink);
  color: var(--btb-bg);
}

body.page-location-intelligence .btb-atlas-map {
  height: min(520px, 52svh) !important;
  overflow: hidden;
}

body.page-location-intelligence #liAtlasMap {
  height: 100% !important;
  min-height: 360px;
}

body.page-location-intelligence #liMapLoading {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  place-items: center;
  background: var(--btb-bg);
  color: var(--btb-accent);
  font: 850 11px var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-location-intelligence #liMapLoading[hidden] {
  display: none;
}

body.page-location-intelligence .btb-fold {
  margin-top: 16px;
  padding: 16px;
}

body.page-location-intelligence .btb-fold > summary {
  cursor: pointer;
  list-style: none;
}

body.page-location-intelligence .li-trend-readout,
body.page-location-intelligence .li-grad-readout,
body.page-location-intelligence .li-grad-schools,
body.page-location-intelligence .li-grad-school {
  display: grid;
  gap: 10px;
}

body.page-location-intelligence .li-trend-readout {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-location-intelligence .li-trend-stat,
body.page-location-intelligence .li-trend-chart,
body.page-location-intelligence .li-grad-readout > div,
body.page-location-intelligence .li-grad-school,
body.page-location-intelligence .li-grad-empty,
body.page-location-intelligence .li-grad-source {
  padding: 12px;
  border: 1px solid var(--btb-line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--btb-bg-2) 42%, transparent);
}

body.page-location-intelligence .li-grad-scale {
  --grad-fill: 0%;
  min-height: 84px;
}

body.page-location-intelligence .li-grad-scale i {
  display: block;
  height: 44px;
  border-radius: 13px;
  background:
    linear-gradient(90deg, rgba(36, 122, 159, 0.82), rgba(117, 216, 192, 0.82), rgba(224, 181, 77, 0.82)) 0 / var(--grad-fill) 100% no-repeat,
    color-mix(in srgb, var(--btb-faint) 24%, transparent);
}

body.page-location-intelligence .li-grad-scale em {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  color: var(--btb-faint);
  font: 750 10px/1 var(--btb-mono);
  font-style: normal;
}

body.page-location-intelligence table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}

body.page-location-intelligence td {
  padding: 12px;
  background: color-mix(in srgb, var(--btb-bg-2) 44%, transparent);
  color: var(--btb-ink);
}

body.page-location-intelligence tr td:first-child {
  border-radius: 14px 0 0 14px;
}

body.page-location-intelligence tr td:last-child {
  border-radius: 0 14px 14px 0;
}

@media (max-width: 760px) {
  body.page-location-intelligence .btb-li {
    width: min(100% - 20px, 1120px);
    padding-top: 22px;
  }

  body.page-location-intelligence .btb-title {
    font-size: clamp(36px, 11vw, 50px);
  }

  body.page-location-intelligence .btb-lede {
    font-size: 15.5px;
  }

  body.page-location-intelligence #liAgentReadout,
  body.page-location-intelligence #liAgentSnapshot {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-location-intelligence #liMetricGrid,
  body.page-location-intelligence .li-trend-readout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-location-intelligence #liAgentReadout article,
  body.page-location-intelligence #liAgentSnapshot article,
  body.page-location-intelligence #liAgentTakeaway article,
  body.page-location-intelligence #liAddressCta,
  body.page-location-intelligence .li-metric {
    padding: 10px;
    border-radius: 14px;
  }

  body.page-location-intelligence #liAgentReadout strong,
  body.page-location-intelligence #liAgentSnapshot strong {
    font-size: 13px;
    line-height: 1.15;
  }

  body.page-location-intelligence #liAgentReadout small,
  body.page-location-intelligence #liAgentSnapshot small {
    font-size: 11px;
  }

  body.page-location-intelligence .btb-atlas-map {
    height: 380px !important;
  }

  body.page-location-intelligence #liMapModes {
    display: flex !important;
    width: 100%;
    overflow-x: auto;
  }

  body.page-location-intelligence #liMapModes button {
    flex: 0 0 auto;
  }
}

@media (max-width: 460px) {
  body.page-location-intelligence #liAgentReadout,
  body.page-location-intelligence #liAgentSnapshot,
  body.page-location-intelligence #liMetricGrid,
  body.page-location-intelligence .li-trend-readout {
    grid-template-columns: 1fr;
  }

  body.page-location-intelligence .btb-suggestions button {
    grid-template-columns: 1fr;
  }
}

/* Shared page polish for methodology and account */
html[data-theme="light"] body.page-methodology,
html[data-theme="light"] body.page-account {
  --btb-bg: #f5efe4;
  --btb-bg-2: #efe6d8;
  --btb-fill: rgba(255, 252, 246, 0.9);
  --btb-ink: #121820;
  --btb-muted: #47596b;
  --btb-faint: #7a8796;
  --btb-line: rgba(18, 24, 32, 0.14);
}

body.page-methodology .wrap {
  width: min(1180px, calc(100% - 36px));
}

body.page-methodology .hero-grid,
body.page-methodology .section-head {
  align-items: end;
}

body.page-methodology h1,
body.page-methodology h2,
body.page-methodology h3,
body.page-account h1,
body.page-account h2,
body.page-account h3 {
  color: var(--btb-ink) !important;
  letter-spacing: -0.045em;
}

body.page-methodology .lede,
body.page-methodology p,
body.page-methodology li,
body.page-account p,
body.page-account small,
body.page-account span {
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink)) !important;
}

body.page-methodology .trust-card,
body.page-methodology .stat,
body.page-methodology .card,
body.page-methodology .formula,
body.page-methodology .tier,
body.page-methodology .brief-card,
body.page-methodology .step,
body.page-methodology .callout,
body.page-methodology .disclaimer-card,
body.page-account .account-profile-card,
body.page-account .account-details,
body.page-account .brand-studio,
body.page-account .saved-briefs,
body.page-account .account-note,
body.page-account .account-signed-out,
body.page-account .brand-profile-form,
body.page-account .brand-preview,
body.page-account .saved-brief-card {
  overflow: hidden;
  border-color: var(--btb-line) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(520px 280px at 0% 0%, color-mix(in srgb, var(--btb-accent) 11%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 94%, transparent) !important;
  box-shadow: var(--btb-shadow), inset 0 1px 0 color-mix(in srgb, var(--btb-fill) 74%, transparent) !important;
}

html[data-theme="light"] body.page-methodology .card.is-hot,
html[data-theme="light"] body.page-methodology .card.is-mint {
  background:
    radial-gradient(440px 240px at 0% 0%, rgba(15, 140, 118, 0.12), transparent 72%),
    rgba(255, 252, 246, 0.94) !important;
}

body.page-methodology .label,
body.page-methodology .kicker,
body.page-methodology .eyebrow,
body.page-account .account-label,
body.page-account .account-eyebrow,
body.page-account .account-detail-head,
body.page-account .saved-briefs-count {
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink)) !important;
}

body.page-methodology .stat strong,
body.page-methodology .card strong,
body.page-methodology .formula strong,
body.page-methodology .tier strong,
body.page-methodology .brief-card strong,
body.page-methodology .step strong,
body.page-account .account-detail-number,
body.page-account .account-badge,
body.page-account .saved-brief-card h3,
body.page-account .brand-preview-copy h3 {
  color: var(--btb-ink) !important;
}

body.page-methodology .nav-links a,
body.page-account .account-nav-back,
body.page-account .account-primary,
body.page-account .account-secondary {
  border-radius: 999px !important;
}

@media (max-width: 760px) {
  body.page-methodology .hero-grid,
  body.page-methodology .grid.four,
  body.page-methodology .grid.three,
  body.page-methodology .grid.two,
  body.page-methodology .brief-grid,
  body.page-account .account-grid,
  body.page-account .brand-studio-layout {
    grid-template-columns: 1fr !important;
  }

  body.page-methodology .wrap {
    width: min(100% - 22px, 1180px);
  }
}

/* Final briefing-room polish: Atlas compare, homepage mobile search, methodology, and account. */
body.page-market-atlas.is-pinning #atlasConsole {
  pointer-events: none;
}

body.page-home .btb-search {
  position: relative;
  z-index: 20;
}

body.page-home .btb-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 60;
  display: grid;
  gap: 6px;
  max-height: min(380px, 46svh);
  overflow: auto;
  margin: 0;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--btb-fill) 96%, transparent);
  box-shadow: var(--btb-shadow);
  backdrop-filter: blur(22px) saturate(1.18);
}

body.page-home .btb-suggestions[hidden] {
  display: none !important;
}

body.page-home .btb-suggestions button {
  min-height: 56px;
  border-radius: 13px;
}

body.page-methodology .btb-nav,
body.page-account .btb-nav {
  min-height: 58px;
  background: color-mix(in srgb, var(--btb-bg) 88%, transparent) !important;
  border-bottom: 1px solid var(--btb-line) !important;
}

body.page-methodology .btb-brand img,
body.page-account .btb-brand img {
  width: 28px;
  height: 32px;
  object-fit: contain;
  filter: drop-shadow(0 7px 18px color-mix(in srgb, var(--btb-accent) 22%, transparent));
}

body.page-methodology .btb-brand .brand-copy strong,
body.page-account .btb-brand .brand-copy strong {
  color: var(--btb-ink) !important;
  font: 750 14px/1.08 var(--btb-display);
  letter-spacing: -0.02em;
}

body.page-methodology .btb-brand .brand-copy span,
body.page-account .btb-brand .brand-copy span {
  color: var(--btb-faint) !important;
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
}

body.page-methodology .wrap {
  padding-top: clamp(34px, 5vw, 64px);
}

body.page-methodology .hero {
  padding-top: 0;
}

body.page-methodology .trust-card {
  align-self: stretch;
}

body.page-methodology .card.is-hot,
body.page-methodology .card.is-mint {
  background:
    radial-gradient(520px 280px at 0% 0%, color-mix(in srgb, var(--btb-accent) 12%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 95%, transparent) !important;
}

body.page-methodology .method-links a,
body.page-methodology .pill,
body.page-account .account-session,
body.page-account .account-badge {
  color: var(--btb-ink) !important;
  background: color-mix(in srgb, var(--btb-fill) 74%, transparent) !important;
  border-color: color-mix(in srgb, var(--btb-accent) 22%, var(--btb-line)) !important;
}

body.page-account .account-main {
  padding-top: clamp(38px, 5vw, 68px) !important;
}

body.page-account .account-shell {
  width: min(1160px, calc(100% - 24px)) !important;
}

body.page-account .account-heading {
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid var(--btb-line);
  border-radius: 28px;
  background:
    radial-gradient(540px 280px at 100% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 70%),
    color-mix(in srgb, var(--btb-fill) 90%, transparent);
  box-shadow: var(--btb-shadow);
}

body.page-account .brand-preview {
  background:
    radial-gradient(420px 230px at 100% 0, color-mix(in srgb, var(--preview-accent) 16%, transparent), transparent 67%),
    color-mix(in srgb, var(--btb-fill) 94%, transparent) !important;
}

body.page-account .account-profile-card::after,
body.page-account .signed-out-orbit {
  opacity: 0.55;
}

body.page-account .account-primary span,
body.page-account .account-secondary span,
body.page-account .signed-out-icon span {
  color: inherit !important;
}

body.page-account .account-avatar {
  color: var(--btb-accent-ink, #08090c) !important;
}

@media (max-width: 860px) {
  body.page-home .btb-home {
    padding: 40px 14px 72px;
  }

  body.page-home .btb-title {
    font-size: clamp(40px, 12vw, 52px);
  }

  body.page-home .btb-lede {
    font-size: 16px;
  }

  body.page-home .btb-search {
    margin-top: 26px;
  }

  body.page-home .btb-search-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 6px;
    padding: 5px;
    border-radius: 999px !important;
  }

  body.page-home .btb-search-row input {
    width: auto !important;
    height: 48px;
    padding: 0 8px 0 14px;
    font-size: 15.5px;
    font-weight: 650;
  }

  body.page-home .btb-search-row button {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 78px;
    height: 42px;
    padding: 0 14px;
    font-size: 13px;
  }

  body.page-methodology .btb-nav,
  body.page-account .btb-nav {
    padding-inline: 14px;
  }

  body.page-account .account-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 390px) {
  body.page-home .btb-search-row input {
    font-size: 14px;
  }

  body.page-home .btb-search-row button {
    min-width: 48px;
    font-size: 0;
  }

  body.page-home .btb-search-row button::after {
    content: "Go";
    font-size: 13px;
  }
}

/* Schools answer-first redesign */
body.page-location-intelligence .li-school-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

body.page-location-intelligence .btb-li {
  padding-top: clamp(22px, 3.8vw, 42px);
}

body.page-location-intelligence .btb-title {
  max-width: 720px;
  font-size: clamp(38px, 5.2vw, 60px);
}

body.page-location-intelligence .btb-lede {
  max-width: 680px;
  margin: 12px 0 0;
}

body.page-location-intelligence .btb-search {
  width: min(640px, 100%);
  margin: 18px 0 0 !important;
}

body.page-location-intelligence.li-has-selection .btb-li {
  padding-top: clamp(18px, 3vw, 32px);
}

body.page-location-intelligence.li-has-selection .btb-title {
  max-width: 620px;
  font-size: clamp(32px, 4vw, 46px);
}

body.page-location-intelligence.li-has-selection .btb-lede {
  max-width: 640px;
  font-size: clamp(15px, 1.25vw, 18px);
}

body.page-location-intelligence.li-has-selection .btb-search {
  width: min(520px, 100%);
  margin-top: 14px !important;
}

body.page-location-intelligence .li-source-stack {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 6px;
}

body.page-location-intelligence .li-answer-panel {
  display: grid;
  gap: 16px;
  overflow: hidden;
  padding: clamp(16px, 2vw, 22px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 28%, var(--btb-line));
  border-radius: 30px;
  background:
    radial-gradient(620px 340px at 0% 0%, color-mix(in srgb, var(--btb-accent) 13%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 95%, transparent);
  box-shadow: var(--btb-shadow), inset 0 1px 0 color-mix(in srgb, var(--btb-fill) 72%, transparent);
}

body.page-location-intelligence .li-context-strip,
body.page-location-intelligence #liAgentSnapshot {
  display: grid;
  gap: 10px;
}

body.page-location-intelligence .li-context-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-location-intelligence #liAgentReadout.li-context-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-location-intelligence .li-context-strip article,
body.page-location-intelligence #liAgentSnapshot article,
body.page-location-intelligence .li-district-selector,
body.page-location-intelligence .li-school-group,
body.page-location-intelligence .li-school-empty,
body.page-location-intelligence .li-school-note {
  min-width: 0;
  border: 1px solid var(--btb-line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--btb-bg-2) 38%, transparent);
}

body.page-location-intelligence .li-context-strip article {
  padding: 12px;
}

body.page-location-intelligence .li-context-strip span,
body.page-location-intelligence #liAgentSnapshot span,
body.page-location-intelligence .li-district-selector-head span,
body.page-location-intelligence .li-answer-main > span,
body.page-location-intelligence .li-card-head span,
body.page-location-intelligence .li-section-head span,
body.page-location-intelligence .li-school-group span {
  display: block;
  color: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
  font: 850 10px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-location-intelligence .li-context-strip strong,
body.page-location-intelligence #liAgentSnapshot strong,
body.page-location-intelligence .li-district-selector-head strong,
body.page-location-intelligence .li-school-group strong,
body.page-location-intelligence .li-school-row span,
body.page-location-intelligence .li-school-note strong,
body.page-location-intelligence .li-school-empty strong,
body.page-location-intelligence .li-school-empty span,
body.page-location-intelligence .li-school-note span {
  display: block;
  overflow-wrap: anywhere;
  color: var(--btb-ink);
}

body.page-location-intelligence .li-context-strip strong {
  margin-top: 5px;
  font: 760 20px/1.02 var(--btb-display);
  letter-spacing: -0.035em;
}

body.page-location-intelligence .li-context-strip small,
body.page-location-intelligence #liAgentSnapshot small,
body.page-location-intelligence .li-school-group small,
body.page-location-intelligence .li-school-row small,
body.page-location-intelligence .li-school-empty span,
body.page-location-intelligence .li-school-note span,
body.page-location-intelligence .li-district-chips small {
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  line-height: 1.35;
}

body.page-location-intelligence .li-school-note strong,
body.page-location-intelligence .li-school-empty strong {
  font-weight: 780;
  text-transform: none;
}

body.page-location-intelligence .li-school-row span,
body.page-location-intelligence .li-school-row small,
body.page-location-intelligence .li-school-note span,
body.page-location-intelligence .li-school-empty span {
  text-transform: none;
}

body.page-location-intelligence .li-district-selector {
  display: grid;
  grid-template-columns: minmax(190px, 0.34fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
}

body.page-location-intelligence .li-district-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-location-intelligence .li-district-chips button,
body.page-location-intelligence .li-district-select select,
body.page-location-intelligence .li-map-card [data-mobile-fold-toggle] {
  border: 1px solid color-mix(in srgb, var(--btb-accent) 24%, var(--btb-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-fill) 64%, transparent);
  color: var(--btb-ink);
}

body.page-location-intelligence .li-district-chips button {
  display: inline-grid;
  gap: 3px;
  min-height: 44px;
  padding: 8px 13px;
  text-align: left;
}

body.page-location-intelligence .li-district-chips button.is-active {
  border-color: color-mix(in srgb, var(--btb-accent) 68%, var(--btb-line));
  background: color-mix(in srgb, var(--btb-accent) 18%, var(--btb-fill));
}

body.page-location-intelligence .li-district-chips button strong {
  color: var(--btb-ink);
  font: 760 13px/1 var(--btb-font);
}

body.page-location-intelligence .li-district-select {
  display: grid;
  gap: 5px;
}

body.page-location-intelligence .li-district-select span {
  color: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-location-intelligence .li-district-select select {
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  font: 720 14px/1 var(--btb-font);
}

body.page-location-intelligence .li-answer-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.36fr);
  gap: clamp(14px, 2vw, 20px);
  align-items: stretch;
}

body.page-location-intelligence .li-answer-main,
body.page-location-intelligence .li-map-card {
  min-width: 0;
  padding: clamp(15px, 2vw, 20px);
  border: 1px solid var(--btb-line);
  border-radius: 24px;
  background: color-mix(in srgb, var(--btb-bg-2) 30%, transparent);
}

body.page-location-intelligence .li-answer-main {
  display: grid;
  gap: 13px;
  align-content: start;
}

body.page-location-intelligence #liDistrictName {
  margin: 0;
  color: var(--btb-ink);
  font: 740 clamp(30px, 4.4vw, 52px)/0.96 var(--btb-display);
  letter-spacing: -0.055em;
}

body.page-location-intelligence #liDistrictSubhead,
body.page-location-intelligence #liConfidence {
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 14px;
}

body.page-location-intelligence #liAgentSnapshot {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

body.page-location-intelligence #liAgentSnapshot article {
  grid-column: span 3;
  padding: 13px;
}

body.page-location-intelligence #liAgentSnapshot article.is-primary {
  grid-column: span 3;
  background:
    radial-gradient(260px 150px at 0 0, color-mix(in srgb, var(--btb-accent) 18%, transparent), transparent 70%),
    color-mix(in srgb, var(--btb-fill) 62%, transparent);
}

body.page-location-intelligence #liAgentSnapshot article.is-action {
  border-color: color-mix(in srgb, var(--btb-accent) 38%, var(--btb-line));
}

body.page-location-intelligence #liAgentSnapshot strong {
  margin-top: 5px;
  font: 760 24px/1 var(--btb-display);
  letter-spacing: -0.04em;
}

body.page-location-intelligence #liAgentTakeaway {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(240px, 0.85fr);
  gap: 10px;
  margin: 0;
}

body.page-location-intelligence #liAgentTakeaway article,
body.page-location-intelligence #liAddressCta {
  padding: 13px;
  border: 1px solid var(--btb-line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--btb-fill) 48%, transparent);
}

body.page-location-intelligence #liAgentTakeaway strong,
body.page-location-intelligence #liAddressCta strong {
  color: var(--btb-ink);
  font-size: 14px;
  line-height: 1.35;
}

body.page-location-intelligence #liAgentTakeaway .is-guardrail,
body.page-location-intelligence #liAddressCta {
  border-color: color-mix(in srgb, var(--btb-accent) 26%, var(--btb-line));
  background: color-mix(in srgb, var(--btb-accent) 8%, transparent);
}

body.page-location-intelligence .li-card-head,
body.page-location-intelligence .li-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.page-location-intelligence .li-card-head strong,
body.page-location-intelligence .li-section-head strong {
  color: var(--btb-ink);

  font: 760 15px/1.1 var(--btb-font);
}

body.page-location-intelligence .li-map-card {
  display: grid;
  gap: 10px;
}

body.page-location-intelligence .li-map-card [data-mobile-fold-toggle] {
  display: none;
  min-height: 34px;
  padding: 0 12px;
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-location-intelligence .li-map-canvas {
  height: clamp(245px, 26vw, 330px);
  overflow: hidden;
  border-radius: 22px;
}

body.page-location-intelligence .li-map-card .btb-atlas-map,
body.page-location-intelligence .li-map-card #liAtlasMap {
  height: 100% !important;
  min-height: 0 !important;
}

body.page-location-intelligence #liMapModes {
  display: none !important;
}

body.page-location-intelligence .li-school-sections {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.8fr) minmax(230px, 0.62fr);
  gap: 14px;
  margin-top: 16px;
}

body.page-location-intelligence .li-schools-card,
body.page-location-intelligence .li-trends-card,
body.page-location-intelligence .li-grad-card {
  align-content: start;
}

body.page-location-intelligence #liSchoolsList,
body.page-location-intelligence .li-school-group {
  display: grid;
  gap: 8px;
}

body.page-location-intelligence .li-school-group,
body.page-location-intelligence .li-school-empty,
body.page-location-intelligence .li-school-note {
  padding: 12px;
}

body.page-location-intelligence .li-school-group.is-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.page-location-intelligence .li-school-group.is-total strong {
  margin-top: 4px;
  font: 760 30px/1 var(--btb-display);
  letter-spacing: -0.045em;
}

body.page-location-intelligence .li-school-group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

body.page-location-intelligence .li-school-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(82px, auto);
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--btb-line) 76%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--btb-fill) 48%, transparent);
  text-align: left;
}

body.page-location-intelligence .li-school-row strong {
  color: var(--btb-ink);
  font: 780 15px/1 var(--btb-display);
}

body.page-location-intelligence .li-school-row span {
  font-weight: 730;
}

body.page-location-intelligence .li-school-more {
  color: var(--btb-muted);
  font-size: 12px;
}

body.page-location-intelligence .li-trend-chart svg {
  display: block;
  width: 100%;
  height: auto;
}

body.page-location-intelligence .li-trend-line {
  fill: none;
  stroke: var(--btb-accent);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.page-location-intelligence .li-trend-area {
  fill: color-mix(in srgb, var(--btb-accent) 16%, transparent);
}

body.page-location-intelligence .li-trend-gridline {
  stroke: var(--btb-line);
  stroke-width: 1;
}

body.page-location-intelligence .li-trend-dot {
  fill: var(--btb-bg);
  stroke: var(--btb-accent);
  stroke-width: 3;
}

body.page-location-intelligence .li-trend-dot.is-current {
  fill: var(--btb-accent);
}

body.page-location-intelligence .li-trend-value {
  fill: var(--btb-ink);
  font: 760 10px/1 var(--btb-mono);
}

body.page-location-intelligence .li-trend-year {
  fill: var(--btb-muted);
  font: 760 9px/1 var(--btb-mono);
}

body.page-location-intelligence .li-grad-scale i {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--btb-accent) 48%, #247a9f), var(--btb-accent), color-mix(in srgb, var(--btb-accent) 48%, #e0b54d)) 0 / var(--grad-fill) 100% no-repeat,
    color-mix(in srgb, var(--btb-faint) 18%, transparent);
}

body.page-location-intelligence .li-more-data #liMetricGrid {
  margin: 12px 0 0;
}

body.page-location-intelligence .li-compare-table {
  margin-top: 10px;
}

body.page-location-intelligence .li-source-fold a {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--btb-line);
  border-radius: 16px;
  color: var(--btb-ink);
  text-decoration: none;
}

body.page-location-intelligence #liAssignmentDisclaimer {
  margin: 12px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 13px;
  line-height: 1.5;
}

body.page-location-intelligence .btb-report-actions {
  position: static;
  justify-content: flex-start;
  margin-top: 16px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body.page-location-intelligence .btb-report-actions button,
body.page-location-intelligence .btb-report-actions a {
  flex: 0 1 auto;
  min-height: 42px;
  padding: 0 18px;
}

html[data-theme="light"] body.page-location-intelligence .li-answer-panel,
html[data-theme="light"] body.page-location-intelligence .btb-say,
html[data-theme="light"] body.page-location-intelligence .btb-fold {
  background:
    radial-gradient(600px 320px at 0% 0%, rgba(15, 140, 118, 0.09), transparent 70%),
    rgba(255, 252, 246, 0.93) !important;
}

@media (max-width: 980px) {
  body.page-location-intelligence .li-answer-layout,
  body.page-location-intelligence .li-school-sections {
    grid-template-columns: 1fr;
  }

  body.page-location-intelligence .li-context-strip,
  body.page-location-intelligence #liAgentReadout.li-context-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-location-intelligence .li-district-selector {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body.page-location-intelligence .btb-li {
    padding-top: 18px;
  }

  body.page-location-intelligence .btb-search {
    margin-top: 16px !important;
  }

  body.page-location-intelligence .li-school-hero {
    grid-template-columns: 1fr;
  }

  body.page-location-intelligence .li-source-stack {
    justify-content: flex-start;
  }

  body.page-location-intelligence .li-answer-panel {
    border-radius: 24px;
    padding: 12px;
  }

  body.page-location-intelligence .li-context-strip,
  body.page-location-intelligence #liAgentReadout.li-context-strip {
    grid-template-columns: 1fr 1fr;
  }

  body.page-location-intelligence .li-context-strip article:nth-child(n + 3) {
    display: none;
  }

  body.page-location-intelligence #liAgentSnapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-location-intelligence #liAgentSnapshot article,
  body.page-location-intelligence #liAgentSnapshot article.is-primary {
    grid-column: auto;
  }

  body.page-location-intelligence #liAgentSnapshot strong {
    font-size: 21px;
  }

  body.page-location-intelligence #liAgentTakeaway {
    grid-template-columns: 1fr;
  }

  body.page-location-intelligence .li-card-head {
    align-items: center;
  }

  body.page-location-intelligence .li-map-card [data-mobile-fold-toggle] {
    display: inline-flex;
    align-items: center;
  }

  body.page-location-intelligence .li-map-card:not(.is-open) .li-map-canvas,
  body.page-location-intelligence .li-map-card:not(.is-open) #liMapStatus {
    display: none;
  }

  body.page-location-intelligence .li-map-canvas {
    height: 270px;
  }

  body.page-location-intelligence .li-district-chips {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    margin-inline: -2px;
    padding: 2px 2px 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  body.page-location-intelligence .li-district-chips button {
    flex: 0 0 min(220px, 78vw);
    scroll-snap-align: start;
  }

  body.page-location-intelligence .li-school-row {
    grid-template-columns: 1fr auto;
  }

  body.page-location-intelligence .li-school-row small {
    grid-column: 1 / -1;
  }
}

@media (max-width: 460px) {
  body.page-location-intelligence .li-school-group.is-total {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Atlas compare + methodology/account finish pass */
body.page-market-atlas .btb-legend {
  display: block;
  width: min(360px, calc(100vw - 32px));
  padding: 12px;
  border-color: color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--atlas-panel-strong) 94%, transparent);
  color: var(--btb-ink);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

body.page-market-atlas .map-legend-scale {
  display: grid;
  gap: 8px;
}

body.page-market-atlas .map-legend-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.page-market-atlas .map-legend-head strong {
  overflow: hidden;
  color: var(--btb-ink);
  font: 820 11px/1.1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .map-legend-head span {
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font: 760 10px/1 var(--btb-mono);
  white-space: nowrap;
}

body.page-market-atlas .map-legend-ramp {
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--legend-gradient, linear-gradient(90deg, var(--btb-accent), var(--btb-ink)));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, black 14%, transparent);
}

body.page-market-atlas .map-legend-labels {
  position: relative;
  display: block;
  min-height: 15px;
}

body.page-market-atlas .map-legend-scale.is-county .map-legend-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 0;
}

body.page-market-atlas .map-legend-labels span {
  position: absolute;
  left: var(--label-pos, 50%);
  overflow: hidden;
  max-width: 92px;
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font: 780 9px/1.2 var(--btb-mono);
  letter-spacing: 0.045em;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .map-legend-labels span.is-start {
  transform: translateX(0);
}

body.page-market-atlas .map-legend-labels span.is-end {
  text-align: right;
  transform: translateX(-100%);
}

body.page-market-atlas .map-legend-scale.is-county .map-legend-labels span {
  position: static;
  flex: 1 1 86px;
  max-width: none;
  text-align: left;
  transform: none;
}

body.page-market-atlas .btb-pin-bar a,
body.page-market-atlas .btb-pin-bar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 116px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-timeline {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--atlas-blue) 22%, var(--atlas-card-line));
  border-radius: 18px;
  background:
    radial-gradient(340px 180px at 100% 0%, color-mix(in srgb, var(--atlas-blue) 12%, transparent), transparent 72%),
    var(--atlas-card);
}

body.page-market-atlas .atlas-compare-timeline.is-limited {
  border-color: color-mix(in srgb, var(--btb-faint) 28%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-compare-timeline-head span,
body.page-market-atlas .atlas-compare-horizon-head span,
body.page-market-atlas .atlas-compare-move-row span {
  display: block;
  color: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
  font: 850 9px/1.25 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-compare-timeline-head strong {
  display: block;
  margin-top: 4px;
  color: var(--btb-ink);
  font: 760 18px/1 var(--btb-display);
  letter-spacing: -0.035em;
}

body.page-market-atlas .atlas-compare-timeline-head p {
  margin: 5px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font-size: 12.5px;
  line-height: 1.38;
}

body.page-market-atlas .atlas-compare-horizons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-market-atlas .atlas-compare-horizon {
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--btb-bg) 20%, var(--atlas-card));
}

body.page-market-atlas .atlas-compare-horizon-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

body.page-market-atlas .atlas-compare-horizon-head small {
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink));
  font: 760 9px/1.1 var(--btb-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-move-labels,
body.page-market-atlas .atlas-compare-move-row {
  display: grid;
  grid-template-columns: minmax(78px, 0.85fr) minmax(0, 0.72fr) minmax(0, 0.72fr) minmax(58px, auto);
  gap: 7px;
  align-items: center;
}

body.page-market-atlas .atlas-compare-move-labels {
  margin-bottom: 4px;
}

body.page-market-atlas .atlas-compare-move-labels b {
  grid-column: span 1;
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-muted) 76%, var(--btb-ink));
  font: 800 8px/1 var(--btb-mono);
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-move-labels b:first-child {
  grid-column: 2;
}

body.page-market-atlas .atlas-compare-move-row {
  min-height: 27px;
  border-top: 1px solid color-mix(in srgb, var(--atlas-card-line) 66%, transparent);
}

body.page-market-atlas .atlas-compare-move-row strong,
body.page-market-atlas .atlas-compare-move-row i {
  overflow: hidden;
  color: var(--btb-ink);
  font: 780 11px/1.1 var(--btb-font);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-move-row i {
  font-style: normal;
}

body.page-market-atlas .atlas-compare-move-row small {
  justify-self: end;
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink));
  font: 760 9px/1 var(--btb-mono);
  text-align: right;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-empty {
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font-size: 12px;
  line-height: 1.35;
}

body.page-methodology .btb-nav-links,
body.page-account .btb-nav-links {
  gap: 6px !important;
}

body.page-methodology .btb-nav-links a,
body.page-account .btb-nav-links a,
body.page-methodology .theme-toggle,
body.page-account .theme-toggle {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--btb-muted) !important;
  font: 600 13px/1 var(--btb-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.page-methodology .btb-nav-links a:hover,
body.page-methodology .btb-nav-links a[aria-current="page"],
body.page-account .btb-nav-links a:hover,
body.page-account .btb-nav-links a[aria-current="page"],
body.page-methodology .theme-toggle:hover,
body.page-account .theme-toggle:hover {
  color: var(--btb-ink) !important;
  background: color-mix(in srgb, var(--btb-fill) 70%, transparent) !important;
}

body.page-methodology .wrap {
  width: min(1180px, calc(100% - 32px));
}

body.page-methodology .hero-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.72fr);
  align-items: stretch;
}

body.page-methodology .hero .lede {
  max-width: 760px;
  font-size: clamp(18px, 1.8vw, 22px);
}

body.page-methodology .stats {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

body.page-methodology .stat {
  min-height: 92px;
  padding: 14px;
}

body.page-methodology .stat strong {
  font-size: clamp(26px, 2.2vw, 34px);
}

body.page-methodology #pipeline,
body.page-methodology #coverage,
body.page-methodology #briefs {
  display: none;
}

body.page-methodology .section {
  padding: clamp(24px, 3vw, 42px) 0;
}

body.page-methodology .section-head {
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.7fr);
  gap: 24px;
}

body.page-methodology .grid.four,
body.page-methodology .confidence,
body.page-methodology .score-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-methodology .formula,
body.page-methodology .card,
body.page-methodology .trust-card,
body.page-methodology .disclaimer-card {
  min-height: 0;
  padding: clamp(18px, 2vw, 24px);
}

body.page-methodology .weights {
  gap: 8px;
}

body.page-methodology .method-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-account .account-main {
  min-height: calc(100svh - 58px);
}

body.page-account .account-shell {
  width: min(1200px, calc(100% - 32px)) !important;
}

body.page-account .account-eyebrow {
  margin-bottom: 12px;
}

body.page-account .account-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
}

body.page-account .account-heading h1 {
  margin-bottom: 4px;
  font-size: clamp(42px, 6vw, 74px);
  line-height: 0.9;
}

body.page-account .account-heading p {
  max-width: 680px;
  margin: 0;
}

body.page-account .account-grid,
body.page-account .brand-studio-layout {
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.72fr) !important;
  gap: 12px !important;
}

body.page-account .account-details dl,
body.page-account .brand-form-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.page-account .account-security,
body.page-account .account-note {
  display: none !important;
}

body.page-account .brand-studio,
body.page-account .saved-briefs {
  margin-top: 14px !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border-radius: 24px !important;
}

body.page-account .brand-studio-heading,
body.page-account .saved-briefs-heading {
  margin-bottom: 12px !important;
}

body.page-account .brand-profile-form input,
body.page-account .brand-profile-form select {
  min-height: 42px !important;
}

body.page-account .brand-permission-note {
  margin: 10px 0 !important;
}

body.page-account .brand-preview {
  min-height: 360px !important;
}

@media (max-width: 860px) {
  body.page-market-atlas .btb-legend {
    right: auto;
    left: 12px;
    bottom: 82px;
    width: min(330px, calc(100vw - 24px));
    padding: 10px;
  }

  body.page-market-atlas .map-legend-labels span {
    font-size: 8px;
  }

  body.page-market-atlas .atlas-compare-horizons {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-compare-move-labels,
  body.page-market-atlas .atlas-compare-move-row {
    grid-template-columns: minmax(68px, 0.8fr) repeat(2, minmax(48px, 0.64fr)) minmax(42px, auto);
  }

  body.page-market-atlas .btb-pin-bar {
    bottom: 12px;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  body.page-market-atlas .btb-pin-bar a,
  body.page-market-atlas .btb-pin-bar button {
    width: 100%;
  }

  body.page-methodology .btb-nav-links,
  body.page-account .btb-nav-links {
    position: absolute !important;
    top: calc(100% + 1px) !important;
    right: 10px !important;
    left: 10px !important;
    z-index: 80 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 10px !important;
    border: 1px solid var(--btb-line) !important;
    border-radius: 0 0 18px 18px !important;
    background: color-mix(in srgb, var(--btb-bg) 96%, transparent) !important;
    box-shadow: var(--btb-shadow) !important;
  }

  body.page-methodology .btb-nav-links.is-open,
  body.page-account .btb-nav-links.is-open {
    display: flex !important;
  }

  body.page-methodology .btb-nav-links a,
  body.page-account .btb-nav-links a {
    display: inline-flex !important;
    min-height: 44px !important;
    justify-content: center !important;
  }

  body.page-methodology .hero-grid,
  body.page-methodology .section-head,
  body.page-methodology .grid.four,
  body.page-methodology .confidence,
  body.page-methodology .score-stack,
  body.page-account .account-heading,
  body.page-account .account-grid,
  body.page-account .brand-studio-layout,
  body.page-account .account-details dl,
  body.page-account .brand-form-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-methodology .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-methodology .method-links {
    grid-template-columns: 1fr;
  }

  body.page-account .account-heading {
    align-items: start;
  }
}

@media (max-width: 520px) {
  body.page-market-atlas .btb-legend {
    bottom: 72px;
  }

  body.page-market-atlas .map-legend-head strong {
    max-width: 170px;
  }

  body.page-market-atlas .map-legend-ramp {
    height: 7px;
  }

  body.page-market-atlas .map-legend-scale.is-county .map-legend-labels span {
    flex-basis: 74px;
  }
}

/* Simple document pages: methodology + account */
body.page-simple-doc {
  min-height: 100svh;
  background:
    radial-gradient(760px 420px at 18% -12%, color-mix(in srgb, var(--btb-accent) 13%, transparent), transparent 68%),
    radial-gradient(620px 420px at 94% 2%, rgba(47, 155, 118, 0.1), transparent 68%),
    linear-gradient(90deg, color-mix(in srgb, var(--btb-ink) 3%, transparent) 1px, transparent 1px),
    linear-gradient(0deg, color-mix(in srgb, var(--btb-ink) 3%, transparent) 1px, transparent 1px),
    var(--btb-bg);
  background-size: auto, auto, 72px 72px, 72px 72px, auto;
}

html[data-theme="light"] body.page-simple-doc {
  --btb-bg: #f4ecdf;
  --btb-bg-2: #fff8ee;
  --btb-fill: #fffdf8;
  --btb-glass: rgba(255, 253, 248, 0.82);
  --btb-ink: #111820;
  --btb-muted: #48596a;
  --btb-faint: #738091;
  --btb-line: rgba(17, 24, 32, 0.13);
  --btb-accent: #a87412;
}

body.page-simple-doc .btb-nav {
  min-height: 62px;
}

body.page-simple-doc .btb-brand img {
  width: 30px;
  height: 34px;
  filter: drop-shadow(0 8px 18px color-mix(in srgb, var(--btb-accent) 22%, transparent));
}

body.page-simple-doc .btb-brand strong {
  color: var(--btb-ink);
  font: 720 14px/1.08 var(--btb-display);
}

body.page-simple-doc .btb-brand span {
  color: var(--btb-faint);
}

.btb-simple {
  width: min(1120px, calc(100% - 36px));
  margin: 0 auto;
  padding: clamp(36px, 6vw, 76px) 0 80px;
}

.btb-simple-hero {
  display: grid;
  gap: 14px;
}

.btb-simple-hero .btb-title {
  max-width: 760px;
  font-size: clamp(42px, 7vw, 78px);
  line-height: 0.93;
}

.btb-simple-hero .btb-lede {
  max-width: 760px;
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.58;
}

.method-answer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: clamp(24px, 4vw, 42px);
  padding: clamp(16px, 2.3vw, 24px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 28px;
  background:
    radial-gradient(520px 250px at 0% 0%, color-mix(in srgb, var(--btb-accent) 12%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 92%, transparent);
  box-shadow: var(--btb-shadow);
}

.method-answer span,
.method-strip span,
.method-section .btb-kicker,
.method-use-grid span,
.account-eyebrow,
.account-label,
.account-detail-head,
.account-fold summary em {
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
  font: 850 10px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.method-answer strong {
  display: block;
  margin-top: 7px;
  color: var(--btb-ink);
  font: 720 clamp(22px, 2.7vw, 34px)/1.08 var(--btb-display);
  letter-spacing: -0.04em;
}

.method-answer a,
.account-primary,
.account-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  font: 800 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.method-answer a,
.account-primary {
  border: 1px solid var(--btb-accent);
  background: var(--btb-accent);
  color: var(--btb-accent-ink) !important;
}

.account-secondary {
  border: 1px solid var(--btb-line);
  background: color-mix(in srgb, var(--btb-fill) 70%, transparent);
  color: var(--btb-ink);
}

.method-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid var(--btb-line);
  border-radius: 24px;
  background: color-mix(in srgb, var(--btb-fill) 78%, transparent);
}

.method-strip article {
  min-width: 0;
  padding: 18px;
  border-left: 1px solid var(--btb-line);
}

.method-strip article:first-child {
  border-left: 0;
}

.method-strip strong {
  display: block;
  margin-top: 9px;
  color: var(--btb-ink);
  font-size: 16px;
}

.method-strip small {
  display: block;
  margin-top: 5px;
  color: var(--btb-muted);
  line-height: 1.35;
}

.method-section {
  display: grid;
  gap: 18px;
  margin-top: clamp(22px, 4vw, 44px);
  padding-top: clamp(20px, 3vw, 34px);
  border-top: 1px solid var(--btb-line);
}

.method-section-head {
  display: grid;
  grid-template-columns: minmax(220px, 0.45fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 54px);
  align-items: end;
}

.method-section h2 {
  margin: 7px 0 0;
  color: var(--btb-ink);
  font: 740 clamp(30px, 4.3vw, 52px)/0.98 var(--btb-display);
  letter-spacing: -0.05em;
}

.method-section-head p:last-child,
.method-disclaimer p,
.method-source,
.method-use-grid p {
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 15px;
  line-height: 1.62;
}

.method-weight-table {
  overflow: hidden;
  border: 1px solid var(--btb-line);
  border-radius: 22px;
  background: color-mix(in srgb, var(--btb-fill) 82%, transparent);
}

.method-weight-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 18px;
  align-items: center;
  min-height: 66px;
  padding: 14px 18px;
  border-top: 1px solid var(--btb-line);
}

.method-weight-row:first-child {
  border-top: 0;
}

.method-weight-row.is-head {
  min-height: 42px;
  background: color-mix(in srgb, var(--btb-bg-2) 52%, transparent);
}

.method-weight-row.is-head span {
  color: var(--btb-faint);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.method-weight-row strong {
  color: var(--btb-ink);
  font: 740 18px/1.1 var(--btb-display);
  letter-spacing: -0.03em;
}

.method-weight-row span,
.method-weight-row small {
  color: color-mix(in srgb, var(--btb-muted) 90%, var(--btb-ink));
  line-height: 1.42;
}

.method-two {
  grid-template-columns: minmax(280px, 0.5fr) minmax(0, 1fr);
  align-items: start;
}

.method-two .method-section-head {
  grid-template-columns: 1fr;
  gap: 0;
}

.method-confidence-list,
.method-use-grid {
  display: grid;
  gap: 10px;
}

.method-confidence-list div,
.method-use-grid div {
  padding: 16px;
  border: 1px solid var(--btb-line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--btb-fill) 76%, transparent);
}

.method-confidence-list strong {
  display: block;
  color: var(--btb-ink);
  font: 740 19px/1 var(--btb-display);
}

.method-confidence-list span {
  display: block;
  margin-top: 5px;
  color: var(--btb-muted);
  line-height: 1.45;
}

.method-use-grid {
  grid-template-columns: 1fr 1fr;
}

.method-use-grid p {
  margin: 8px 0 0;
}

.method-disclaimer {
  padding: clamp(18px, 2.6vw, 28px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 24px;
  background: color-mix(in srgb, var(--btb-fill) 86%, transparent);
}

.method-disclaimer p {
  max-width: 960px;
  margin: 10px 0 0;
}

.method-disclaimer strong {
  color: var(--btb-ink);
}

.method-source {
  margin: clamp(20px, 4vw, 38px) 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--btb-line);
  font-size: 13px;
}

body.page-account .account-main {
  padding: clamp(34px, 5vw, 66px) 18px 80px !important;
}

body.page-account .account-shell {
  width: min(1120px, 100%) !important;
  margin: 0 auto;
}

body.page-account [hidden] {
  display: none !important;
}

.account-loading {
  display: grid;
  place-items: center;
  gap: 12px;
  min-height: 320px;
  color: var(--btb-muted);
  font: 800 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.account-loader {
  width: 32px;
  height: 32px;
  border: 1px solid var(--btb-line);
  border-top-color: var(--btb-accent);
  border-radius: 50%;
  animation: account-spin 0.8s linear infinite;
}

@keyframes account-spin {
  to { transform: rotate(360deg); }
}

.account-hero-simple {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.account-hero-simple h1 {
  margin: 8px 0 0;
  color: var(--btb-ink);
  font: 740 clamp(42px, 7vw, 72px)/0.94 var(--btb-display);
  letter-spacing: -0.055em;
}

.account-hero-simple p:not(.account-eyebrow) {
  max-width: 650px;
  margin: 13px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.58;
}

.account-session {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid color-mix(in srgb, var(--btb-good) 24%, var(--btb-line));
  border-radius: 999px;
  color: var(--btb-good) !important;
  background: color-mix(in srgb, var(--btb-good) 8%, transparent);
  font: 850 9px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.account-session i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.account-topline {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.74fr);
  gap: 12px;
  margin-top: clamp(22px, 4vw, 36px);
}

.account-profile-card,
.account-details,
.account-fold,
.account-note,
.account-signed-out {
  border: 1px solid var(--btb-line) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(460px 230px at 0% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 88%, transparent) !important;
  box-shadow: var(--btb-shadow);
}

.account-profile-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: clamp(16px, 2.4vw, 24px) !important;
}

.account-avatar {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: var(--btb-accent);
  color: var(--btb-accent-ink) !important;
  font: 800 25px/1 var(--btb-display);
}

.account-profile-card h2 {
  margin: 5px 0 7px;
  color: var(--btb-ink);
  font: 700 clamp(20px, 2.4vw, 28px)/1.08 var(--btb-display);
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
}

.account-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid color-mix(in srgb, var(--btb-good) 24%, var(--btb-line));
  border-radius: 999px;
  color: var(--btb-good) !important;
  background: color-mix(in srgb, var(--btb-good) 8%, transparent);
  font: 850 8px/1 var(--btb-mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.account-badge.is-unverified {
  border-color: color-mix(in srgb, var(--btb-warn) 28%, var(--btb-line));
  color: var(--btb-warn) !important;
}

.account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.account-message {
  grid-column: 2 / -1;
  min-height: 16px;
  margin: 0;
  color: var(--btb-warn) !important;
  font-size: 12px;
}

.account-details {
  padding: clamp(16px, 2.2vw, 22px) !important;
}

.account-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--btb-line);
}

.account-detail-number {
  color: var(--btb-faint);
}

.account-details dl {
  display: grid;

  gap: 0;
  margin: 0;
}

.account-details dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--btb-line);
}

.account-details dt {
  color: var(--btb-faint);
  font: 850 9px/1.2 var(--btb-mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.account-details dd {
  margin: 0;
  color: var(--btb-ink);
  font-size: 13px;
  text-align: right;
}

.account-security {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 16px;
  background: color-mix(in srgb, var(--btb-accent) 6%, transparent);
}

.account-shield {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--btb-accent) 18%, transparent);
  color: var(--btb-accent);
  font: 850 10px/1 var(--btb-mono);
}

.account-security strong {
  display: block;
  color: var(--btb-ink);
  font-size: 13px;
}

.account-security p {
  margin: 4px 0 0;
  color: var(--btb-muted);
  font-size: 12px;
}

.account-fold {
  margin-top: 12px;
  overflow: hidden;
}

.account-fold summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 72px;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
}

.account-fold summary::-webkit-details-marker {
  display: none;
}

.account-fold summary b {
  display: block;
  color: var(--btb-ink);
  font: 720 25px/1 var(--btb-display);
  letter-spacing: -0.04em;
}

.account-fold summary small {
  display: block;
  margin-top: 5px;
  color: var(--btb-muted);
  font-size: 13px;
}

.account-fold summary em {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  font-style: normal;
}

.brand-studio-heading,
.brand-studio-layout,
.saved-briefs-list {
  margin: 0 20px 20px;
}

.brand-studio-heading {
  display: grid;
  grid-template-columns: minmax(240px, 0.44fr) minmax(0, 1fr);
  gap: 18px;
  padding-top: 2px;
  border-top: 1px solid var(--btb-line);
}

.brand-studio-heading h2 {
  margin: 6px 0 0;
  color: var(--btb-ink);
  font: 720 31px/1 var(--btb-display);
  letter-spacing: -0.045em;
}

.brand-studio-heading p {
  margin: 4px 0 0;
  color: var(--btb-muted) !important;
  line-height: 1.55;
}

.brand-studio-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  gap: 14px;
}

.brand-profile-form {
  display: grid;
  gap: 12px;
}

.brand-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.brand-profile-form label {
  display: grid;
  gap: 6px;
  color: var(--btb-ink);
  font-size: 13px;
}

.brand-profile-form label > span,
.brand-preview-top small,
.brand-preview-copy > span,
.brand-preview-identity b,
.brand-preview-seal {
  color: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
  font: 850 9px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.brand-profile-form input,
.brand-profile-form select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--btb-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--btb-bg-2) 62%, transparent);
  color: var(--btb-ink);
}

.brand-color-field input[type="color"] {
  min-height: 42px;
  padding: 4px;
}

.brand-mode-field {
  margin-top: 2px;
}

.brand-permission-note {
  margin: 0;
  color: var(--btb-muted) !important;
  font-size: 12px;
  line-height: 1.45;
}

.brand-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

#brandProfileStatus {
  color: var(--btb-good) !important;
  font-size: 12px;
}

#brandProfileStatus.is-error {
  color: var(--btb-warn) !important;
}

.brand-preview {
  position: relative;
  display: grid;
  align-content: space-between;
  min-height: 330px;
  padding: 18px;
  border: 1px solid var(--btb-line);
  border-radius: 20px;
  background:
    radial-gradient(360px 210px at 100% 0%, color-mix(in srgb, var(--preview-accent, var(--btb-accent)) 14%, transparent), transparent 70%),
    color-mix(in srgb, var(--btb-fill) 82%, transparent);
}

.brand-preview-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

#brandPreviewLogo {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--preview-accent, var(--btb-accent)) 32%, var(--btb-line));
  border-radius: 15px;
  color: var(--preview-accent, var(--btb-accent));
  font: 850 13px/1 var(--btb-mono);
}

#brandPreviewLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.brand-preview-copy h3 {
  max-width: 290px;
  margin: 8px 0 0;
  color: var(--btb-ink);
  font: 720 34px/0.98 var(--btb-display);
  letter-spacing: -0.045em;
}

.brand-preview-copy p {
  max-width: 300px;
  margin: 12px 0 0;
  color: var(--btb-muted) !important;
  line-height: 1.5;

}

.brand-preview-identity {
  display: grid;
  gap: 4px;
  padding-top: 14px;
  border-top: 1px solid var(--btb-line);
}

.brand-preview-identity strong {
  color: var(--btb-ink);
  font-size: 18px;
}

.brand-preview-identity span,
.brand-preview-identity small {
  color: var(--btb-muted) !important;
  overflow-wrap: anywhere;
}

.brand-preview-seal {
  position: absolute;
  right: 18px;
  bottom: 16px;
  color: var(--btb-faint);
}

.saved-briefs-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid var(--btb-line);
}

.saved-brief-card,
.saved-briefs-state,
.saved-briefs-empty {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--btb-line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--btb-bg-2) 46%, transparent);
}

.saved-brief-card h3,
.saved-briefs-empty strong {
  margin: 0;
  color: var(--btb-ink);
  font: 720 20px/1.05 var(--btb-display);
}

.saved-brief-card p,
.saved-briefs-state,
.saved-briefs-empty p {
  margin: 0;
  color: var(--btb-muted) !important;
  line-height: 1.45;
}

.saved-brief-meta,
.saved-brief-action {
  color: color-mix(in srgb, var(--btb-accent) 84%, var(--btb-ink));
  font: 850 9px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.account-note {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  padding: 16px 18px;
}

.account-note span {
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink)) !important;
  font: 850 10px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.account-note p {
  max-width: 720px;
  margin: 0;
  color: var(--btb-muted) !important;
}

.account-signed-out {
  max-width: 720px;
  margin: 40px auto 0;
  padding: clamp(28px, 6vw, 52px);
  text-align: center;
}

.signed-out-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  border-radius: 18px;
  background: var(--btb-accent);
}

.person-icon {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid var(--btb-accent-ink);
  border-radius: 50%;
  box-shadow: 0 17px 0 -7px var(--btb-accent-ink);
}

.account-signed-out h1 {
  max-width: 560px;
  margin: 10px auto 0;
  color: var(--btb-ink);
  font: 740 clamp(39px, 7vw, 64px)/0.96 var(--btb-display);
  letter-spacing: -0.055em;
}

.account-signed-out > p {
  max-width: 500px;
  margin: 14px auto 0;
  color: var(--btb-muted) !important;
}

.signed-out-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 24px;
}

@media (max-width: 860px) {
  .btb-simple {
    width: min(100% - 24px, 1120px);
    padding-top: 30px;
  }

  .btb-simple-hero .btb-title,
  .account-hero-simple h1 {
    font-size: clamp(38px, 12vw, 54px);
  }

  .method-answer,
  .account-hero-simple,
  .account-topline,
  .brand-studio-heading,
  .brand-studio-layout,
  .method-section-head,
  .method-two,
  .method-use-grid,
  .account-profile-card {
    grid-template-columns: 1fr;
  }

  .method-answer a {
    justify-self: start;
  }

  .method-strip {
    grid-template-columns: 1fr 1fr;
  }

  .method-strip article:nth-child(odd) {
    border-left: 0;
  }

  .method-strip article:nth-child(n + 3) {
    border-top: 1px solid var(--btb-line);
  }

  .method-weight-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .account-session {
    justify-self: start;
  }

  .account-actions {
    justify-content: flex-start;
  }

  .account-message {
    grid-column: 1;
  }

  .brand-form-grid,
  .saved-briefs-list {
    grid-template-columns: 1fr;
  }

  .brand-preview {
    min-height: 280px;
  }

  .account-note {
    display: grid;
  }
}

@media (max-width: 520px) {
  .method-strip {
    grid-template-columns: 1fr;
  }

  .method-strip article,
  .method-strip article:nth-child(odd) {
    border-left: 0;
    border-top: 1px solid var(--btb-line);
  }

  .method-strip article:first-child {
    border-top: 0;
  }

  .account-main {
    padding-inline: 12px !important;
  }

  .account-fold summary {
    padding: 15px;
  }

  .brand-studio-heading,
  .brand-studio-layout,
  .saved-briefs-list {
    margin-inline: 15px;
    margin-bottom: 15px;
  }

  .account-primary,
  .account-secondary {
    width: 100%;
  }
}

/* Simple-page final pass: keep Methodology and Account from feeling like card decks. */
body.page-simple-doc {
  overflow-x: hidden;
}

body.page-methodology .btb-simple {
  width: min(1160px, calc(100% - 40px));
}

body.page-methodology .btb-simple-hero {
  min-height: clamp(260px, 34vw, 430px);
  align-content: center;
  border-bottom: 1px solid var(--btb-line);
}

body.page-methodology .method-answer {
  margin-top: 0;
  padding: 24px 0;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.page-methodology .method-strip {
  margin-top: 0;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
}

body.page-methodology .method-strip article {
  padding: 18px clamp(14px, 2vw, 28px);
}

body.page-methodology .method-section {
  grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr);
  gap: clamp(22px, 5vw, 74px);
  margin-top: 0;
  padding: clamp(28px, 4vw, 46px) 0;
}

body.page-methodology .method-section-head {
  display: block;
}

body.page-methodology .method-section-head p:last-child {
  margin-top: 14px;
}

body.page-methodology .method-weight-table,
body.page-methodology .method-confidence-list,
body.page-methodology .method-use-grid {
  align-self: start;
}

body.page-methodology .method-weight-table {
  border-width: 1px 0;
  border-radius: 0;
  background: transparent;
}

body.page-methodology .method-weight-row {
  padding-inline: 0;
}

body.page-methodology .method-weight-row.is-head {
  background: transparent;
}

body.page-methodology .method-confidence-list div,
body.page-methodology .method-use-grid div {
  padding: 15px 0;
  border: 0;
  border-top: 1px solid var(--btb-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.page-methodology .method-confidence-list div:first-child,
body.page-methodology .method-use-grid div:first-child {
  border-top: 0;
}

body.page-methodology .method-disclaimer {
  border-top-color: color-mix(in srgb, var(--btb-accent) 34%, var(--btb-line));
}

body.page-methodology .method-disclaimer p:last-child,
body.page-methodology .method-source {
  max-width: 830px;
}

body.page-account .account-main {
  padding: clamp(34px, 5vw, 70px) 0 78px !important;
  background:
    radial-gradient(760px 420px at 12% 0%, color-mix(in srgb, var(--btb-accent) 13%, transparent), transparent 72%),
    radial-gradient(620px 360px at 92% 8%, rgba(99, 191, 169, 0.1), transparent 70%);
}

body.page-account .account-shell {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

body.page-account .account-hero-simple,
body.page-account .account-profile-card,
body.page-account .account-details,
body.page-account .account-fold,
body.page-account .account-note,
body.page-account .account-signed-out {
  background: color-mix(in srgb, var(--btb-fill) 58%, transparent);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--btb-ink) 8%, transparent);
  backdrop-filter: blur(22px) saturate(1.14);
}

body.page-account .account-hero-simple {
  padding: clamp(28px, 5vw, 58px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 32px;
  background:
    radial-gradient(520px 280px at 4% 0%, color-mix(in srgb, var(--btb-accent) 16%, transparent), transparent 74%),
    color-mix(in srgb, var(--btb-fill) 70%, transparent);
}

body.page-account .account-hero-simple h1 {
  max-width: 9ch;
}

body.page-account .account-hero-simple p:not(.account-eyebrow) {
  max-width: 50em;
}

body.page-account .account-topline {
  gap: clamp(20px, 4vw, 56px);
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--btb-line);
  border-radius: 28px;
  background: color-mix(in srgb, var(--btb-fill) 50%, transparent);
}

body.page-account .account-profile-card,
body.page-account .account-details {
  border: 0;
  padding: 0;
}

body.page-account .account-profile-card {
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
}

body.page-account .account-details {
  border-left: 1px solid var(--btb-line);
  padding-left: clamp(20px, 3vw, 42px);
}

body.page-account .account-fold {
  margin-top: 14px;
  border: 1px solid var(--btb-line);
  border-radius: 24px;
  overflow: hidden;
}

body.page-account .account-fold summary {
  min-height: 76px;
  padding: 20px;
}

body.page-account .account-fold[open] summary {
  border-bottom: 1px solid var(--btb-line);
}

body.page-account .brand-studio-heading,
body.page-account .brand-studio-layout,
body.page-account .saved-briefs-list {
  margin-inline: 0;
}

body.page-account .brand-studio-heading {
  padding: 22px 20px 0;
}

body.page-account .brand-studio-layout,
body.page-account .saved-briefs-list {
  padding: 20px;
}

body.page-account .brand-profile-form,
body.page-account .brand-preview,
body.page-account .saved-brief-card,
body.page-account .saved-briefs-state,
body.page-account .saved-briefs-empty {
  border-radius: 20px;
  box-shadow: none;
}

body.page-account .account-note {
  margin-top: 22px;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 18%, var(--btb-line));
  border-radius: 22px;
}

@media (max-width: 860px) {
  body.page-methodology .btb-simple,
  body.page-account .account-shell {
    width: min(100% - 28px, 1120px);
  }

  body.page-methodology .btb-simple-hero {
    min-height: auto;
    padding-bottom: 28px;
  }

  body.page-methodology .method-answer,
  body.page-methodology .method-section {
    grid-template-columns: 1fr;
  }

  body.page-methodology .method-strip {
    grid-template-columns: 1fr 1fr;
  }

  body.page-account .account-topline,
  body.page-account .account-profile-card {
    grid-template-columns: 1fr;
  }

  body.page-account .account-details {
    border-left: 0;
    border-top: 1px solid var(--btb-line);
    padding: 20px 0 0;
  }
}

@media (max-width: 520px) {
  body.page-methodology .btb-simple,
  body.page-account .account-shell {
    width: min(100% - 24px, 1120px);
  }

  body.page-methodology .method-strip {
    grid-template-columns: 1fr;
  }

  body.page-account .account-main {
    padding-inline: 0 !important;
  }
}

/* Methodology engine rebuild + shared top-bar normalization */
body.page-methodology .btb-nav,
body.page-account .btb-nav {
  min-height: 58px !important;
  padding: 0 22px !important;
  color: var(--btb-ink) !important;
  background: color-mix(in srgb, var(--btb-bg) 86%, transparent) !important;
  border-bottom: 1px solid var(--btb-line) !important;
  backdrop-filter: saturate(1.4) blur(18px) !important;
}

body.page-methodology .btb-brand img,
body.page-account .btb-brand img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  filter: none !important;
}

body.page-methodology .btb-brand .brand-copy strong,
body.page-account .btb-brand .brand-copy strong {
  color: var(--btb-ink) !important;
  font: 600 14px/1.1 var(--btb-display) !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

body.page-methodology .btb-brand .brand-copy span,
body.page-account .btb-brand .brand-copy span {
  color: var(--btb-faint) !important;
  font: 400 11px/1.15 var(--btb-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.page-methodology .btb-nav-links a,
body.page-account .btb-nav-links a {
  min-height: 34px !important;
  padding: 0 12px !important;
  color: var(--btb-muted) !important;
  font: 400 13px/1 var(--btb-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.page-methodology .btb-nav-links a:hover,
body.page-methodology .btb-nav-links a[aria-current="page"],
body.page-account .btb-nav-links a:hover,
body.page-account .btb-nav-links a[aria-current="page"] {
  color: var(--btb-ink) !important;
  background: color-mix(in srgb, var(--btb-fill) 70%, transparent) !important;
}

.method-engine-page {
  width: min(1240px, calc(100% - 40px)) !important;
  padding: clamp(42px, 6vw, 82px) 0 76px !important;
}

.method-engine-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.62fr);
  gap: clamp(28px, 6vw, 86px);
  align-items: end;
  min-height: clamp(260px, 31vw, 410px);
  padding-bottom: clamp(26px, 4vw, 42px);
  border-bottom: 1px solid var(--btb-line);
}

.method-engine-hero .btb-title {
  max-width: 820px;
  font-size: clamp(50px, 8.6vw, 116px);
  letter-spacing: -0.07em;
}

.method-engine-hero .btb-lede {
  max-width: 560px;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: clamp(16px, 1.7vw, 21px);
  line-height: 1.55;
}

.method-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.5fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--btb-line);
}

.method-command strong {
  color: var(--btb-ink);
  font: 720 clamp(22px, 2.6vw, 36px)/1 var(--btb-display);
  letter-spacing: -0.045em;
}

.method-command span {
  color: var(--btb-muted);
  line-height: 1.45;
}

.method-command a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  color: var(--btb-ink);
  background: color-mix(in srgb, var(--btb-fill) 72%, transparent);
  font: 780 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.method-coverage {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--btb-line);
}

.method-coverage div {
  min-width: 0;
  padding: 18px clamp(12px, 2vw, 24px);
  border-left: 1px solid var(--btb-line);
}

.method-coverage div:first-child {
  border-left: 0;
}

.method-coverage span,
.method-block-head > span,
.method-gauge-copy > span,
.method-boundary span {
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
  font: 850 10px/1.15 var(--btb-mono);
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.method-coverage strong {
  display: block;
  margin-top: 8px;
  color: var(--btb-ink);
  font: 760 clamp(30px, 4vw, 52px)/0.9 var(--btb-display);
  letter-spacing: -0.055em;
}

.method-engine-block,
.method-engine-split,
.method-boundary {
  padding: clamp(32px, 5vw, 58px) 0;
  border-bottom: 1px solid var(--btb-line);
}

.method-block-head {
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 0.7fr) minmax(260px, 0.52fr);
  gap: clamp(18px, 4vw, 58px);
  align-items: end;
}

.method-engine-split .method-block-head {
  grid-template-columns: minmax(240px, 0.46fr) minmax(0, 1fr);
}

.method-block-head h2,
.method-boundary h2 {
  margin: 0;
  color: var(--btb-ink);
  font: 750 clamp(34px, 5.2vw, 66px)/0.96 var(--btb-display);
  letter-spacing: -0.06em;
}

.method-block-head p,
.method-boundary p {
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.6;
}

.method-gauge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: clamp(22px, 3vw, 34px);
}

.method-gauge-card {
  position: relative;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  min-height: 320px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--tone) 28%, var(--btb-line));
  border-radius: 30px;
  background:
    radial-gradient(520px 270px at 0% 0%, color-mix(in srgb, var(--tone) 20%, transparent), transparent 68%),
    linear-gradient(145deg, color-mix(in srgb, var(--btb-fill) 92%, transparent), color-mix(in srgb, var(--btb-bg-2) 46%, transparent));
  box-shadow: 0 28px 80px color-mix(in srgb, #000 14%, transparent);
}

.method-gauge-card::after {
  content: "";
  position: absolute;
  inset: auto 22px 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--tone) 54%, transparent), transparent);
  opacity: 0.8;
}

.method-gauge-visual {
  position: relative;
  display: grid;
  place-items: center;
  width: 124px;
  height: 124px;
  align-self: start;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--btb-bg) 0 54%, transparent 55%),
    conic-gradient(var(--tone) var(--score), color-mix(in srgb, var(--btb-line) 82%, transparent) 0);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--tone) 24%, transparent),
    0 18px 44px color-mix(in srgb, var(--tone) 16%, transparent);
}

.method-gauge-visual::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: inherit;
  border: 1px solid color-mix(in srgb, var(--tone) 18%, transparent);
}

.method-gauge-visual span {
  color: var(--btb-ink);
  font: 760 38px/1 var(--btb-display);
  letter-spacing: -0.05em;
}

.method-gauge-copy {
  min-width: 0;
}

.method-gauge-copy h3 {
  margin: 9px 0 8px;
  color: var(--btb-ink);
  font: 750 clamp(28px, 3.5vw, 44px)/0.95 var(--btb-display);
  letter-spacing: -0.055em;
}

.method-gauge-copy p {
  margin: 0;
  color: var(--btb-muted);
  line-height: 1.48;
}

.method-weight-bars {
  display: grid;
  gap: 9px;
  margin-top: 18px;
}

.method-weight-bars div {
  display: grid;
  grid-template-columns: minmax(76px, 0.62fr) minmax(84px, 1fr) 34px;
  gap: 9px;
  align-items: center;
}

.method-weight-bars b,
.method-weight-bars strong {
  color: var(--btb-ink);
  font: 760 9px/1 var(--btb-mono);
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.method-weight-bars i {
  position: relative;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-line) 82%, transparent);
}

.method-weight-bars i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--w);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone) 56%, var(--btb-accent)));
}

.method-confidence-scale,
.method-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(22px, 3vw, 32px);
  border: 1px solid var(--btb-line);
  border-radius: 26px;
  overflow: hidden;
  background: color-mix(in srgb, var(--btb-fill) 72%, transparent);
}

.method-confidence-scale div,
.method-flow div {
  min-width: 0;
  padding: 20px;
  border-left: 1px solid var(--btb-line);
}

.method-confidence-scale div:first-child,
.method-flow div:first-child {
  border-left: 0;
}

.method-confidence-scale strong,
.method-flow strong {
  display: block;
  color: var(--btb-ink);
  font: 740 23px/1 var(--btb-display);
  letter-spacing: -0.045em;
}

.method-confidence-scale span,
.method-flow b {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  margin: 10px 0;
  padding: 0 9px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 28%, var(--btb-line));
  border-radius: 999px;
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
  font: 850 9px/1 var(--btb-mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.method-confidence-scale p,
.method-flow span {
  display: block;
  margin: 0;
  color: var(--btb-muted);
  line-height: 1.45;
}

.method-boundary {
  display: grid;
  grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr);
  gap: clamp(22px, 5vw, 70px);
  align-items: start;
  padding: clamp(26px, 4vw, 42px);
  margin-top: clamp(28px, 4vw, 48px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 28%, var(--btb-line));
  border-radius: 30px;
  background:
    radial-gradient(520px 280px at 0% 0%, color-mix(in srgb, var(--btb-accent) 13%, transparent), transparent 72%),
    color-mix(in srgb, var(--btb-fill) 84%, transparent);
}

.method-boundary h2 {
  margin-top: 8px;
}

.method-source {
  max-width: 900px;
  color: var(--btb-faint) !important;
}

@media (max-width: 1020px) {
  .method-engine-hero,
  .method-command,
  .method-block-head,
  .method-engine-split .method-block-head,
  .method-boundary {
    grid-template-columns: 1fr;
  }

  .method-gauge-grid {
    grid-template-columns: 1fr;
  }

  .method-gauge-card {
    min-height: 0;
  }

  .method-command a {
    justify-self: start;
  }
}

@media (max-width: 720px) {
  body.page-methodology .btb-nav,
  body.page-account .btb-nav {
    padding: 0 14px !important;
  }

  .method-engine-page {
    width: min(100% - 24px, 1240px) !important;
    padding-top: 30px !important;
  }

  .method-engine-hero {
    min-height: auto;
  }

  .method-coverage,
  .method-confidence-scale,
  .method-flow {
    grid-template-columns: 1fr 1fr;
  }

  .method-coverage div:nth-child(odd),
  .method-confidence-scale div:nth-child(odd),
  .method-flow div:nth-child(odd) {
    border-left: 0;
  }

  .method-coverage div:nth-child(n + 3),
  .method-confidence-scale div:nth-child(n + 3),
  .method-flow div:nth-child(n + 3) {
    border-top: 1px solid var(--btb-line);
  }

  .method-gauge-card {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .method-gauge-visual {
    width: 104px;
    height: 104px;
  }

  .method-weight-bars div {
    grid-template-columns: minmax(86px, 0.8fr) minmax(88px, 1fr) 32px;
  }
}

@media (max-width: 480px) {
  .method-coverage,
  .method-confidence-scale,
  .method-flow {
    grid-template-columns: 1fr;
  }

  .method-coverage div,
  .method-confidence-scale div,
  .method-flow div,
  .method-coverage div:nth-child(odd),
  .method-confidence-scale div:nth-child(odd),
  .method-flow div:nth-child(odd) {
    border-left: 0;
    border-top: 1px solid var(--btb-line);
  }

  .method-coverage div:first-child,
  .method-confidence-scale div:first-child,
  .method-flow div:first-child {
    border-top: 0;
  }

  .method-weight-bars div {
    grid-template-columns: 1fr 58px;
  }

  .method-weight-bars i {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

/* Methodology trust rebuild + shared system-page chrome */
body.page-system-doc {
  min-height: 100svh;
  overflow-x: hidden;
  background:
    radial-gradient(840px 520px at 12% -12%, color-mix(in srgb, var(--btb-accent) 13%, transparent), transparent 68%),
    radial-gradient(760px 500px at 94% 0%, rgba(47, 155, 118, 0.1), transparent 68%),
    linear-gradient(90deg, color-mix(in srgb, var(--btb-ink) 3%, transparent) 1px, transparent 1px),
    linear-gradient(0deg, color-mix(in srgb, var(--btb-ink) 2.5%, transparent) 1px, transparent 1px),
    var(--btb-bg) !important;
  background-size: auto, auto, 86px 86px, 86px 86px, auto !important;
}

html[data-theme="light"] body.page-system-doc {
  --btb-bg: #f4ecdf;
  --btb-bg-2: #fff7eb;
  --btb-fill: #fffdf8;
  --btb-glass: rgba(255, 253, 248, 0.78);
  --btb-ink: #101820;
  --btb-muted: #526272;
  --btb-faint: #788391;
  --btb-line: rgba(16, 24, 32, 0.14);
  --btb-accent: #a87312;
}

body.page-system-doc .btb-nav {
  min-height: 58px !important;
  padding: 0 22px !important;
  color: var(--btb-muted) !important;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--btb-bg) 82%, transparent), transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: saturate(1.2) blur(18px) !important;
}

body.page-system-doc .btb-brand img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  filter: none !important;
}

body.page-system-doc .btb-brand .brand-copy strong {
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink)) !important;
  font: 600 14px/1.1 var(--btb-display) !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

body.page-system-doc .btb-brand .brand-copy span {
  color: var(--btb-faint) !important;
  font: 400 11px/1.15 var(--btb-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.page-system-doc .btb-nav-links a {
  min-height: 34px !important;
  padding: 0 12px !important;
  color: var(--btb-muted) !important;
  font: 400 13px/1 var(--btb-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border: 0 !important;
  background: transparent !important;
}

body.page-system-doc .btb-nav-links a:hover,
body.page-system-doc .btb-nav-links a[aria-current="page"] {
  color: var(--btb-ink) !important;
  background: color-mix(in srgb, var(--btb-fill) 70%, transparent) !important;
}

.methodology-shell {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto;
  padding: clamp(28px, 4vw, 58px) 0 58px;
}

.methodology-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(340px, 0.62fr);
  gap: clamp(28px, 6vw, 88px);
  align-items: end;
  min-height: clamp(220px, 25vw, 330px);
  padding-bottom: clamp(22px, 3vw, 34px);
  border-bottom: 1px solid var(--btb-line);
}

.methodology-kicker,
.methodology-proof-strip span,
.methodology-principles span,
.methodology-contract-rows b,
.methodology-card-top span,
.methodology-card-top b,
.methodology-audit-strip span,
.methodology-geo-grid span,
.methodology-role-grid span,
.methodology-boundary-grid span {
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
  font: 850 10px/1.15 var(--btb-mono);
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.methodology-kicker span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 9px;
  border-radius: 50%;
  background: #63bfa9;
  box-shadow: 0 0 22px rgba(99, 191, 169, 0.62);
}

.methodology-contract {
  display: grid;
  grid-template-columns: minmax(320px, 0.52fr) minmax(0, 1fr);
  gap: clamp(18px, 3.5vw, 48px);
  align-items: stretch;
  padding: clamp(22px, 3vw, 34px) 0;
  border-bottom: 1px solid var(--btb-line);
}

.methodology-contract-statement {
  display: grid;
  align-content: center;
  min-height: 245px;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid color-mix(in srgb, var(--btb-accent) 24%, var(--btb-line));
  border-radius: 30px;
  background:
    radial-gradient(520px 300px at 0% 0%, color-mix(in srgb, var(--btb-accent) 16%, transparent), transparent 70%),
    linear-gradient(145deg, color-mix(in srgb, var(--btb-fill) 82%, transparent), color-mix(in srgb, var(--btb-bg) 34%, transparent));
  box-shadow: 0 28px 80px color-mix(in srgb, #000 14%, transparent);
}

.methodology-contract-statement h2 {
  max-width: 13ch;
  margin: 14px 0 0;
  color: var(--btb-ink);
  font: 750 clamp(36px, 4.8vw, 62px)/0.92 var(--btb-display);
  letter-spacing: -0.07em;
}

.methodology-contract-statement p:last-child {
  max-width: 52ch;
  margin: 14px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.48;
}

.methodology-contract-rows {
  display: grid;
  gap: 8px;
  align-content: center;
}

.methodology-contract-rows article {
  display: grid;
  grid-template-columns: 48px minmax(0, 0.42fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--btb-line);
  border-radius: 22px;
  background: color-mix(in srgb, var(--btb-fill) 68%, transparent);
}

.methodology-contract-rows strong {
  color: var(--btb-ink);
  font: 740 clamp(19px, 1.8vw, 24px)/1 var(--btb-display);
  letter-spacing: -0.045em;
}

.methodology-contract-rows p {
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 12.5px;
  line-height: 1.36;
}

.methodology-shell h1,
.methodology-shell h2,
.methodology-shell h3,
.methodology-shell strong,
.methodology-shell p,
.methodology-shell span,
.methodology-shell small,
.methodology-shell b {
  min-width: 0;
  overflow-wrap: anywhere;
}

.methodology-hero h1 {
  max-width: 880px;
  margin: 16px 0 0;
  color: var(--btb-ink);
  font: 760 clamp(48px, 7.2vw, 96px)/0.9 var(--btb-display);
  letter-spacing: -0.075em;
}

.methodology-hero-copy p {
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: clamp(16px, 1.55vw, 21px);
  line-height: 1.58;
}

.methodology-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}

.methodology-hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-fill) 68%, transparent);
  color: var(--btb-ink);
  font: 800 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.methodology-proof-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--btb-line);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--btb-fill) 32%, transparent), transparent);
}

.methodology-proof-strip div {
  min-width: 0;
  padding: 14px clamp(10px, 1.4vw, 18px);
  border-left: 1px solid var(--btb-line);
}

.methodology-proof-strip div:first-child {
  border-left: 0;
}

.methodology-proof-strip strong {
  display: block;
  margin-top: 7px;
  color: var(--btb-ink);
  font: 760 clamp(25px, 2.8vw, 40px)/0.92 var(--btb-display);
  letter-spacing: -0.055em;
}

.methodology-proof-strip small {
  display: block;
  margin-top: 6px;
  color: var(--btb-faint);
  font-size: 11.5px;
  line-height: 1.35;
}

.methodology-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: clamp(24px, 4vw, 38px) 0;
  border-bottom: 1px solid var(--btb-line);
}

.methodology-principles article,
.methodology-gauge-card,
.methodology-audit-strip,
.methodology-confidence-table,
.methodology-geo-grid,
.methodology-role-grid,
.methodology-boundary {
  border: 1px solid var(--btb-line);
  background:
    radial-gradient(520px 280px at 0% 0%, color-mix(in srgb, var(--btb-accent) 10%, transparent), transparent 70%),
    color-mix(in srgb, var(--btb-fill) 76%, transparent);
  box-shadow: 0 26px 74px color-mix(in srgb, #000 16%, transparent);
}

.methodology-principles article {
  min-height: 178px;
  padding: 20px;
  border-radius: 26px;
}

.methodology-principles h2 {
  margin: 18px 0 0;
  color: var(--btb-ink);
  font: 740 clamp(27px, 3vw, 38px)/0.98 var(--btb-display);
  letter-spacing: -0.055em;
}

.methodology-principles p,
.methodology-section-head p,
.methodology-gauge-body p,
.methodology-confidence-table p,
.methodology-geo-grid p,
.methodology-role-grid p,
.methodology-boundary p,
.methodology-disclaimer,
.methodology-source {
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  line-height: 1.58;
}

.methodology-section {
  padding: clamp(26px, 3.8vw, 46px) 0;
  border-bottom: 1px solid var(--btb-line);
}

.methodology-section-head {
  display: grid;
  grid-template-columns: minmax(190px, 0.28fr) minmax(0, 0.72fr) minmax(260px, 0.5fr);
  gap: clamp(18px, 4vw, 60px);
  align-items: end;
}

.methodology-section-head h2,
.methodology-boundary h2 {
  margin: 0;
  color: var(--btb-ink);
  font: 750 clamp(32px, 4.3vw, 56px)/0.98 var(--btb-display);
  letter-spacing: -0.06em;
}

.methodology-section-head p {
  margin: 0;
  font-size: clamp(15px, 1.4vw, 18px);
}

.methodology-gauge-room {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: clamp(18px, 2.5vw, 28px);
}

.methodology-audit-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 26px;
}

.methodology-audit-strip div {
  min-width: 0;
  padding: 15px;
  border-left: 1px solid var(--btb-line);
}

.methodology-audit-strip div:first-child {
  border-left: 0;
}

.methodology-audit-strip strong {
  display: block;
  margin-top: 7px;
  color: var(--btb-ink);
  font: 740 21px/1 var(--btb-display);
  letter-spacing: -0.045em;
}

.methodology-audit-strip p {
  margin: 8px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 12.5px;
  line-height: 1.44;
}

.methodology-gauge-card {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  min-height: 258px;
  padding: 18px;
  border-color: color-mix(in srgb, var(--tone) 32%, var(--btb-line));
  border-radius: 30px;
}

.methodology-dial {
  position: relative;
  display: grid;
  place-items: center;
  align-content: center;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--btb-bg) 0 54%, transparent 55%),
    conic-gradient(var(--tone) var(--dial), color-mix(in srgb, var(--btb-line) 88%, transparent) 0);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tone) 28%, transparent), 0 18px 44px color-mix(in srgb, var(--tone) 16%, transparent);
}

.methodology-dial span {
  color: var(--btb-ink);
  font: 760 38px/0.9 var(--btb-display);
  letter-spacing: -0.06em;
}

.methodology-dial small {
  color: var(--btb-faint);
  font: 800 8px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.methodology-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.methodology-card-top b {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 9px;
  border: 1px solid color-mix(in srgb, var(--tone) 28%, var(--btb-line));
  border-radius: 999px;
  color: color-mix(in srgb, var(--tone) 80%, var(--btb-ink));
}

.methodology-gauge-body h3 {
  margin: 10px 0 7px;
  color: var(--btb-ink);
  font: 750 clamp(28px, 3.4vw, 44px)/0.94 var(--btb-display);
  letter-spacing: -0.06em;
}

.methodology-gauge-body p {
  margin: 0;
}

.methodology-weight-list {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.methodology-weight-list div {
  display: grid;
  grid-template-columns: minmax(112px, 0.78fr) minmax(90px, 1fr) 42px;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.methodology-weight-list span,
.methodology-weight-list strong {
  min-width: 0;
  overflow: hidden;
  color: var(--btb-ink);
  font: 760 9px/1.14 var(--btb-mono);
  letter-spacing: 0.035em;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.methodology-weight-list i {
  position: relative;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-line) 84%, transparent);
}

.methodology-weight-list i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--w);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone) 42%, var(--btb-accent)));
}

body.page-methodology .methodology-contract {
  grid-template-columns: minmax(300px, 0.46fr) minmax(0, 1fr);
}

body.page-methodology .methodology-contract-rows article {
  grid-template-columns: 42px minmax(170px, 0.44fr) minmax(0, 1fr);
}

.methodology-two-up {
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: start;
}

.methodology-two-up .methodology-section-head {
  display: block;
}

.methodology-two-up .methodology-section-head h2 {
  margin-top: 10px;
}

.methodology-two-up .methodology-section-head p {
  margin-top: 14px;
}

.methodology-confidence-table,
.methodology-geo-grid,
.methodology-role-grid {
  display: grid;
  overflow: hidden;
  border-radius: 26px;
}

.methodology-confidence-table,
.methodology-role-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.methodology-geo-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.methodology-confidence-table div,
.methodology-geo-grid div,
.methodology-role-grid div {
  min-width: 0;
  padding: 20px;
  border-left: 1px solid var(--btb-line);
}

.methodology-confidence-table div:first-child,
.methodology-geo-grid div:first-child,
.methodology-role-grid div:first-child {
  border-left: 0;
}

.methodology-confidence-table strong,
.methodology-geo-grid strong,
.methodology-role-grid strong {
  display: block;
  margin-top: 9px;
  color: var(--btb-ink);
  font: 740 25px/1 var(--btb-display);
  letter-spacing: -0.045em;
}

.methodology-confidence-table p,
.methodology-geo-grid p,
.methodology-role-grid p {
  margin: 10px 0 0;
}

.methodology-boundary {
  display: grid;
  grid-template-columns: minmax(280px, 0.4fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 74px);
  padding: clamp(26px, 4vw, 42px);
  margin-top: clamp(30px, 4vw, 52px);
  border-color: color-mix(in srgb, var(--btb-accent) 30%, var(--btb-line));
  border-radius: 30px;
}

.methodology-boundary h2 {
  margin-top: 10px;
}

.methodology-boundary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.methodology-boundary-grid article {
  padding: 16px;
  border: 1px solid var(--btb-line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--btb-bg-2) 42%, transparent);
}

.methodology-boundary-grid p {
  margin: 8px 0 0;
}

.methodology-disclaimer {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid var(--btb-line);
  font-size: 14px;
}

.methodology-source {
  max-width: 920px;
  margin: 24px 0 0;
  color: var(--btb-faint) !important;
  font-size: 13px;
}

@media (max-width: 1040px) {
  .methodology-hero,
  .methodology-contract,
  .methodology-section-head,
  .methodology-two-up,
  .methodology-boundary {
    grid-template-columns: 1fr;
  }

  .methodology-proof-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .methodology-proof-strip div:nth-child(3n + 1) {
    border-left: 0;
  }

  .methodology-proof-strip div:nth-child(n + 4) {
    border-top: 1px solid var(--btb-line);
  }

  .methodology-gauge-room,
  .methodology-principles {
    grid-template-columns: 1fr;
  }

  .methodology-contract-statement {
    min-height: 0;
  }

  .methodology-contract-statement h2 {
    max-width: 13ch;
  }

  .methodology-contract-rows article {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .methodology-audit-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .methodology-audit-strip div:nth-child(odd) {
    border-left: 0;
  }

  .methodology-audit-strip div:nth-child(n + 3) {
    border-top: 1px solid var(--btb-line);
  }

  .methodology-confidence-table,
  .methodology-role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .methodology-confidence-table div:nth-child(odd),
  .methodology-role-grid div:nth-child(odd) {
    border-left: 0;
  }

  .methodology-confidence-table div:nth-child(n + 3),
  .methodology-role-grid div:nth-child(n + 3) {
    border-top: 1px solid var(--btb-line);
  }
}

@media (max-width: 720px) {
  body.page-system-doc .btb-nav {
    padding: 0 14px !important;
  }

  body.page-system-doc .btb-nav-links {
    position: absolute !important;
    top: calc(100% + 1px) !important;
    right: 10px !important;
    left: 10px !important;
    z-index: 80 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 10px !important;
    border: 1px solid var(--btb-line) !important;
    border-radius: 0 0 18px 18px !important;
    background: color-mix(in srgb, var(--btb-bg) 96%, transparent) !important;
    box-shadow: var(--btb-shadow) !important;
  }

  body.page-system-doc .btb-nav-links.is-open {
    display: flex !important;
  }

  body.page-system-doc .btb-nav-links a {
    display: inline-flex !important;
    min-height: 44px !important;
    justify-content: center !important;
  }

  .methodology-shell {
    width: min(100% - 24px, 1240px);
    padding-top: 30px;
  }

  .methodology-hero {
    min-height: auto;
  }

  .methodology-hero h1 {
    font-size: clamp(44px, 13vw, 64px);
  }

  .methodology-proof-strip,
  .methodology-audit-strip,
  .methodology-confidence-table,
  .methodology-geo-grid,
  .methodology-role-grid,
  .methodology-boundary-grid {
    grid-template-columns: 1fr;
  }

  .methodology-proof-strip div,
  .methodology-audit-strip div,
  .methodology-confidence-table div,
  .methodology-geo-grid div,
  .methodology-role-grid div {
    border-left: 0;
    border-top: 1px solid var(--btb-line);
  }

  .methodology-proof-strip div:first-child,
  .methodology-audit-strip div:first-child,
  .methodology-confidence-table div:first-child,
  .methodology-geo-grid div:first-child,
  .methodology-role-grid div:first-child {
    border-top: 0;
  }

  .methodology-gauge-card {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 18px;
  }

  .methodology-dial {
    width: 106px;
    height: 106px;
  }

  .methodology-weight-list div {
    grid-template-columns: 1fr 44px;
  }

  .methodology-weight-list i {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .methodology-boundary {
    padding: 20px;
  }
}

/* Atlas compare pin bar: keep actions clean, centered, and mobile-safe. */
body.page-market-atlas .btb-pin-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  width: min(560px, calc(100vw - 28px)) !important;
  max-width: none !important;
  min-height: 48px;
  padding: 8px !important;
  border-radius: 999px;
}

body.page-market-atlas .btb-pin-bar span {
  min-width: 0;
  padding-inline: 8px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.page-market-atlas .btb-pin-bar a,
body.page-market-atlas .btb-pin-bar button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 92px !important;
  width: auto !important;
  min-height: 36px;
  padding: 0 14px;
  text-align: center;
}

@media (max-width: 720px) {
  body.page-market-atlas .btb-pin-bar {
    right: 12px !important;
    left: 12px !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
    width: auto !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding: 10px !important;
    border-radius: 22px;
    transform: none !important;
  }

  body.page-market-atlas .btb-pin-bar span {
    grid-column: 1 / -1;
    padding-inline: 4px;
    text-align: center;
    white-space: normal;
  }

  body.page-market-atlas .btb-pin-bar a,
  body.page-market-atlas .btb-pin-bar button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
}

/* Atlas compare answer pass: clearer hierarchy, less table noise. */
body.page-market-atlas.has-atlas-pin-bar .btb-legend {
  bottom: 86px !important;
}

body.page-market-atlas .atlas-chart-grid.is-compare {
  display: grid;
  grid-template-columns: 1fr;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

body.page-market-atlas .atlas-compare-answer strong {
  max-width: 100%;
  font-size: clamp(24px, 4.4vw, 34px);
  line-height: 0.98;
  overflow-wrap: break-word;
}

body.page-market-atlas .atlas-compare-board {
  display: grid;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--atlas-blue) 24%, var(--atlas-card-line));
  border-radius: 22px;
  background:
    radial-gradient(360px 220px at 0% 0%, color-mix(in srgb, var(--atlas-blue) 14%, transparent), transparent 70%),
    color-mix(in srgb, var(--atlas-card) 94%, transparent);
}

body.page-market-atlas .atlas-compare-key-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

body.page-market-atlas .atlas-compare-key {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding: 13px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 17px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--atlas-card) 98%, transparent), color-mix(in srgb, var(--btb-bg) 38%, var(--atlas-card)));
}

body.page-market-atlas .atlas-compare-key.is-muted,
body.page-market-atlas .atlas-compare-pulse.is-muted {
  opacity: 0.72;
}

body.page-market-atlas .atlas-compare-key span,
body.page-market-atlas .atlas-compare-pulse span,
body.page-market-atlas .atlas-compare-pulse li span {
  display: block;
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
  font: 860 9px/1.2 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-compare-key strong,
body.page-market-atlas .atlas-compare-pulse strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  margin-top: 7px;
  color: var(--btb-ink);
  font: 760 17px/1.04 var(--btb-display);
  letter-spacing: -0.035em;
  overflow-wrap: break-word;
}

body.page-market-atlas .atlas-compare-key p,
body.page-market-atlas .atlas-compare-pulse p {
  margin: 7px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 12.5px;
  line-height: 1.38;
}

body.page-market-atlas .atlas-compare-current-meter {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid color-mix(in srgb, var(--atlas-card-line) 72%, transparent);
}

body.page-market-atlas .atlas-compare-current-meter div {
  display: grid;
  grid-template-columns: minmax(54px, 0.38fr) minmax(0, 1fr) minmax(54px, auto);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

body.page-market-atlas .atlas-compare-current-meter span,
body.page-market-atlas .atlas-compare-current-meter strong {
  min-width: 0;
  overflow: hidden;
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-current-meter strong {
  justify-self: end;
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
}

body.page-market-atlas .atlas-compare-current-meter i {
  position: relative;
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--btb-ink) 10%, transparent);
}

body.page-market-atlas .atlas-compare-current-meter i::after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 50%;
  width: 1px;
  background: color-mix(in srgb, var(--btb-muted) 50%, transparent);
}

body.page-market-atlas .atlas-compare-current-meter b {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--w, 50%);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--atlas-blue), var(--btb-accent), var(--atlas-rust));
  box-shadow: 0 0 16px color-mix(in srgb, var(--btb-accent) 20%, transparent);
}

body.page-market-atlas .atlas-compare-pulse-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

body.page-market-atlas .atlas-compare-pulse {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 13px;
  border: 1px solid var(--atlas-card-line);
  border-radius: 18px;
  background:
    radial-gradient(220px 130px at 100% 0%, color-mix(in srgb, var(--btb-accent) 11%, transparent), transparent 72%),
    color-mix(in srgb, var(--atlas-card) 96%, transparent);
}

body.page-market-atlas .atlas-compare-pulse.is-primary {
  border-color: color-mix(in srgb, var(--btb-accent) 34%, var(--atlas-card-line));
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 10%, transparent);
}

body.page-market-atlas .atlas-compare-pulse-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

body.page-market-atlas .atlas-compare-pulse small {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink));
  font: 760 9px/1.1 var(--btb-mono);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-pulse ul {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid color-mix(in srgb, var(--atlas-card-line) 72%, transparent);
  list-style: none;
}

body.page-market-atlas .atlas-compare-pulse li {
  display: grid;
  grid-template-columns: minmax(58px, 0.34fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

body.page-market-atlas .atlas-compare-pulse li > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.page-market-atlas .atlas-compare-pulse li b {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid color-mix(in srgb, var(--atlas-card-line) 76%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--btb-bg) 18%, transparent);
}

body.page-market-atlas .atlas-compare-pulse li small {
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink));
  font: 800 8px/1 var(--btb-mono);
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-compare-pulse li strong {
  margin: 0;
  overflow: hidden;
  color: var(--btb-ink);
  font: 850 12px/1.1 var(--btb-mono);
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 861px) {
  body.page-market-atlas.is-atlas-compare-mode #atlasConsole.is-open {
    width: min(860px, calc(100vw - 64px));
  }

  body.page-market-atlas.is-atlas-compare-mode .atlas-compare-key-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.page-market-atlas.is-atlas-compare-mode .atlas-compare-pulse-grid {
    grid-template-columns: repeat(3, minmax(210px, 1fr));
  }

  body.page-market-atlas.is-atlas-compare-mode .atlas-compare-answer strong {
    max-width: 19ch;
    font-size: clamp(36px, 4.6vw, 54px);
  }
}

@media (min-width: 861px) and (max-width: 1120px) {
  body.page-market-atlas.is-atlas-compare-mode #atlasConsole.is-open {
    right: 14px;
    width: min(760px, calc(100vw - 28px));
  }

  body.page-market-atlas.is-atlas-compare-mode .atlas-compare-key-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  body.page-market-atlas.has-atlas-pin-bar .btb-legend {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 132px) !important;
  }

  body.page-market-atlas .atlas-compare-key-grid,
  body.page-market-atlas .atlas-compare-pulse-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body.page-market-atlas {
    overflow-x: hidden;
  }

  body.page-market-atlas #atlasConsole,
  body.page-market-atlas #atlasConsole.is-open {
    box-sizing: border-box;
    max-width: calc(100vw - 16px);
    overflow-x: hidden;
  }

  body.page-market-atlas #atlasConsole > * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.page-market-atlas .btb-pin-bar {
    z-index: 1140 !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.45);
  }

  body.page-market-atlas.has-atlas-pin-bar .btb-legend {
    left: 14px !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 136px) !important;
    width: min(360px, calc(100vw - 28px)) !important;
  }

  body.page-market-atlas .atlas-compare-board,
  body.page-market-atlas .atlas-compare-timeline {
    padding: 10px;
    border-radius: 20px;
    overflow-x: hidden;
  }

  body.page-market-atlas .atlas-compare-head {
    grid-template-columns: 1fr;
    padding: 10px;
    text-align: center;
  }

  body.page-market-atlas .atlas-compare-head strong,
  body.page-market-atlas .atlas-compare-head strong:last-child {
    text-align: center;
    white-space: normal;
  }

  body.page-market-atlas .atlas-compare-head span {
    justify-self: center;
  }

  body.page-market-atlas .atlas-compare-key,
  body.page-market-atlas .atlas-compare-pulse {
    padding: 12px;
  }

  body.page-market-atlas .atlas-compare-answer strong {
    font-size: clamp(28px, 9vw, 36px);
  }

  body.page-market-atlas .atlas-compare-key strong,
  body.page-market-atlas .atlas-compare-pulse strong {
    font-size: 18px;
    line-height: 1.02;
  }

  body.page-market-atlas .atlas-compare-pulse-head {
    display: grid;
    gap: 5px;
  }

  body.page-market-atlas .atlas-compare-pulse-head small {
    text-align: left;
    white-space: normal;
  }

  body.page-market-atlas .atlas-compare-pulse-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-market-atlas .atlas-compare-pulse li {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-compare-pulse li > div {
    grid-template-columns: 1fr 1fr;
  }

  body.page-market-atlas .atlas-compare-current-meter div {
    grid-template-columns: minmax(52px, auto) minmax(0, 1fr) minmax(48px, auto);
    gap: 6px;
  }

  body.page-market-atlas .atlas-compare-meter {
    padding: 9px;
  }

  body.page-market-atlas .atlas-compare-meter > div {
    grid-template-columns: minmax(52px, auto) minmax(0, 1fr) minmax(42px, auto);
    gap: 6px;
  }
}

@media (max-width: 420px) {
  body.page-market-atlas .atlas-compare-key-grid,
  body.page-market-atlas .atlas-compare-pulse-grid {
    gap: 7px;
  }

  body.page-market-atlas .atlas-compare-pulse li > div {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-compare-current-meter div,
  body.page-market-atlas .atlas-compare-meter > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  body.page-market-atlas .atlas-compare-current-meter strong,
  body.page-market-atlas .atlas-compare-meter strong {
    justify-self: start;
  }
}

body.page-market-atlas .btb-layers {
  scrollbar-width: none;
}

body.page-market-atlas .btb-layers::-webkit-scrollbar {
  display: none;
}

body.page-market-atlas .btb-layers button {
  flex: 0 0 auto;
}

body.page-market-atlas .atlas-compare-meter {
  display: grid;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 11px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--atlas-card-line) 74%, transparent);
  border-radius: 15px;
  background: color-mix(in srgb, var(--btb-ink) 4%, transparent);
}

body.page-market-atlas .atlas-compare-meter > div {
  display: grid;
  grid-template-columns: minmax(44px, 0.34fr) minmax(0, 1fr) minmax(56px, auto);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

body.page-market-atlas .atlas-compare-meter span,
body.page-market-atlas .atlas-compare-meter strong {
  overflow: hidden;
  color: var(--btb-ink);
  font: 820 10px/1 var(--btb-mono);
  letter-spacing: 0.035em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-compare-meter strong {
  justify-self: end;
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
}

body.page-market-atlas .atlas-compare-meter i {
  position: relative;
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--atlas-blue) 32%, transparent), color-mix(in srgb, var(--btb-faint) 24%, transparent), color-mix(in srgb, var(--atlas-rust) 36%, transparent));
}

body.page-market-atlas .atlas-compare-meter i::after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 50%;
  width: 1px;
  background: color-mix(in srgb, var(--btb-muted) 55%, transparent);
}

body.page-market-atlas .atlas-compare-meter b {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--w, 50%);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--atlas-blue), var(--btb-accent), var(--atlas-rust));
  box-shadow: 0 0 18px color-mix(in srgb, var(--btb-accent) 20%, transparent);
}

/* Atlas neighborhood browser: compare polish and mobile compression. */
body.page-market-atlas .atlas-neighborhood-grid > button.is-compare-base,
body.page-market-atlas .atlas-neighborhood-grid > button.is-compare-target {
  border-color: color-mix(in srgb, var(--btb-accent) 54%, var(--atlas-card-line));
  box-shadow:
    0 18px 42px color-mix(in srgb, var(--btb-accent) 14%, transparent),
    inset 0 1px 0 color-mix(in srgb, white 10%, transparent);
}

body.page-market-atlas .atlas-neighborhood-grid > button.is-compare-base::before,
body.page-market-atlas .atlas-neighborhood-grid > button.is-compare-target::before {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 1;
  padding: 6px 8px;
  border: 1px solid color-mix(in srgb, var(--btb-accent) 42%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 92%, transparent);
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
  font: 850 8px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-grid > button.is-compare-base::before {
  content: "Pinned";
}

body.page-market-atlas .atlas-neighborhood-grid > button.is-compare-target::before {
  content: "Second";
}

body.page-market-atlas .atlas-neighborhood-compare {
  display: grid;
  gap: 12px;
  padding: 13px;
  border: 1px solid color-mix(in srgb, #7fe0c7 30%, var(--atlas-card-line));
  border-radius: 18px;
  background:
    radial-gradient(280px 180px at 0% 0%, rgba(127, 224, 199, 0.13), transparent 72%),
    color-mix(in srgb, var(--atlas-card) 88%, transparent);
}

body.page-market-atlas .atlas-neighborhood-compare.is-armed {
  border-color: color-mix(in srgb, var(--btb-accent) 52%, var(--atlas-card-line));
  background:
    radial-gradient(280px 180px at 100% 0%, color-mix(in srgb, var(--btb-accent) 14%, transparent), transparent 72%),
    color-mix(in srgb, var(--atlas-card) 90%, transparent);
}

body.page-market-atlas .atlas-neighborhood-compare-head {
  display: grid;
  gap: 6px;
}

body.page-market-atlas .atlas-neighborhood-compare-head span {
  color: color-mix(in srgb, #7fe0c7 78%, var(--btb-ink));
  font: 860 9px/1.15 var(--btb-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-compare-head span {
  color: #0f8c76;
}

body.page-market-atlas .atlas-neighborhood-compare-head strong {
  color: var(--btb-ink);
  font: 820 18px/1.08 var(--btb-display);
  letter-spacing: -0.035em;
}

body.page-market-atlas .atlas-neighborhood-compare-head p {
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font-size: 12.5px;
  line-height: 1.38;
}

body.page-market-atlas .atlas-neighborhood-compare-names {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--atlas-card-line) 74%, transparent);
  border-radius: 15px;
  background: color-mix(in srgb, var(--btb-bg) 18%, transparent);
}

body.page-market-atlas .atlas-neighborhood-compare-names b {
  min-width: 0;
  overflow: hidden;
  color: var(--btb-ink);
  font: 820 11px/1.1 var(--btb-mono);
  letter-spacing: 0.03em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-compare-names em {
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
  font: 850 9px/1 var(--btb-mono);
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-compare-rows {
  display: grid;
  gap: 6px;
}

body.page-market-atlas .atlas-neighborhood-compare-rows .atlas-neighborhood-compare-row {
  display: grid;
  grid-template-columns: minmax(70px, 0.52fr) minmax(48px, auto) minmax(48px, auto) minmax(78px, 0.7fr);
  gap: 8px;
  align-items: center;
  padding: 8px 9px;
  border: 1px solid color-mix(in srgb, var(--atlas-card-line) 68%, transparent);
  border-radius: 13px;
  background: color-mix(in srgb, var(--btb-bg) 16%, transparent);
}

body.page-market-atlas .atlas-neighborhood-compare-rows span,
body.page-market-atlas .atlas-neighborhood-compare-rows strong,
body.page-market-atlas .atlas-neighborhood-compare-rows i,
body.page-market-atlas .atlas-neighborhood-compare-rows small {
  min-width: 0;
  overflow: hidden;
  font: 820 10px/1.1 var(--btb-mono);
  letter-spacing: 0.035em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-compare-rows span {
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink));
}

body.page-market-atlas .atlas-neighborhood-compare-rows strong,
body.page-market-atlas .atlas-neighborhood-compare-rows i {
  color: var(--btb-ink);
  font-style: normal;
}

body.page-market-atlas .atlas-neighborhood-compare-rows small {
  justify-self: end;
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
}

body.page-market-atlas .atlas-neighborhood-compare > button,
body.page-market-atlas .atlas-neighborhood-compare-actions button {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid color-mix(in srgb, #7fe0c7 34%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, #7fe0c7 12%, var(--atlas-card));
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-compare-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

@media (max-width: 720px) {
  body.page-market-atlas .btb-layers {
    justify-content: flex-start;
    overflow-x: auto;
  }

  body.page-market-atlas .btb-layers button {
    min-width: max-content;
  }

  body.page-market-atlas .atlas-compare-meter > div {
    grid-template-columns: minmax(52px, auto) minmax(0, 1fr) minmax(42px, auto);
    gap: 6px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head p {
    max-width: 32rem;
  }

  body.page-market-atlas .atlas-neighborhood-compare {
    gap: 10px;
    padding: 11px;
    border-radius: 17px;
  }

  body.page-market-atlas .atlas-neighborhood-compare-rows .atlas-neighborhood-compare-row {
    grid-template-columns: minmax(68px, 0.6fr) repeat(2, minmax(44px, auto));
  }

  body.page-market-atlas .atlas-neighborhood-compare-rows small {
    grid-column: 1 / -1;
    justify-self: start;
  }

  body.page-market-atlas .atlas-neighborhood-compare-actions {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  body.page-market-atlas .atlas-neighborhood-browser {
    max-height: min(94dvh, 820px);
  }

  body.page-market-atlas .atlas-neighborhood-browser-head h2 {
    margin-top: 5px;
    font-size: clamp(28px, 9vw, 38px);
  }

  body.page-market-atlas .atlas-neighborhood-browser-head p {
    display: none;
  }

  body.page-market-atlas .atlas-neighborhood-command input {
    min-height: 44px;
  }

  body.page-market-atlas .atlas-neighborhood-metros button {
    min-height: 32px;
    padding: 0 11px;
  }

  body.page-market-atlas .atlas-neighborhood-grid {
    max-height: calc(94dvh - 206px);
  }

  body.page-market-atlas .atlas-neighborhood-grid > button {
    min-height: 106px;
    gap: 6px;
    padding: 12px;
  }

  body.page-market-atlas .atlas-neighborhood-card-metrics span {
    padding: 6px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > i {
    min-height: 24px;
    padding-top: 6px;
  }

  body.page-market-atlas .atlas-neighborhood-readout {
    padding-inline: 12px;
  }

  body.page-market-atlas .atlas-neighborhood-compare-names {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-neighborhood-compare-names em {
    justify-self: start;
  }

  body.page-market-atlas .atlas-neighborhood-compare-actions {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-compare-meter > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  body.page-market-atlas .atlas-compare-meter strong {
    justify-self: start;
  }
}

body.page-market-atlas .btb-pin-bar[hidden],
body.page-market-atlas .btb-pin-bar [hidden] {
  display: none !important;
}

/* Atlas inline brief: keep generated reports inside the map workspace. */
body.page-market-atlas {
  --atlas-brief-accent: var(--btb-accent);
}

body.page-market-atlas[data-brief-role="listing"] { --atlas-brief-accent: #d9aa3d; }
body.page-market-atlas[data-brief-role="buyer"] { --atlas-brief-accent: #39a7cc; }
body.page-market-atlas[data-brief-role="investor"] { --atlas-brief-accent: #42bd96; }
body.page-market-atlas[data-brief-role="mortgage"] { --atlas-brief-accent: #d96f56; }

body.page-market-atlas .atlas-inline-brief[hidden] {
  display: none !important;
}

body.page-market-atlas .atlas-inline-brief {
  position: fixed;
  z-index: 1512;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: min(980px, calc(100vw - 32px));
  max-height: min(88svh, 780px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--atlas-brief-accent) 28%, var(--btb-line));
  border-radius: 32px;
  background:
    radial-gradient(520px 360px at 8% -8%, color-mix(in srgb, var(--atlas-brief-accent) 22%, transparent), transparent 72%),
    radial-gradient(420px 320px at 112% 14%, rgba(56, 167, 204, 0.14), transparent 70%),
    color-mix(in srgb, var(--atlas-panel-strong) 96%, transparent);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  color: var(--btb-ink);
  backdrop-filter: blur(30px) saturate(1.34);
  animation: atlasInlineBriefIn 0.26s var(--btb-ease) both;
}

html[data-theme="light"] body.page-market-atlas .atlas-inline-brief {
  background:
    radial-gradient(520px 360px at 8% -8%, color-mix(in srgb, var(--atlas-brief-accent) 24%, transparent), transparent 72%),
    radial-gradient(420px 320px at 112% 14%, rgba(56, 167, 204, 0.12), transparent 70%),
    rgba(255, 252, 247, 0.94);
  box-shadow: 0 34px 100px rgba(31, 41, 55, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.page-market-atlas.atlas-inline-brief-open #atlasConsole {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.page-market-atlas .atlas-inline-close {
  position: sticky;
  top: 0;
  z-index: 3;
  float: right;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--btb-ink) 12%, var(--btb-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 82%, var(--btb-bg));
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-inline-hero {
  clear: both;
  display: grid;
  place-items: center;
  gap: 14px;
  min-height: 250px;
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--atlas-brief-accent) 30%, var(--atlas-card-line));
  border-radius: 26px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--atlas-card) 90%, transparent), transparent),
    radial-gradient(520px 260px at 0% 100%, color-mix(in srgb, var(--atlas-brief-accent) 16%, transparent), transparent 68%);
  text-align: center;
}

body.page-market-atlas .atlas-inline-hero > span,
body.page-market-atlas .atlas-inline-signal span,
body.page-market-atlas .atlas-inline-decision span,
body.page-market-atlas .atlas-inline-proof-card span,
body.page-market-atlas .atlas-inline-section span,
body.page-market-atlas .atlas-inline-move span {
  color: color-mix(in srgb, var(--atlas-brief-accent) 86%, var(--btb-ink));
  font: 860 10px/1.25 var(--btb-mono);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-inline-hero h2 {
  max-width: 14ch;
  margin: 0;
  color: var(--btb-ink);
  font: 650 clamp(44px, 7vw, 78px)/0.88 var(--btb-display);
  letter-spacing: -0.065em;
}

body.page-market-atlas .atlas-inline-hero p {
  max-width: 64ch;
  margin: 0;
  color: color-mix(in srgb, var(--btb-ink) 84%, var(--btb-muted));
  font-size: 16px;
  line-height: 1.46;
}

body.page-market-atlas .atlas-inline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: center;
  align-self: end;
}

body.page-market-atlas .atlas-inline-meta b {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid color-mix(in srgb, var(--btb-ink) 12%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-card) 76%, transparent);
  color: var(--btb-ink);
  font-size: 12px;
}

body.page-market-atlas .atlas-inline-signal-strip,
body.page-market-atlas .atlas-inline-proof,
body.page-market-atlas .atlas-inline-sections,
body.page-market-atlas .atlas-inline-moves {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

body.page-market-atlas .atlas-inline-signal-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-market-atlas .atlas-inline-proof,
body.page-market-atlas .atlas-inline-sections {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-market-atlas .atlas-inline-moves,
body.page-market-atlas .atlas-inline-decision {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-market-atlas .atlas-inline-signal,
body.page-market-atlas .atlas-inline-decision article,
body.page-market-atlas .atlas-inline-proof-card,
body.page-market-atlas .atlas-inline-section,
body.page-market-atlas .atlas-inline-move {
  min-width: 0;
  border: 1px solid var(--atlas-card-line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--atlas-card) 92%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-market-atlas .atlas-inline-signal {
  padding: 12px;
}

body.page-market-atlas .atlas-inline-signal strong {
  display: block;
  margin-top: 8px;
  overflow: hidden;
  color: var(--btb-ink);
  font: 760 17px/1.02 var(--btb-display);
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
}

body.page-market-atlas .atlas-inline-signal small {
  display: block;
  margin-top: 6px;
  color: color-mix(in srgb, var(--btb-muted) 88%, var(--btb-ink));
  font-size: 11px;
  line-height: 1.3;
}

body.page-market-atlas .atlas-inline-decision {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

body.page-market-atlas .atlas-inline-decision article,
body.page-market-atlas .atlas-inline-proof-card,
body.page-market-atlas .atlas-inline-section,
body.page-market-atlas .atlas-inline-move {
  padding: 14px;
}

body.page-market-atlas .atlas-inline-decision p,
body.page-market-atlas .atlas-inline-proof-card p,
body.page-market-atlas .atlas-inline-move p,
body.page-market-atlas .atlas-inline-section li {
  margin: 8px 0 0;
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font-size: 13px;
  line-height: 1.42;
}

body.page-market-atlas .atlas-inline-proof-card strong,
body.page-market-atlas .atlas-inline-move strong {
  display: block;
  margin-top: 7px;
  color: var(--btb-ink);
  font: 760 18px/1.08 var(--btb-display);
  letter-spacing: -0.03em;
}

body.page-market-atlas .atlas-inline-section.is-primary {
  grid-column: span 2;
  border-color: color-mix(in srgb, var(--atlas-brief-accent) 36%, var(--atlas-card-line));
}

body.page-market-atlas .atlas-inline-section h3 {
  margin: 9px 0 0;
  color: var(--btb-ink);
  font: 750 23px/1.03 var(--btb-display);
  letter-spacing: -0.04em;
}

body.page-market-atlas .atlas-inline-section ul {
  display: grid;
  gap: 7px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

body.page-market-atlas .atlas-inline-section li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--atlas-brief-accent);
  vertical-align: 0.12em;
}

body.page-market-atlas .atlas-inline-footer {
  position: sticky;
  bottom: -24px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin: 14px -24px -24px;
  padding: 12px 24px 24px;
  border-top: 1px solid var(--atlas-card-line);
  background: color-mix(in srgb, var(--atlas-panel-strong) 96%, transparent);
  backdrop-filter: blur(20px);
}

body.page-market-atlas .atlas-inline-footer button,
body.page-market-atlas .atlas-inline-footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid color-mix(in srgb, var(--atlas-brief-accent) 30%, var(--atlas-card-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--atlas-brief-accent) 16%, var(--atlas-card));
  color: var(--btb-ink);
  font: 850 10px/1 var(--btb-mono);
  letter-spacing: 0.07em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-inline-footer a {
  background: var(--btb-ink);
  color: var(--btb-bg);
}

@keyframes atlasInlineBriefIn {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 12px)) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (max-width: 980px) {
  body.page-market-atlas .atlas-inline-brief {
    width: min(720px, calc(100vw - 24px));
  }

  body.page-market-atlas .atlas-inline-signal-strip,
  body.page-market-atlas .atlas-inline-proof,
  body.page-market-atlas .atlas-inline-decision,
  body.page-market-atlas .atlas-inline-moves {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.page-market-atlas .atlas-inline-brief {
    inset: auto 0 0 0;
    width: auto;
    max-height: min(82svh, 760px);
    padding: 14px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 28px 28px 0 0;
    animation-name: atlasInlineBriefSheetIn;
  }

  body.page-market-atlas .atlas-inline-hero {
    min-height: 0;
    padding: 16px;
  }

  body.page-market-atlas .atlas-inline-hero h2 {
    max-width: 11ch;
    font-size: clamp(36px, 12vw, 58px);
  }

  body.page-market-atlas .atlas-inline-hero p {
    font-size: 14.5px;
  }

  body.page-market-atlas .atlas-inline-proof,
  body.page-market-atlas .atlas-inline-sections,
  body.page-market-atlas .atlas-inline-decision,
  body.page-market-atlas .atlas-inline-moves {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-inline-section.is-primary {
    grid-column: auto;
  }

  body.page-market-atlas .atlas-inline-footer {
    bottom: -14px;
    grid-template-columns: 1fr;
    margin: 12px -14px -14px;
    padding: 10px 14px calc(14px + env(safe-area-inset-bottom, 0px));
  }
}

@keyframes atlasInlineBriefSheetIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Atlas neighborhood entry point and chooser polish. */
body.page-market-atlas .btb-layers {
  max-width: min(760px, calc(100vw - 318px));
}

body.page-market-atlas .atlas-neighborhood-launch {
  --neighborhood-violet: #b78cff;
  top: 146px;
  right: 20px;
  min-height: 48px;
  padding: 0 19px;
  border-color: color-mix(in srgb, var(--neighborhood-violet) 52%, var(--btb-line));
  background:
    radial-gradient(150px 82px at 18% 0%, color-mix(in srgb, var(--neighborhood-violet) 34%, transparent), transparent 70%),
    radial-gradient(140px 78px at 100% 100%, rgba(127, 224, 199, 0.22), transparent 72%),
    color-mix(in srgb, var(--atlas-panel-strong) 94%, transparent);
  box-shadow:
    0 18px 54px rgba(0, 0, 0, 0.28),
    0 0 42px color-mix(in srgb, var(--neighborhood-violet) 16%, transparent);
}

body.page-market-atlas .atlas-neighborhood-launch::after {
  content: "";
  position: absolute;
  inset: 7px;
  pointer-events: none;
  border-radius: inherit;
  border: 1px solid color-mix(in srgb, white 12%, transparent);
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-launch {
  background:
    radial-gradient(150px 82px at 18% 0%, rgba(183, 140, 255, 0.3), transparent 70%),
    radial-gradient(140px 78px at 100% 100%, rgba(127, 224, 199, 0.28), transparent 72%),
    rgba(255, 252, 246, 0.9);
}

body.page-market-atlas .atlas-neighborhood-browser,
body.page-market-atlas .atlas-neighborhood-browser * {
  box-sizing: border-box;
  min-width: 0;
}

body.page-market-atlas .atlas-neighborhood-browser-backdrop:not([hidden]) {
  background:
    radial-gradient(860px 560px at 80% 6%, rgba(183, 140, 255, 0.18), transparent 70%),
    radial-gradient(760px 520px at 50% 12%, color-mix(in srgb, var(--btb-accent) 14%, transparent), transparent 72%),
    rgba(0, 0, 0, 0.76);
  backdrop-filter: blur(22px) saturate(1.18);
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-browser-backdrop:not([hidden]) {
  background:
    radial-gradient(860px 560px at 80% 6%, rgba(183, 140, 255, 0.16), transparent 70%),
    radial-gradient(780px 540px at 50% 12%, rgba(224, 181, 77, 0.14), transparent 72%),
    rgba(246, 239, 224, 0.82);
}

body.page-market-atlas .atlas-neighborhood-browser {
  --neighborhood-violet: #b78cff;
  grid-template-columns: minmax(310px, 0.72fr) minmax(430px, 1.28fr);
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 12px 18px;
  inset: 72px auto 18px 50% !important;
  width: min(1440px, calc(100vw - 72px));
  max-height: calc(100svh - 90px);
  min-height: min(720px, calc(100svh - 90px));
  padding: 22px 28px 24px;
  border-color: color-mix(in srgb, var(--neighborhood-violet) 30%, var(--btb-line));
  border-radius: 34px;
  background:
    radial-gradient(760px 460px at 96% -10%, color-mix(in srgb, var(--neighborhood-violet) 19%, transparent), transparent 70%),
    radial-gradient(720px 420px at 4% 0%, color-mix(in srgb, var(--btb-accent) 12%, transparent), transparent 72%),
    radial-gradient(560px 340px at 100% 16%, rgba(91, 196, 173, 0.14), transparent 68%),
    #080a0c;
  isolation: isolate;
}

body.page-market-atlas .atlas-neighborhood-browser::before {
  content: "";
  position: absolute;
  top: -170px;
  right: -140px;
  width: 430px;
  height: 430px;
  pointer-events: none;
  background:
    radial-gradient(circle at 34% 36%, rgba(183, 140, 255, 0.95) 0 1px, transparent 2px),
    radial-gradient(circle at 58% 28%, rgba(255, 255, 255, 0.62) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 64%, rgba(127, 224, 199, 0.72) 0 2px, transparent 3px),
    radial-gradient(circle, color-mix(in srgb, var(--neighborhood-violet) 24%, transparent), transparent 68%);
  opacity: 0.66;
  filter: blur(0.2px);
  animation: atlasNeighborhoodSpark 12s linear infinite;
}

body.page-market-atlas .atlas-neighborhood-browser > * {
  position: relative;
  z-index: 1;
}

html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-browser {
  background:
    radial-gradient(760px 460px at 96% -10%, rgba(183, 140, 255, 0.18), transparent 70%),
    radial-gradient(720px 420px at 4% 0%, rgba(224, 181, 77, 0.14), transparent 72%),
    radial-gradient(560px 340px at 100% 16%, rgba(91, 196, 173, 0.15), transparent 68%),
    #fffaf1;
}

body.page-market-atlas .atlas-neighborhood-browser-head {
  grid-column: 1;
  grid-row: 1;
  display: block;
  gap: 18px;
  padding-right: 0;
}

body.page-market-atlas .atlas-neighborhood-browser-head h2 {
  max-width: 13ch;
  margin-top: 8px;
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 0.94;
}

body.page-market-atlas .atlas-neighborhood-browser-head > button {
  position: absolute;
  top: 22px;
  right: 28px;
  z-index: 2;
}

body.page-market-atlas .atlas-neighborhood-browser-head p {
  max-width: 36rem;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.42;
}

body.page-market-atlas .atlas-neighborhood-command {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  gap: 12px;
  margin-right: 78px;
  padding: 10px;
  border-radius: 24px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--atlas-card) 90%, transparent), color-mix(in srgb, var(--neighborhood-violet) 6%, var(--atlas-card))),
    var(--atlas-card);
}

body.page-market-atlas .atlas-neighborhood-command input {
  min-height: 52px;
  padding: 0 20px;
  border-radius: 18px;
  font-size: 16px;
}

body.page-market-atlas .atlas-neighborhood-command span {
  max-width: 250px;
  padding-right: 8px;
}

body.page-market-atlas .atlas-neighborhood-metros {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 4px;
}

body.page-market-atlas .atlas-neighborhood-results-head {
  grid-column: 1 / -1;
  grid-row: 3;
  margin: 2px 0 6px;
}

body.page-market-atlas .atlas-neighborhood-workspace {
  grid-column: 1 / -1;
  grid-row: 4;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 430px);
  gap: 18px;
  margin-top: 0;
  min-height: 0;
}

body.page-market-atlas .atlas-neighborhood-grid {
  gap: 12px;
  padding: 6px 8px 2px 2px;
}

body.page-market-atlas .atlas-neighborhood-grid > button {
  grid-template-rows: auto auto auto auto auto;
  align-content: start;
  min-height: 116px;
  padding: 14px;
  overflow: hidden;
  border-radius: 22px;
}

body.page-market-atlas .atlas-neighborhood-grid > button > strong {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.page-market-atlas .atlas-neighborhood-grid > button > small {
  font-size: 13.5px;
}

body.page-market-atlas .atlas-neighborhood-card-metrics {
  gap: 7px;
  margin-top: 0;
}

body.page-market-atlas .atlas-neighborhood-card-metrics span {
  padding: 7px 8px;
}

body.page-market-atlas .atlas-neighborhood-card-metrics em {
  white-space: normal;
}

body.page-market-atlas .atlas-neighborhood-readout {
  gap: 14px;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(520px 320px at 100% 0%, rgba(183, 140, 255, 0.15), transparent 70%),
    radial-gradient(420px 260px at 100% 0%, rgba(127, 224, 199, 0.12), transparent 70%),
    color-mix(in srgb, var(--atlas-card) 86%, transparent);
}

body.page-market-atlas .atlas-neighborhood-metrics,
body.page-market-atlas .atlas-neighborhood-evidence {
  gap: 10px;
}

body.page-market-atlas .atlas-neighborhood-metric,
body.page-market-atlas .atlas-neighborhood-evidence div,
body.page-market-atlas .atlas-neighborhood-setup-head {
  padding: 14px;
  border-radius: 19px;
}

body.page-market-atlas .atlas-neighborhood-role-grid,
body.page-market-atlas .atlas-neighborhood-lens-grid {
  gap: 8px;
}

body.page-market-atlas .atlas-neighborhood-role-grid button,
body.page-market-atlas .atlas-neighborhood-lens-grid button {
  min-height: 62px;
  padding: 11px 12px;
  border-radius: 17px;
}

body.page-market-atlas .atlas-neighborhood-readout-actions a {
  min-height: 50px;
  border-radius: 20px;
}

body.page-market-atlas .atlas-neighborhood-readout-actions a.is-primary {
  min-height: 66px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(220px 120px at 20% 0%, rgba(255, 255, 255, 0.28), transparent 68%),
    linear-gradient(135deg, var(--btb-accent), color-mix(in srgb, var(--btb-accent) 78%, white));
  box-shadow:
    0 20px 44px color-mix(in srgb, var(--btb-accent) 20%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

body.page-market-atlas .atlas-neighborhood-readout-actions a.is-primary span {
  font-size: 12px;
}

@media (max-width: 860px) {
  body.page-market-atlas .btb-layers {
    right: 12px;
    left: 12px;
    max-width: none;
  }

  body.page-market-atlas .atlas-neighborhood-launch {
    top: 176px;
    right: 12px;
    left: 12px;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    max-width: none;
    width: auto;
    padding: 0 16px;
    letter-spacing: 0.09em;
  }

  body.page-market-atlas .atlas-neighborhood-launch span {
    overflow: visible;
    max-width: none;
    text-overflow: clip;
    white-space: nowrap;
  }

  body.page-market-atlas .atlas-neighborhood-launch strong {
    min-width: 30px;
    min-height: 23px;
    padding: 0 7px;
  }

  body.page-market-atlas .leaflet-top.leaflet-left {
    top: 232px;
  }

  body.page-market-atlas .atlas-neighborhood-browser {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    inset: auto 8px 8px 8px !important;
    width: auto;
    max-height: min(93dvh, 820px);
    min-height: 0;
    padding: 16px 14px calc(18px + env(safe-area-inset-bottom));
    border-radius: 30px 30px 20px 20px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head {
    grid-column: 1;
    grid-row: 1;
    gap: 12px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head h2 {
    max-width: 14ch;
    margin-top: 6px;
    font-size: clamp(30px, 8.8vw, 40px);
    line-height: 0.96;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head p {
    max-width: 32rem;
    margin-top: 7px;
    font-size: 12.5px;
    line-height: 1.3;
  }

  body.page-market-atlas .atlas-neighborhood-command {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: 1fr;
    margin-right: 0;
    padding: 10px;
  }

  body.page-market-atlas .atlas-neighborhood-metros {
    grid-column: 1;
    grid-row: 3;
    margin-top: 2px;
  }

  body.page-market-atlas .atlas-neighborhood-results-head {
    grid-column: 1;
    grid-row: 4;
    margin: 5px 0 10px;
  }

  body.page-market-atlas .atlas-neighborhood-command input {
    min-height: 50px;
    padding: 0 17px;
    font-size: 15px;
  }

  body.page-market-atlas .atlas-neighborhood-workspace {
    grid-column: 1;
    grid-row: 5;
    display: block;
  }

  body.page-market-atlas .atlas-neighborhood-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: calc(93dvh - 240px);
    gap: 9px;
    padding-top: 8px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button {
    min-height: 112px;
    gap: 6px;
    padding: 12px;
    border-radius: 18px;
  }

  body.page-market-atlas .atlas-neighborhood-readout {
    z-index: 1605;
    padding: 20px 15px calc(20px + env(safe-area-inset-bottom));
    background:
      radial-gradient(520px 320px at 100% 0%, rgba(183, 140, 255, 0.2), transparent 70%),
      radial-gradient(520px 320px at 100% 0%, rgba(127, 224, 199, 0.12), transparent 70%),
      #080a0c;
    box-shadow:
      0 0 0 100vmax rgba(0, 0, 0, 0.78),
      0 -30px 90px rgba(0, 0, 0, 0.48),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: none;
  }

  html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-readout {
    background:
      radial-gradient(520px 320px at 100% 0%, rgba(183, 140, 255, 0.16), transparent 70%),
      radial-gradient(520px 320px at 100% 0%, rgba(127, 224, 199, 0.12), transparent 70%),
      #fffaf1;
    box-shadow:
      0 0 0 100vmax rgba(22, 22, 24, 0.42),
      0 -28px 86px rgba(31, 41, 55, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  body.page-market-atlas .atlas-neighborhood-readout-head h3 {
    font-size: clamp(32px, 10vw, 44px);
  }
}

@media (max-width: 520px) {
  body.page-market-atlas .btb-layers {
    right: 12px;
  }

  body.page-market-atlas .btb-layers button {
    padding: 0 10px;
    font-size: 10px;
  }

  body.page-market-atlas .atlas-neighborhood-launch {
    min-height: 42px;
    max-width: none;
    padding-inline: 14px;
    font-size: 9.5px;
  }

  body.page-market-atlas .atlas-neighborhood-launch span {
    max-width: none;
  }

  body.page-market-atlas .leaflet-top.leaflet-left {
    top: 228px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head p {
    display: none;
  }

  body.page-market-atlas .atlas-neighborhood-command input {
    min-height: 46px;
  }

  body.page-market-atlas .atlas-neighborhood-metros {
    margin-top: 0;
  }

  body.page-market-atlas .atlas-neighborhood-results-head {
    margin: 4px 0 9px;
  }

  body.page-market-atlas .atlas-neighborhood-grid {
    grid-template-columns: 1fr;
    max-height: calc(93dvh - 205px);
    gap: 12px;
    padding-top: 8px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button {
    min-height: 108px;
    padding: 12px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > span {
    font-size: 9px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > strong {
    font-size: 21px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > small {
    display: -webkit-box;
    overflow: hidden;
    font-size: 12.5px;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  body.page-market-atlas .atlas-neighborhood-card-metrics {
    gap: 7px;
  }

  body.page-market-atlas .atlas-neighborhood-card-metrics span {
    padding: 7px 9px;
  }

  body.page-market-atlas .atlas-neighborhood-card-metrics b {
    font-size: 17px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > i {
    min-height: 0;
    padding: 7px 9px 0;
    font-size: 9px;
  }

  body.page-market-atlas .atlas-neighborhood-readout-head h3 {
    font-size: clamp(31px, 10vw, 40px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-market-atlas .atlas-neighborhood-launch::before,
  body.page-market-atlas .atlas-neighborhood-browser::before {
    animation: none;
  }
}

/* Neighborhood browser mobile stability, compact cards, and compare answer. */
body.page-market-atlas.neighborhood-browser-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.page-market-atlas.neighborhood-readout-open {
  overflow: hidden;
}

body.page-market-atlas .atlas-neighborhood-browser-head > button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 999px;
  color: transparent;
  font: 900 0/1 var(--btb-mono);
  overflow: hidden;
}

body.page-market-atlas .atlas-neighborhood-browser-head > button::before {
  content: "×";
  color: var(--btb-ink);
  font: 900 20px/1 var(--btb-mono);
}

body.page-market-atlas .atlas-neighborhood-readout.is-comparing {
  align-content: start;
}

body.page-market-atlas .atlas-neighborhood-readout.is-comparing .atlas-neighborhood-compare {
  min-height: auto;
}

body.page-market-atlas .atlas-neighborhood-browser,
body.page-market-atlas .atlas-neighborhood-readout {
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
}

body.page-market-atlas .atlas-neighborhood-readout {
  --neighborhood-brief-accent: #e0b54d;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}

body.page-market-atlas .atlas-neighborhood-readout[data-brief-role="buyer"] {
  --neighborhood-brief-accent: #39a7cc;
}

body.page-market-atlas .atlas-neighborhood-readout[data-brief-role="investor"] {
  --neighborhood-brief-accent: #42bd96;
}

body.page-market-atlas .atlas-neighborhood-readout[data-brief-role="mortgage"] {
  --neighborhood-brief-accent: #d96f56;
}

body.page-market-atlas .atlas-neighborhood-browser *,
body.page-market-atlas .atlas-neighborhood-readout * {
  box-sizing: border-box;
}

body.page-market-atlas .atlas-neighborhood-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  margin-top: 2px;
}

body.page-market-atlas .atlas-neighborhood-card-tags span {
  flex: 0 1 auto;
  max-width: 100%;
  padding: 7px 9px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, #7fe0c7 20%, var(--atlas-card-line));
  border-radius: 999px;
  color: color-mix(in srgb, var(--btb-muted) 82%, var(--btb-ink));
  font: 820 9px/1.05 var(--btb-mono);
  letter-spacing: 0.055em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-grid > button > strong {
  display: block;
  min-height: 1.05em;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

body.page-market-atlas .atlas-neighborhood-metric strong em {
  margin-left: 3px;
  color: color-mix(in srgb, var(--btb-muted) 78%, var(--btb-ink));
  font: 780 10px/1 var(--btb-mono);
  font-style: normal;
  letter-spacing: 0.03em;
}

body.page-market-atlas .atlas-neighborhood-compare.is-result {
  gap: 16px;
  padding: 18px;
  max-width: 100%;
  overflow: hidden;
  border-color: color-mix(in srgb, #7fe0c7 42%, var(--atlas-card-line));
  border-radius: 26px;
  background:
    radial-gradient(520px 320px at 92% 0%, rgba(183, 140, 255, 0.17), transparent 70%),
    radial-gradient(440px 280px at 0% 0%, rgba(127, 224, 199, 0.15), transparent 72%),
    color-mix(in srgb, var(--atlas-card) 92%, transparent);
}

body.page-market-atlas .atlas-neighborhood-compare.is-result .atlas-neighborhood-compare-head {
  padding-right: 42px;
}

body.page-market-atlas .atlas-neighborhood-compare.is-result .atlas-neighborhood-compare-head strong {
  font: 820 clamp(23px, 2.4vw, 32px)/1.02 var(--btb-display);
  letter-spacing: -0.045em;
}

body.page-market-atlas .atlas-neighborhood-compare.is-result .atlas-neighborhood-compare-head p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.page-market-atlas .atlas-neighborhood-compare-names {
  padding: 10px;
  border-radius: 18px;
}

body.page-market-atlas .atlas-neighborhood-compare-names b {
  font-size: 10.5px;
}

body.page-market-atlas .atlas-neighborhood-compare-rows {
  gap: 8px;
}

body.page-market-atlas .atlas-neighborhood-compare-rows .atlas-neighborhood-compare-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
  padding: 11px;
  overflow: hidden;
  border-radius: 16px;
}

body.page-market-atlas .atlas-neighborhood-compare-row-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 8px;
  min-width: 0;
}

body.page-market-atlas .atlas-neighborhood-compare-row-main span {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-accent) 86%, var(--btb-ink));
  font: 860 9px/1.1 var(--btb-mono);
  letter-spacing: 0.1em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-compare-delta {
  justify-self: end;
  max-width: 136px;
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-accent) 88%, var(--btb-ink));
  font: 850 8px/1.1 var(--btb-mono);
  letter-spacing: 0.06em;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-compare-row-main strong {
  grid-column: 1 / -1;
  display: -webkit-box;
  overflow: hidden;
  color: var(--btb-ink);
  font: 830 14px/1.14 var(--btb-font);
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.page-market-atlas .atlas-neighborhood-compare-row-main p {
  grid-column: 1 / -1;
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: color-mix(in srgb, var(--btb-muted) 86%, var(--btb-ink));
  font: 500 10.75px/1.25 var(--btb-font);
  letter-spacing: 0;
  text-transform: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

body.page-market-atlas .atlas-neighborhood-compare-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

body.page-market-atlas .atlas-neighborhood-compare-values b {
  display: grid;
  gap: 4px;
  align-content: center;
  min-width: 0;
  min-height: 44px;
  padding: 7px 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--atlas-card-line) 72%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--btb-bg) 18%, transparent);
  font-style: normal;
}

body.page-market-atlas .atlas-neighborhood-compare-values b em {
  overflow: hidden;
  color: color-mix(in srgb, var(--btb-muted) 72%, var(--btb-ink));
  font: 800 7.5px/1 var(--btb-mono);
  letter-spacing: 0.06em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-compare-values b strong {
  color: var(--btb-ink);
  font: 830 17px/1 var(--btb-display);
}

body.page-market-atlas .atlas-neighborhood-compare-rows .atlas-neighborhood-compare-row.is-base .atlas-neighborhood-compare-values b:first-of-type,
body.page-market-atlas .atlas-neighborhood-compare-rows .atlas-neighborhood-compare-row.is-target .atlas-neighborhood-compare-values b:nth-of-type(2) {
  border: 1px solid color-mix(in srgb, var(--neighborhood-brief-accent) 38%, var(--atlas-card-line));
  background: color-mix(in srgb, var(--neighborhood-brief-accent) 10%, transparent);
}

body.page-market-atlas .atlas-neighborhood-readout-actions {
  grid-template-columns: 1fr;
  align-items: stretch;
}

body.page-market-atlas .atlas-neighborhood-readout-actions .atlas-neighborhood-build-cta {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, auto);
  gap: 12px;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--neighborhood-brief-accent) 62%, white 8%);
  border-radius: 28px;
  background:
    radial-gradient(160px 86px at 16% 12%, rgba(255, 255, 255, 0.28), transparent 70%),
    linear-gradient(135deg, color-mix(in srgb, var(--neighborhood-brief-accent) 82%, white), var(--neighborhood-brief-accent) 62%, color-mix(in srgb, var(--neighborhood-brief-accent) 78%, black));
  color: #14110a;
  box-shadow:
    0 22px 54px color-mix(in srgb, var(--neighborhood-brief-accent) 28%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.page-market-atlas .atlas-neighborhood-readout-actions .atlas-neighborhood-build-cta::after {
  content: "";
  position: absolute;
  inset: -50% auto -50% -28%;
  width: 44%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.38), transparent);
  transform: rotate(16deg);
  animation: neighborhoodBuildSweep 4.8s ease-in-out infinite;
}

body.page-market-atlas .atlas-neighborhood-build-cta img {
  position: relative;
  z-index: 1;
  width: 34px;
  height: 34px;
  object-fit: contain;
}

body.page-market-atlas .atlas-neighborhood-build-cta span {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 5px;
  min-width: 0;
  text-align: center;
}

body.page-market-atlas .atlas-neighborhood-build-cta small {
  overflow: hidden;
  color: rgba(20, 17, 10, 0.74);
  font: 850 9px/1.1 var(--btb-mono);
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-market-atlas .atlas-neighborhood-build-cta strong {
  color: #14110a;
  font: 900 15px/1 var(--btb-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.page-market-atlas .atlas-neighborhood-secondary-cta {
  border-radius: 24px;
}

body.page-market-atlas .atlas-neighborhood-role-grid button[aria-pressed="true"],
body.page-market-atlas .atlas-neighborhood-lens-grid button[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--neighborhood-brief-accent) 52%, var(--atlas-card-line));
  background:
    radial-gradient(240px 140px at 18% 0%, color-mix(in srgb, var(--neighborhood-brief-accent) 18%, transparent), transparent 72%),
    color-mix(in srgb, var(--neighborhood-brief-accent) 14%, var(--atlas-card));
  box-shadow: 0 16px 34px color-mix(in srgb, var(--neighborhood-brief-accent) 12%, transparent);
}

body.page-market-atlas .atlas-neighborhood-role-grid button[aria-pressed="true"] span,
body.page-market-atlas .atlas-neighborhood-lens-grid button[aria-pressed="true"] span {
  color: color-mix(in srgb, var(--neighborhood-brief-accent) 82%, white);
}

@keyframes neighborhoodBuildSweep {
  0%, 60% { left: -42%; opacity: 0; }
  68% { opacity: 1; }
  100% { left: 120%; opacity: 0; }
}

@media (max-width: 860px) {
  body.page-market-atlas .atlas-neighborhood-browser {
    inset: calc(env(safe-area-inset-top, 0px) + 10px) 8px calc(env(safe-area-inset-bottom, 0px) + 10px) 8px !important;
    width: auto;
    max-width: calc(100vw - 16px);
    height: auto;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    background:
      radial-gradient(600px 430px at 92% 0%, rgba(183, 140, 255, 0.22), transparent 72%),
      radial-gradient(520px 340px at 0% 10%, rgba(127, 224, 199, 0.09), transparent 70%),
      #090b0d;
    transform: none !important;
  }

  body.page-market-atlas .atlas-neighborhood-browser:not([hidden]) {
    transform: none !important;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head > button {
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    min-height: 42px;
    border-color: color-mix(in srgb, white 16%, var(--atlas-card-line));
    background: color-mix(in srgb, var(--atlas-card) 92%, transparent);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
  }

  body.page-market-atlas .atlas-neighborhood-browser-head {
    padding-right: 50px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head h2 {
    max-width: calc(100vw - 126px);
    font-size: clamp(29px, 8.2vw, 38px);
  }

  body.page-market-atlas .atlas-neighborhood-command {
    border-radius: 22px;
  }

  body.page-market-atlas .atlas-neighborhood-command input {
    font-size: 16px;
  }

  body.page-market-atlas .atlas-neighborhood-workspace {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  body.page-market-atlas .atlas-neighborhood-grid {
    height: 100%;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
  }

  body.page-market-atlas .atlas-neighborhood-readout.is-mobile-open {
    inset: 0 !important;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    border-width: 1px;
    border-radius: 28px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.page-market-atlas .atlas-neighborhood-readout-close {
    display: grid;
    place-items: center;
    top: 12px;
    right: 12px;
    z-index: 4;
    width: 42px;
    height: 42px;
    min-height: 42px;
    background: color-mix(in srgb, var(--atlas-card) 96%, black);
    font: 900 0/1 var(--btb-mono);
  }

  body.page-market-atlas .atlas-neighborhood-readout-close::before {
    content: "×";
    color: var(--btb-ink);
    font: 900 20px/1 var(--btb-mono);
  }

  html[data-theme="light"] body.page-market-atlas .atlas-neighborhood-readout-close {
    background: rgba(255, 252, 246, 0.96);
  }

  body.page-market-atlas .atlas-neighborhood-readout-head > span {
    display: block;
    padding-right: 58px;
    line-height: 1.35;
  }

  body.page-market-atlas .atlas-neighborhood-readout-head h3 {
    max-width: none;
    padding-right: 52px;
  }

  body.page-market-atlas .atlas-neighborhood-readout.is-comparing {
    padding: 14px;
  }

  body.page-market-atlas .atlas-neighborhood-compare.is-result {
    gap: 12px;
    padding: 14px;
    border-radius: 24px;
  }

  body.page-market-atlas .atlas-neighborhood-compare.is-result .atlas-neighborhood-compare-head strong {
    font-size: clamp(22px, 7vw, 30px);
    line-height: 1.04;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-browser {
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
    padding: 0 !important;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-browser-head,
  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-command,
  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-metros,
  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-results-head,
  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-grid {
    display: none !important;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-workspace {
    grid-column: 1;
    grid-row: 1;
    display: block;
    position: relative;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-readout.is-mobile-open {
    position: absolute !important;
    z-index: 5;
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 20px 14px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0;
    border-radius: inherit;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none !important;
    transition: none;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-readout.is-mobile-open.is-comparing {
    display: block;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-readout.is-mobile-open.is-comparing .atlas-neighborhood-compare.is-result {
    min-height: auto;
    margin: 0;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-readout-head {
    padding-top: 4px;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-metrics {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas.neighborhood-readout-open .atlas-neighborhood-evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  body.page-market-atlas .atlas-neighborhood-launch {
    top: 176px;
    right: 12px !important;
    left: 12px !important;
    grid-template-columns: minmax(0, auto) auto;
    justify-content: center;
    width: auto;
    max-width: none;
    min-height: 46px;
    padding-inline: 16px;
    font-size: 10px;
  }

  body.page-market-atlas .atlas-neighborhood-launch span {
    overflow: visible;
    max-width: calc(100vw - 116px);
    line-height: 1.08;
    text-overflow: clip;
    white-space: normal;
  }

  body.page-market-atlas .leaflet-top.leaflet-left {
    top: 234px;
  }

  body.page-market-atlas .atlas-neighborhood-browser {
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    gap: 10px;
    padding: 16px 12px calc(16px + env(safe-area-inset-bottom, 0px));
  }

  body.page-market-atlas .atlas-neighborhood-browser-head {
    min-height: 0;
    padding-right: 52px;
  }

  body.page-market-atlas .atlas-neighborhood-browser-head h2 {
    max-width: calc(100vw - 118px);
    margin-top: 4px;
    font-size: clamp(28px, 7.4vw, 34px);
    line-height: 1;
    letter-spacing: -0.045em;
  }

  body.page-market-atlas .atlas-neighborhood-command {
    padding: 8px;
  }

  body.page-market-atlas .atlas-neighborhood-command input {
    min-height: 48px;
    padding: 0 15px;
    font-size: 16px;
  }

  body.page-market-atlas .atlas-neighborhood-metros {
    gap: 6px;
    margin-top: 0;
    padding-bottom: 3px;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 22px), transparent 100%);
  }

  body.page-market-atlas .atlas-neighborhood-metros button {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
  }

  body.page-market-atlas .atlas-neighborhood-metros button b {
    margin-left: 4px;
    font-size: 8.5px;
  }

  body.page-market-atlas .atlas-neighborhood-results-head {
    margin: 12px 0 14px;
    font-size: 9.5px;
    line-height: 1.25;
  }

  body.page-market-atlas .atlas-neighborhood-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 0 2px 16px 0;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button {
    grid-template-rows: auto auto auto auto;
    min-height: 104px;
    height: auto;
    gap: 6px;
    padding: 14px;
    overflow: hidden;
    border-radius: 22px;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > strong {
    order: 1;
    display: block;
    min-height: 0;
    overflow: visible;
    font: 850 clamp(17px, 4.8vw, 20px)/1.08 var(--btb-font);
    letter-spacing: -0.025em;
    overflow-wrap: anywhere;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > span {
    order: 2;
    padding-right: 20px;
    overflow: hidden;
    color: color-mix(in srgb, #7fe0c7 78%, var(--btb-ink));
    font-size: 7.4px;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > small {
    display: -webkit-box;
    order: 3;
    overflow: hidden;
    font-size: 11.25px;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.page-market-atlas .atlas-neighborhood-card-tags {
    order: 4;
    display: none;
  }

  body.page-market-atlas .atlas-neighborhood-card-tags span {
    display: grid;
    place-items: center;
    min-height: 28px;
    padding: 5px 6px;
    overflow: hidden;
    font-size: 7.5px;
    line-height: 1.1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.page-market-atlas .atlas-neighborhood-card-tags span:last-child {
    max-width: none;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > i {
    order: 4;
    width: fit-content;
    min-height: 0;
    margin-top: 2px;
    padding-top: 5px;
    font-size: 8.5px;
  }

  body.page-market-atlas .atlas-neighborhood-compare-names {
    grid-template-columns: 1fr;
    border-radius: 18px;
  }

  body.page-market-atlas .atlas-neighborhood-compare-names em {
    justify-self: start;
  }

  body.page-market-atlas .atlas-neighborhood-compare-rows .atlas-neighborhood-compare-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.page-market-atlas .atlas-neighborhood-compare-row-main strong {
    font-size: 19px;
    line-height: 1.04;
  }

  body.page-market-atlas .atlas-neighborhood-compare-values {
    grid-template-columns: 1fr 1fr;
  }

  body.page-market-atlas .atlas-neighborhood-readout-actions {
    grid-template-columns: 1fr;
  }

  body.page-market-atlas .atlas-neighborhood-readout-actions .atlas-neighborhood-build-cta {
    min-height: 78px;
  }

  body.page-market-atlas .atlas-neighborhood-build-cta small {
    white-space: normal;
  }
}

@media (max-width: 380px) {
  body.page-market-atlas .atlas-neighborhood-browser-head h2 {
    font-size: 26px;
  }

  body.page-market-atlas .atlas-neighborhood-card-tags {
    display: none;
  }

  body.page-market-atlas .atlas-neighborhood-grid > button > strong {
    font-size: 16.5px;
  }

  body.page-market-atlas .atlas-neighborhood-card-tags span {
    min-height: 26px;
    padding-inline: 5px;
    font-size: 7px;
  }

  body.page-market-atlas .atlas-neighborhood-compare-values {
    grid-template-columns: 1fr;
  }
}