/* Aurelo public surface system: dashboard, access, docs, and terms. */
:root {
  --bg0: #070707;
  --bg1: #0c0c0d;
  --bg2: #121214;
  --bg3: #19191c;
  --bg4: #202024;
  --border: #27272b;
  --border-hi: #3d3d43;
  --text0: #fafafa;
  --text1: #d7d7db;
  --text2: #929299;
  --text3: #5f5f67;
  --accent: #f5f5f5;
  --accent-b: #bdbdc4;
  --accent-dim: rgba(255, 255, 255, .07);
  --brand: #2dd4bf;
  --brand-soft: rgba(45, 212, 191, .11);
  --green: #35d07f;
  --green-bg: rgba(53, 208, 127, .1);
  --red: #ff6262;
  --red-bg: rgba(255, 98, 98, .1);
  --amber: #f4b942;
  --amber-bg: rgba(244, 185, 66, .1);
  --blue: #72a7ff;
  --blue-bg: rgba(114, 167, 255, .1);
  --r: 5px;
  --r2: 8px;
  --shadow: 0 18px 55px rgba(0, 0, 0, .38);
}

html { max-width: 100%; color-scheme: dark; }
body { max-width: 100%; letter-spacing: 0; }
body::before {
  background-size: 36px 36px !important;
  opacity: .08 !important;
}
button, input, select, textarea { font: inherit; }
button, a, input, select { touch-action: manipulation; }
::selection { background: var(--brand); color: #06110f; }
:focus-visible { outline-color: var(--brand) !important; outline-width: 2px; }

.aurelo-mark {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border-hi);
  border-radius: 7px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .24);
}
.aurelo-mark svg,
.aurelo-mark img { width: 100%; height: 100%; display: block; object-fit: cover; }

/* Dashboard and access shell */
body.aurelo-dashboard {
  --sidebar-col: 60px;
  --sidebar: 220px;
  --topbar: 64px;
  background: var(--bg0);
  max-width: 100%;
}
body.aurelo-dashboard .main-col,
body.aurelo-dashboard .content-area,
body.aurelo-dashboard .view,
body.aurelo-dashboard .overview-grid,
body.aurelo-dashboard .models-wrap,
body.aurelo-dashboard .card,
body.aurelo-dashboard .full-panel,
body.aurelo-dashboard .split-panel { min-width: 0; }
body.aurelo-dashboard .sidebar {
  width: var(--sidebar-col);
  background: #09090a;
  border-color: var(--border);
  transition: width .18s ease, box-shadow .18s ease;
}
body.aurelo-dashboard .sidebar:hover {
  width: var(--sidebar);
  box-shadow: 18px 0 55px rgba(0, 0, 0, .58);
}
.sidebar-brand {
  height: var(--topbar);
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--border);
  overflow: hidden;
  flex: 0 0 var(--topbar);
}
.sidebar-brand .aurelo-mark { width: 31px; height: 31px; flex-basis: 31px; }
.sidebar-brand-copy {
  min-width: 120px;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity .14s ease, transform .18s ease;
}
.sidebar:hover .sidebar-brand-copy { opacity: 1; transform: none; }
.sidebar-brand-copy strong {
  display: block;
  color: var(--text0);
  font-size: 13px;
  line-height: 1.15;
  font-weight: 650;
}
.sidebar-brand-copy small {
  display: block;
  margin-top: 3px;
  color: var(--text3);
  font: 9px/1 var(--mono);
  text-transform: uppercase;
  letter-spacing: .09em;
}
body.access-dashboard .sidebar-brand-copy small::before { content: "Access"; }
body.access-dashboard .sidebar-brand-copy small { font-size: 0; }
body.access-dashboard .sidebar-brand-copy small::before { font-size: 9px; }

body.aurelo-dashboard .nav { padding: 10px 8px; }
body.aurelo-dashboard .nav-item {
  min-height: 40px;
  padding: 10px 0;
  border: 1px solid transparent;
  color: var(--text2);
}
body.aurelo-dashboard .sidebar:hover .nav-item { padding: 10px 11px; }
body.aurelo-dashboard .nav-item:hover {
  background: var(--bg2);
  border-color: var(--border);
}
body.aurelo-dashboard .nav-item.active {
  color: var(--text0);
  background: var(--accent-dim);
  border-color: var(--border-hi);
}
body.aurelo-dashboard .nav-item.active::before {
  left: -9px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  background: var(--brand);
}
body.aurelo-dashboard .nav-item .icon { width: 18px; height: 18px; }
body.aurelo-dashboard .nav-label { font-size: 12px; font-weight: 550; }
body.aurelo-dashboard .storage-badge { order: 3; }

body.aurelo-dashboard .main-col { margin-left: var(--sidebar-col); }
body.aurelo-dashboard .sidebar:hover + .main-col { margin-left: var(--sidebar); }
body.aurelo-dashboard .topbar {
  min-height: var(--topbar);
  padding: 0 24px;
  background: #0a0a0b;
  border-color: var(--border);
}
.topbar-route {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-right: 3px;
  color: var(--text3);
  font: 9px/1 var(--mono);
  text-transform: uppercase;
  letter-spacing: .1em;
  white-space: nowrap;
}
.topbar-route strong { color: var(--text1); font-weight: 650; }
.topbar-route i { color: var(--border-hi); font-style: normal; }
body.access-dashboard .topbar-route strong::after { content: " access"; color: var(--text2); font-weight: 500; }
body.aurelo-dashboard .page-title { font-size: 16px; line-height: 1.15; }
body.aurelo-dashboard .page-sub { margin-top: 4px; font-size: 10px; }
body.aurelo-dashboard .topbar-scope {
  min-height: 36px;
  border-color: var(--border);
  background: var(--bg1);
}
body.aurelo-dashboard .btn {
  min-height: 36px;
  border-color: var(--border);
  background: var(--bg1);
  font-size: 11px;
  font-weight: 600;
}
body.aurelo-dashboard .btn:hover { border-color: var(--border-hi); background: var(--bg3); }
body.aurelo-dashboard .btn.primary {
  border-color: #e8e8e8;
  background: #ededed;
  color: #090909;
}
body.aurelo-dashboard .btn.primary:hover { background: #fff; }

body.aurelo-dashboard .metrics-strip {
  min-height: 86px;
  display: grid;
  grid-template-columns: repeat(7, minmax(132px, 1fr));
  overflow-x: auto;
  background: #09090a;
}
body.aurelo-dashboard .metric {
  min-height: 86px;
  padding: 15px 18px;
  align-items: flex-end;
  background: transparent;
}
body.aurelo-dashboard .metric:hover,
body.aurelo-dashboard .metric.metric-chart-active { background: var(--bg2); }
body.aurelo-dashboard .metric-label { font-size: 8px; color: var(--text3); }
body.aurelo-dashboard .metric-val { margin-top: 3px; font-size: 20px; font-weight: 600; }
body.aurelo-dashboard .metric-sparkline { align-self: center; }

body.aurelo-dashboard .overview-grid,
body.aurelo-dashboard .models-wrap,
body.aurelo-dashboard .settings-wrap,
body.aurelo-dashboard .credits-wrap {
  width: 100%;
  max-width: 1640px;
  margin-inline: auto;
}
body.aurelo-dashboard .overview-grid { gap: 16px; padding: 24px; }
body.aurelo-dashboard .models-wrap { padding: 24px; }
body.aurelo-dashboard .card,
body.aurelo-dashboard .full-panel,
body.aurelo-dashboard .split-panel {
  border-color: var(--border);
  background: var(--bg1);
  box-shadow: none;
}
body.aurelo-dashboard .card-header {
  min-height: 48px;
  padding: 13px 17px;
  background: #101012;
}
body.aurelo-dashboard .card-title { color: var(--text2); font-size: 9px; }
body.aurelo-dashboard .card-body { padding: 20px; }
body.aurelo-dashboard .model-card { transition: border-color .16s ease, transform .16s ease; }
body.aurelo-dashboard .model-card:hover { border-color: var(--border-hi); transform: translateY(-2px); }
body.aurelo-dashboard .model-card-top { background: #101012; }
body.aurelo-dashboard .model-card-top::before,
.docs-page .model-card-top::before {
  content: "";
  width: 3px;
  align-self: stretch;
  margin: -18px 0 -18px -18px;
  background: var(--brand);
}
body.aurelo-dashboard .filter-bar {
  min-height: 54px;
  padding: 10px 16px;
  background: #0e0e10;
}
body.aurelo-dashboard input,
body.aurelo-dashboard select {
  border-color: var(--border) !important;
}
body.aurelo-dashboard input:focus,
body.aurelo-dashboard select:focus { border-color: var(--brand) !important; }
body.aurelo-dashboard .panel-list > *,
body.aurelo-dashboard .billing-row,
body.aurelo-dashboard .key-row { transition: background .12s ease; }
body.aurelo-dashboard .panel-list > *:hover,
body.aurelo-dashboard .billing-row:hover,
body.aurelo-dashboard .key-row:hover { background: var(--bg2); }
body.aurelo-dashboard .detail-tab.active { color: var(--text0); border-bottom-color: var(--brand); }
body.aurelo-dashboard .chat-avatar.user-av { color: var(--brand); border-color: rgba(45,212,191,.28); background: var(--brand-soft); }
body.aurelo-dashboard .chat-bubble.user-bubble { border-color: rgba(45,212,191,.24); background: rgba(45,212,191,.07); }

body.aurelo-dashboard #dashboard-loading { background: #070707; }
body.aurelo-dashboard #dashboard-loading::before { opacity: .08; }
body.aurelo-dashboard .dashboard-loading-title { font-size: 17px; letter-spacing: .01em; }
body.aurelo-dashboard .dashboard-loading-message { font-size: 11px; }
body.aurelo-dashboard .dashboard-loading-spinner { width: 22px; height: 22px; border-top-color: var(--brand); }

body.aurelo-dashboard #auth-modal {
  padding: 24px !important;
  background: rgba(0, 0, 0, .82) !important;
  backdrop-filter: blur(7px);
}
.auth-dialog {
  width: min(780px, 100%);
  min-height: 430px;
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  overflow: hidden;
  border: 1px solid var(--border-hi);
  border-radius: 8px;
  background: var(--bg1);
  box-shadow: 0 35px 100px rgba(0, 0, 0, .72);
}
.auth-identity {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  border-right: 1px solid var(--border);
  background: #0a0a0b;
}
.auth-identity::after {
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 86px;
  height: 1px;
  background: var(--border);
}
.auth-brand-row { display: flex; align-items: center; gap: 12px; }
.auth-brand-row strong { display: block; font-size: 14px; }
.auth-brand-row span { display: block; margin-top: 4px; color: var(--text3); font: 9px/1 var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.auth-endpoint { color: var(--text3); font: 10px/1.65 var(--mono); }
.auth-endpoint strong { display: block; color: var(--text1); font-weight: 500; }
.auth-form-pane { display: flex; flex-direction: column; justify-content: center; padding: 42px; }
.auth-kicker { margin-bottom: 11px; color: var(--brand); font: 9px/1 var(--mono); text-transform: uppercase; letter-spacing: .12em; }
#auth-title { margin: 0 0 8px !important; font-size: 23px !important; line-height: 1.15; }
#auth-description { min-height: 19px; margin: 0 0 25px !important; }
#auth-key-input {
  height: 46px;
  margin-bottom: 12px !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  background: #101012 !important;
}
#auth-submit-btn { height: 44px !important; margin-top: 4px; }
.auth-footnote { margin-top: 15px; color: var(--text3); font: 9px/1.55 var(--mono); }

/* Docs */
body.docs-page { overflow-x: hidden; background: var(--bg0); color: var(--text0); }
.docs-page .docs-topbar > *,
.docs-page .docs-header-actions,
.docs-page .docs-topbar-meta,
.docs-page .docs-shell,
.docs-page .models-grid,
.docs-page .model-card,
.docs-page .model-card-top,
.docs-page .model-card-top > *,
.docs-page .model-variant,
.docs-page .models-benchmarks,
.docs-page .models-docs,
.docs-page .models-docs-panel { min-width: 0; }
.docs-page .docs-topbar {
  max-width: 1512px;
  min-height: 68px;
  padding: 14px 24px;
  border-color: var(--border);
}
.docs-page .docs-brand { gap: 12px; text-transform: none; letter-spacing: 0; }
.docs-brand-copy { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.docs-page .docs-brand-word { font: 650 13px/1 var(--sans); letter-spacing: 0; text-transform: none; }
.docs-page .docs-brand-separator { color: var(--border-hi); }
.docs-page .docs-brand-page { font: 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.docs-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-width: 0; }
.docs-page .docs-topbar-meta {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--bg1);
}
.docs-header-link {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--bg1);
  color: var(--text2);
  font: 10px/1 var(--mono);
  text-decoration: none;
}
.docs-header-link:hover { color: var(--text0); border-color: var(--border-hi); }
.docs-page .docs-status::before { background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.docs-page .docs-shell {
  max-width: 1512px;
  display: grid;
  grid-template-columns: 202px minmax(0, 1fr);
  column-gap: 34px;
  align-items: start;
  padding: 34px 24px 72px;
}
.docs-page .docs-shell > :not(.docs-anchor-nav) { grid-column: 2; }
.docs-page .docs-anchor-nav {
  grid-column: 1;
  grid-row: 1 / span 40;
  align-self: start;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  margin: 0;
  padding: 7px;
  overflow: visible;
  box-shadow: none;
  background: var(--bg1);
  border-color: var(--border);
}
.docs-page .docs-anchor-label {
  min-height: 32px;
  padding: 0 9px;
  border: 0;
  border-bottom: 1px solid var(--border);
  margin-bottom: 4px;
}
.docs-page .docs-anchor-btn {
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: 0 9px;
  border-left: 2px solid transparent;
  border-radius: 4px;
}
.docs-page .docs-anchor-btn:hover { border-color: var(--border); }
.docs-page .docs-anchor-btn.active {
  color: var(--text0);
  border-color: transparent;
  border-left-color: var(--brand);
  background: var(--bg3);
}
.docs-page .docs-section-head { margin-bottom: 17px; padding-bottom: 13px; border-bottom: 1px solid var(--border); }
.docs-page .docs-section-head h1 { font-size: 24px; }
.docs-page .docs-section-head p { color: var(--text3); }
.docs-page .models-grid { gap: 14px; margin-bottom: 42px; }
.docs-page .model-card { border-color: var(--border); box-shadow: none; }
.docs-page .model-card:hover { transform: translateY(-2px); border-color: var(--border-hi); }
.docs-page .model-card-top { min-height: 88px; background: #101012; }
.docs-page .model-card h2 { font-size: 29px; }
.docs-page .model-description { color: #a6a6ad; font-size: 12px; line-height: 1.7; }
.docs-page .model-pricing-note { border-left-color: var(--brand); background: #101012; }
.docs-page .model-price-table { border-color: var(--border); }
.docs-page .model-cache-box strong { color: var(--text0); }
.docs-page .models-benchmarks { margin-bottom: 42px; }
.docs-page .bench-panel { border-color: var(--border); background: var(--bg1); }
.docs-page .bench-tab.active { color: #07110f; background: var(--brand); border-color: var(--brand); }
.docs-page .bench-tab:hover { color: var(--text0); border-color: var(--border-hi); }
.docs-page .models-docs { border-color: var(--border); box-shadow: none; }
.docs-page .models-docs-head { min-height: 62px; padding: 16px 20px; background: #101012; }
.docs-page .models-docs-panel { padding: 22px; }
.docs-page .models-docs-panel h3 { margin-bottom: 15px; font-size: 13px; }
.docs-page .models-code-wrap { border-color: var(--border); background: #080809; }
.docs-page .models-code-header { min-height: 38px; padding-inline: 13px; }
.docs-page .models-code { max-height: 460px; padding: 17px; font-size: 11px; line-height: 1.8; }
.docs-page .models-docs-table th { background: #101012; }
.docs-page .models-docs-table th,
.docs-page .models-docs-table td { padding: 11px 12px; }
.docs-page .docs-footer { grid-column: 2; margin-top: 36px; padding-top: 22px; }

/* Terms */
body.terms-page { overflow-x: hidden; background: var(--bg0); color: var(--text0); }
.terms-page .terms-topbar > *,
.terms-page .terms-shell,
.terms-page .terms-hero,
.terms-page .terms-layout,
.terms-page .terms-content,
.terms-page .terms-card,
.terms-page .terms-card > * { min-width: 0; }
.terms-page .terms-topbar {
  max-width: 1220px;
  min-height: 68px;
  padding: 14px 24px;
  border-color: var(--border);
}
.terms-page .terms-brand { gap: 12px; text-transform: none; letter-spacing: 0; }
.terms-page .terms-brand-copy { display: flex; align-items: baseline; gap: 8px; }
.terms-page .terms-brand-word { font: 650 13px/1 var(--sans); letter-spacing: 0; text-transform: none; }
.terms-page .terms-brand-page { font: 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.terms-page .terms-nav a { min-height: 34px; display: inline-flex; align-items: center; padding: 0 11px; background: var(--bg1); }
.terms-page .terms-shell { max-width: 1220px; padding: 52px 24px 72px; }
.terms-page .terms-hero {
  grid-template-columns: minmax(0, 1.3fr) 320px;
  gap: 60px;
  align-items: end;
  margin-bottom: 54px;
  padding-bottom: 46px;
  border-bottom: 1px solid var(--border);
}
.terms-page .terms-kicker { color: var(--brand); }
.terms-page h1 { max-width: 760px; font-size: 52px; line-height: 1; }
.terms-page .terms-lede { max-width: 720px; font-size: 16px; color: var(--text1); }
.terms-page .terms-meta { padding: 17px; border-color: var(--border); background: var(--bg1); box-shadow: none; }
.terms-page .terms-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 56px; }
.terms-page .terms-sidebar {
  position: relative;
  top: auto;
  padding: 0 0 0 14px;
  border: 0;
  border-left: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.terms-page .terms-sidebar-label { padding: 0 8px 11px; border: 0; margin: 0; }
.terms-page .terms-sidebar a {
  padding: 7px 8px;
  border-left: 2px solid transparent;
  border-radius: 3px;
}
.terms-page .terms-sidebar a:hover { border-color: transparent; border-left-color: var(--brand); }
.terms-page .terms-content { gap: 0; }
.terms-page .terms-card {
  display: grid;
  grid-template-columns: 185px minmax(0, 1fr);
  column-gap: 34px;
  padding: 30px 0 34px;
  border: 0;
  border-top: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.terms-page .terms-card:first-child { border-top: 0; padding-top: 0; }
.terms-page .terms-card h2 {
  grid-column: 1;
  grid-row: 1 / span 20;
  align-items: flex-start;
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
}
.terms-page .terms-card > :not(h2) { grid-column: 2; }
.terms-page .terms-card p,
.terms-page .terms-list { color: #a5a5ac; font-size: 13px; line-height: 1.8; }
.terms-page .terms-index { margin-top: 3px; color: var(--brand); }
.terms-page .terms-note { margin-top: 16px; border-left-color: var(--brand); background: #101012; }
.terms-page .terms-list li::before { background: var(--brand); border-radius: 1px; }
.terms-page .terms-status::before { background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }

@media (max-width: 1100px) {
  .docs-page .docs-shell { grid-template-columns: 176px minmax(0, 1fr); column-gap: 24px; }
  .docs-page .models-grid { grid-template-columns: 1fr; }
  .docs-page .models-grid .model-card:last-child:nth-child(odd) { grid-column: auto; }
}

@media (max-width: 960px) {
  body.aurelo-dashboard { --sidebar-col: 100%; }
  body.aurelo-dashboard .sidebar { width: 100%; }
  body.aurelo-dashboard .sidebar-brand { height: 58px; flex-basis: 58px; }
  body.aurelo-dashboard .sidebar-brand-copy { opacity: 1; transform: none; }
  body.aurelo-dashboard .nav { flex-wrap: nowrap; overflow-x: auto; padding: 8px 12px; scrollbar-width: thin; }
  body.aurelo-dashboard .nav-item,
  body.aurelo-dashboard .sidebar:hover .nav-item { min-height: 36px; padding: 8px 10px; }
  body.aurelo-dashboard .nav-item.active::before { left: 8px; right: 8px; top: auto; bottom: -9px; width: auto; height: 2px; }
  body.aurelo-dashboard .main-col { margin-left: 0; }
  body.aurelo-dashboard .metrics-strip { grid-template-columns: repeat(7, minmax(150px, 1fr)); }
  .topbar-route { display: none; }

  .docs-page .docs-shell { display: block; padding-top: 22px; }
  .docs-page .docs-anchor-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    margin: 0 0 30px;
    padding: 8px;
    overflow-x: auto;
  }
  .docs-page .docs-anchor-label { align-self: stretch; flex: 0 0 auto; border: 0; border-right: 1px solid var(--border); margin: 0 4px 0 0; }
  .docs-page .docs-anchor-btn { width: auto; flex: 0 0 auto; border-left: 1px solid transparent; }
  .docs-page .docs-anchor-btn.active { border-left-color: transparent; border-color: var(--border-hi); }
  .docs-page .docs-footer { grid-column: auto; }

  .terms-page .terms-hero { grid-template-columns: 1fr; gap: 28px; }
  .terms-page .terms-layout { grid-template-columns: 1fr; gap: 36px; }
  .terms-page .terms-sidebar { display: flex; gap: 4px; overflow-x: auto; padding: 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg1); }
  .terms-page .terms-sidebar-label { display: none; }
  .terms-page .terms-sidebar a { flex: 0 0 auto; white-space: nowrap; border-left: 1px solid transparent; }
}

@media (max-width: 720px) {
  .auth-dialog { min-height: 0; grid-template-columns: 1fr; }
  .auth-identity { min-height: 118px; padding: 22px; border-right: 0; border-bottom: 1px solid var(--border); }
  .auth-identity::after { display: none; }
  .auth-endpoint { display: none; }
  .auth-form-pane { padding: 28px 22px; }
  #auth-title { font-size: 20px !important; }

  .docs-page .docs-topbar { align-items: center; padding: 12px 16px; }
  .docs-header-actions { gap: 6px; }
  .docs-page .docs-topbar-meta { display: none; }
  .docs-page .docs-shell { padding: 20px 16px 48px; }
  .docs-page .docs-section-head { gap: 8px; }
  .docs-page .model-card-top { min-height: 76px; }
  .docs-page .models-docs-panel { padding: 18px 16px; }

  .terms-page .terms-topbar { padding: 12px 16px; }
  .terms-page .terms-shell { padding: 36px 16px 50px; }
  .terms-page .terms-hero { margin-bottom: 36px; padding-bottom: 34px; }
  .terms-page h1 { font-size: 40px; }
  .terms-page .terms-card { grid-template-columns: 1fr; padding: 25px 0 28px; }
  .terms-page .terms-card h2 { grid-column: 1; grid-row: auto; margin-bottom: 14px; }
  .terms-page .terms-card > :not(h2) { grid-column: 1; }
}

@media (max-width: 560px) {
  body.aurelo-dashboard .topbar { padding: 12px 14px; }
  body.aurelo-dashboard .topbar-actions { gap: 6px; }
  body.aurelo-dashboard .overview-grid,
  body.aurelo-dashboard .models-wrap { padding: 14px; }
  body.aurelo-dashboard .metric { padding: 13px 14px; }
  body.aurelo-dashboard #auth-modal { padding: 12px !important; }

  .docs-brand-copy .docs-brand-separator,
  .docs-brand-copy .docs-brand-page { display: none; }
  .docs-header-link { padding-inline: 9px; }
  .docs-page .docs-section-head h1 { font-size: 21px; }
  .docs-page .models-benchmarks-head { flex-direction: column; }

  .terms-page .terms-brand-separator,
  .terms-page .terms-brand-page { display: none; }
  .terms-page h1 { font-size: 35px; }
  .terms-page .terms-lede { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}