@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --bg: #121417;
  --panel: #1a1d21;
  --panel-2: #1f2226;
  --line: #2b2f36;
  --amber: #f5a623;
  --amber-dim: #7a5518;
  --teal: #4fd1c5;
  --teal-dim: #205852;
  --text: #ece9e2;
  --muted: #868b93;
  --muted-2: #565a61;
}
*{ box-sizing: border-box; margin:0; padding:0; }
html{ scroll-behavior: smooth; }
body{
  background: var(--bg);
  color: var(--text);
  font-family: 'Space Grotesk', system-ui, sans-serif;
  line-height: 1.5;
}
a{ color: inherit; text-decoration: none; }
img{ max-width:100%; display:block; }
.wrap{ max-width: 1120px; margin: 0 auto; padding: 0 24px; }
section{ padding: 84px 0; }
h1,h2,h3{ font-weight: 600; line-height: 1.15; }
.mono{ font-family: 'JetBrains Mono', monospace; }

/* ---------- nav ---------- */
header{
  position: sticky; top:0; z-index: 50;
  background: rgba(18,20,23,0.92);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--line);
}
.nav{
  display:flex; align-items:center; justify-content:space-between;
  padding: 16px 24px;
  max-width: 1120px; margin: 0 auto;
  gap: 20px;
}
.logo{ font-size: 18px; font-weight: 700; letter-spacing: 0.2px; display:flex; align-items:center; gap:8px; flex-shrink:0; }
.logo-mark{
  width: 10px; height:10px; border-radius: 50%;
  background: var(--amber);
  box-shadow: 0 0 8px 1px rgba(245,166,35,0.6);
}
.nav-links{ display:flex; gap: 26px; font-size: 14px; color: var(--muted); }
.nav-links a:hover{ color: var(--text); }
.nav-search-wrap{ position: relative; flex:1; max-width: 240px; }
.nav-search{
  width:100%; box-sizing:border-box;
  background: var(--panel); border: 1px solid var(--line); border-radius: 5px;
  padding: 7px 12px; font-size: 13px; color: var(--text);
  font-family: 'Space Grotesk', sans-serif;
}
.nav-search::placeholder{ color: var(--muted-2); }
.nav-search:focus{ outline: none; border-color: var(--amber-dim); }
.search-results{
  display:none;
  position:absolute; top: calc(100% + 6px); left:0; right:0;
  background: var(--panel); border: 1px solid var(--line); border-radius: 6px;
  overflow:hidden; z-index: 60;
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}
.search-results.open{ display:block; }
.search-results a{
  display:block; padding: 10px 12px; font-size: 13px; color: var(--text);
  border-bottom: 1px solid var(--line);
}
.search-results a:last-child{ border-bottom: none; }
.search-results a:hover{ background: var(--panel-2); color: var(--amber); }
@media (max-width: 780px){ .nav-links{ display:none; } .nav-search-wrap{ display:none; } }

/* ---------- hero ---------- */
.hero{ padding: 72px 0 56px; }
.hero-grid{ display:grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items:center; }
@media (max-width: 860px){ .hero-grid{ grid-template-columns: 1fr; } }
.eyebrow{ font-size: 13px; color: var(--amber); margin-bottom: 14px; }
.hero h1{ font-size: 44px; letter-spacing: -0.5px; }
.hero h1 span{ color: var(--muted); }
.hero p.lede{ margin-top: 18px; font-size: 16px; color: var(--muted); max-width: 46ch; }
.hero-actions{ display:flex; gap: 14px; margin-top: 30px; flex-wrap:wrap; }
.btn{
  display:inline-block; padding: 12px 22px; border-radius: 4px;
  font-size: 14px; font-weight: 500; border: 1px solid transparent; cursor:pointer;
}
.btn-amber{ background: var(--amber); color: #191308; }
.btn-ghost{ border-color: var(--line); color: var(--text); }
.btn-ghost:hover{ border-color: var(--muted-2); }

/* dashboard ticker */
.cluster{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 26px;
}
.cluster-title{ font-size: 12.5px; color: var(--muted); margin-bottom: 16px; }
.cluster-tabs{ display:flex; gap: 6px; margin-bottom: 18px; flex-wrap:wrap; }
.cluster-tab{
  font-family: 'Space Grotesk', sans-serif;
  font-size: 12px; padding: 6px 13px; border-radius: 999px;
  border: 1px solid var(--line); color: var(--muted); background: none; cursor: pointer;
}
.cluster-tab.active{ border-color: var(--amber); color: var(--amber); }
.cluster-panel{ display:none; }
.cluster-panel.active{ display:block; }

.gauge-row{ display:flex; gap: 14px; margin-bottom: 4px; }
.gauge{ flex:1; text-align:center; padding: 10px 4px; border-right: 1px solid var(--line); }
.gauge:last-child{ border-right:none; }
.gauge-value{ font-family:'JetBrains Mono', monospace; font-size: 20px; font-weight:700; color: var(--amber); }
.gauge-value.teal{ color: var(--teal); }
.gauge-label{ font-size: 10.5px; color: var(--muted); margin-top: 6px; line-height:1.3; }

.bar-chart{ display:flex; flex-direction:column; gap: 11px; margin: 6px 0 4px; }
.bar-row{ display:flex; align-items:center; gap: 10px; }
.bar-label{ font-size: 11.5px; color: var(--muted); width: 96px; flex-shrink:0; }
.bar-track{ flex:1; height: 7px; background: var(--line); border-radius: 4px; overflow:hidden; }
.bar-fill{ display:block; height:100%; width:0%; background: var(--amber); border-radius:4px; transition: width .7s ease; }
.bar-fill.teal{ background: var(--teal); }
.bar-value{ font-family:'JetBrains Mono', monospace; font-size: 11.5px; color: var(--text); width: 54px; text-align:right; flex-shrink:0; }

.cluster-note{ font-size: 12px; color: var(--muted-2); margin-top: 16px; border-top: 1px solid var(--line); padding-top: 14px; }

/* ---------- section headers ---------- */
.section-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom: 36px; gap: 20px; flex-wrap:wrap; }
.section-head h2{ font-size: 28px; }
.section-head p{ color: var(--muted); font-size: 14px; margin-top: 6px; max-width: 50ch; }
.section-tag{ font-size: 12px; color: var(--muted-2); font-family:'JetBrains Mono', monospace; white-space: nowrap; }
.tab-row{ display:flex; gap: 8px; margin-bottom: 28px; }
.tab-btn{ font-size: 13px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); cursor:pointer; background:none; font-family:'Space Grotesk',sans-serif; }
.tab-btn.active{ border-color: var(--amber); color: var(--amber); }
.pill-btn{ font-size: 12.5px; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); cursor:pointer; background:none; font-family:'Space Grotesk',sans-serif; }
.pill-btn.active{ border-color: var(--amber); color: var(--amber); }

/* ---------- placeholder image ---------- */
.img-placeholder{
  aspect-ratio: 16/10; border-radius: 6px;
  background: repeating-linear-gradient(135deg, #23262b, #23262b 10px, #1c1f23 10px, #1c1f23 20px);
  border: 1px dashed var(--muted-2);
  display:flex; align-items:center; justify-content:center;
  text-align:center; padding: 12px; color: var(--muted-2); font-size: 12px;
  overflow: hidden;
}
.img-placeholder img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.img-placeholder:has(img){
  padding: 0;
  border-style: solid;
  border-color: var(--line);
  background: none;
}

/* ---------- ad slots ---------- */
.ad-slot{
  border: 1px dashed var(--teal-dim);
  background: rgba(79,209,197,0.04);
  border-radius: 6px;
  display:flex; align-items:center; justify-content:center;
  color: var(--muted); font-size: 12px; font-family:'JetBrains Mono', monospace;
  text-align:center; padding: 14px;
}
.ad-leaderboard{ height: 90px; margin: 32px 0; }
.ad-rectangle{ height: 250px; }
.ad-infeed{ grid-column: 1 / -1; height: 120px; margin: 4px 0; }

/* ---------- fórmula 1 ---------- */
.f1-banner{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  background: var(--panel); border: 1px solid var(--line); border-radius: 8px;
  padding: 14px 18px; margin-bottom: 24px; font-size: 13px; color: var(--muted);
}
.f1-banner strong{ color: var(--text); }
.f1-featured{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 780px){ .f1-featured{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px){ .f1-featured{ grid-template-columns: 1fr; } }
.f1-card{
  display:block;
  background: var(--panel); border: 1px solid var(--line); border-radius: 8px;
  overflow: hidden;
  transition: border-color .15s, transform .15s;
}
.f1-card:hover{ border-color: var(--amber-dim); transform: translateY(-2px); }
.f1-card .img-placeholder{ aspect-ratio: 4/3; font-size: 11px; }
.f1-card-body{ padding: 12px 14px 16px; }
.f1-card-body .card-tag{ font-size: 10px; }
.f1-card-body h4{ font-size: 12.5px; font-weight:600; margin-top: 6px; line-height:1.35; color: var(--text); }
.f1-card:hover .f1-card-body h4{ color: var(--amber); }
.news-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media (max-width: 860px){ .news-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px){ .news-grid{ grid-template-columns: 1fr; } }
.card{ background: var(--panel); border: 1px solid var(--line); border-radius: 8px; overflow:hidden; }
.card-body{ padding: 18px 18px 22px; }
.card-tag{ font-size: 11px; color: var(--amber); font-family:'JetBrains Mono', monospace; }
.card h3{ font-size: 17px; margin-top: 10px; }
.card p{ font-size: 13.5px; color: var(--muted); margin-top: 8px; }
.card-meta{ font-size: 11.5px; color: var(--muted-2); margin-top: 14px; }

/* ---------- news feature (actualidad) ---------- */
.news-feature{ display:flex; flex-direction:column; gap: 28px; }
.news-hero-row{ display:grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items:stretch; }
@media (max-width: 780px){ .news-hero-row{ grid-template-columns: 1fr; } }

.news-hero{
  display:flex; flex-direction:column;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color .15s;
}
.news-hero:hover{ border-color: var(--amber-dim); }
.news-hero-img{ aspect-ratio: 16/9; overflow:hidden; }
.news-hero-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.news-hero-body{ padding: 22px 24px 26px; flex:1; display:flex; flex-direction:column; }
.news-hero-body .card-tag{ font-size: 11.5px; }
.news-hero-body h3{ font-size: 23px; margin-top: 10px; line-height:1.28; }
.news-hero-body p{ font-size: 14px; color: var(--muted); margin-top: 10px; }

.read-more{
  display:inline-flex; align-items:center; gap:7px;
  margin-top: 18px; font-size: 13px; font-weight:600; color: var(--amber);
}
.read-more .arrow{ display:inline-block; transition: transform .15s; }
.news-hero:hover .read-more .arrow{ transform: translateX(4px); }

.news-list{
  display:flex; flex-direction:column;
  background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
  overflow: hidden;
}
.news-list-item{
  display:flex; align-items:center; gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  transition: background .15s;
}
.news-list-item:last-child{ border-bottom: none; }
.news-list-item:hover{ background: var(--panel-2); }
.news-list-thumb{ width: 60px; height: 60px; border-radius: 6px; overflow:hidden; flex-shrink:0; }
.news-list-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.news-list-text{ flex:1; min-width:0; }
.news-list-text .card-tag{ font-size: 10.5px; }
.news-list-text h4{ font-size: 13.5px; font-weight:600; margin-top: 4px; line-height:1.3; color: var(--text); }
.news-list-item .arrow{ color: var(--amber); flex-shrink:0; font-size: 16px; transition: transform .15s; }
.news-list-item:hover .arrow{ transform: translateX(3px); }

/* ---------- most-read strip ---------- */
.most-read-head{ display:flex; align-items:center; gap: 10px; margin-bottom: 18px; }
.most-read-icon{ font-size: 17px; line-height:1; }
.most-read-head h2{ font-size: 17px; font-weight: 600; }
.most-read-head span.most-read-sub{ font-size: 13px; color: var(--muted); }

.most-read{
  display:flex; gap: 16px; overflow-x:auto; padding-bottom: 14px;
  scrollbar-width: thin;
  scrollbar-color: var(--amber-dim) var(--panel);
  -webkit-mask-image: linear-gradient(to right, black 94%, transparent 100%);
  mask-image: linear-gradient(to right, black 94%, transparent 100%);
}
.most-read::-webkit-scrollbar{ height: 6px; }
.most-read::-webkit-scrollbar-track{ background: var(--panel); border-radius: 3px; }
.most-read::-webkit-scrollbar-thumb{ background: var(--amber-dim); border-radius: 3px; }
.most-read::-webkit-scrollbar-thumb:hover{ background: var(--amber); }
.most-read-item{
  flex: 0 0 auto; width: 220px;
  background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
  overflow: hidden;
  transition: border-color .15s, transform .15s;
}
.most-read-item:hover{ border-color: var(--amber-dim); transform: translateY(-3px); }
.most-read-img{ position: relative; }
.most-read-badge{
  position: absolute; top: 10px; left: 10px; z-index: 2;
  background: rgba(18,20,23,0.85);
  color: var(--amber); font-family:'JetBrains Mono', monospace; font-weight:700; font-size: 13px;
  padding: 4px 9px; border-radius: 5px;
  border: 1px solid var(--amber-dim);
}
.most-read-body{ padding: 14px 14px 16px; }
.most-read-text{ font-size: 13.5px; line-height: 1.35; color: var(--text); display:block; }
.most-read-item:hover .most-read-text{ color: var(--amber); }
.most-read-cta{ display:flex; align-items:center; gap: 6px; margin-top: 10px; font-size: 12px; color: var(--amber); font-weight:600; }
.most-read-cta .arrow{ display:inline-block; transition: transform .15s; }
.most-read-item:hover .most-read-cta .arrow{ transform: translateX(3px); }

/* ---------- model cards ---------- */
.model-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media (max-width: 860px){ .model-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px){ .model-grid{ grid-template-columns: 1fr; } }
.model-card{ background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 18px; }
.model-card .img-placeholder{ aspect-ratio: 16/9; margin-bottom: 14px; }
.model-name{ font-size: 16px; font-weight:600; }
.model-badge{ font-size: 11px; color: var(--teal); font-family:'JetBrains Mono', monospace; margin-top:2px; display:block; }
.model-links{ margin-top: 14px; display:flex; flex-wrap:wrap; gap: 8px; }
.model-links a{ font-size: 12px; color: var(--muted); border: 1px solid var(--line); border-radius: 4px; padding: 5px 9px; }
.model-links a:hover{ color: var(--text); border-color: var(--muted-2); }

/* ---------- tools / calculator ---------- */
.tools-panel{ background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 8px; }
.calc-unit{ max-width: 460px; margin: 0 auto; padding: 30px 26px 26px; }
.calc-h{ font-size: 18px; font-weight: 600; margin-bottom: 2px; }
.calc-sub{ font-size: 13px; color: var(--muted); margin-bottom: 20px; }
.readout{ position:relative; text-align:center; padding-top: 168px; padding-bottom: 4px; }
.readout svg{ position:absolute; top:0; left:50%; transform:translateX(-50%); }
.readout-inner{ position:relative; }
.cost-value{ font-family:'JetBrains Mono', monospace; font-weight:700; font-size: 46px; color: var(--amber); line-height:1; }
.cost-label{ font-size: 12px; color: var(--muted); margin-top: 6px; }
.stats{ display:flex; margin: 18px 0 22px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stat{ flex:1; text-align:center; padding: 13px 4px; border-right: 1px solid var(--line); }
.stat:last-child{ border-right:none; }
.stat-value{ font-family:'JetBrains Mono', monospace; font-weight:500; font-size: 15px; }
.stat-label{ font-size: 10.5px; color: var(--muted); margin-top: 4px; }
.control{ margin-bottom: 16px; }
.control-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom: 8px; }
.control-name{ font-size: 13px; }
.control-val{ font-family:'JetBrains Mono', monospace; font-size: 13px; color: var(--amber); background: transparent; border: none; text-align:right; width: 90px; }
.control-val:focus{ outline: 1px solid var(--amber-dim); }
input[type=range]{ -webkit-appearance:none; width:100%; height: 4px; border-radius: 2px; background: var(--line); outline:none; }
input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width: 15px; height:15px; border-radius:50%; background: var(--amber); cursor:pointer; border: 2px solid var(--bg); }
input[type=range]::-moz-range-thumb{ width: 15px; height:15px; border-radius:50%; background: var(--amber); cursor:pointer; border: 2px solid var(--bg); }
.toggle-row{ display:flex; align-items:center; justify-content:space-between; margin-top: 20px; }
.switch{ position:relative; width: 40px; height: 22px; background: var(--line); border-radius: 11px; cursor:pointer; transition: background .15s; }
.switch.on{ background: var(--amber-dim); }
.switch::after{ content:''; position:absolute; top:2px; left:2px; width:18px; height:18px; background: var(--muted); border-radius:50%; transition: transform .15s, background .15s; }
.switch.on::after{ transform: translateX(18px); background: var(--amber); }
.tools-note{ text-align:center; font-size: 12px; color: var(--muted-2); padding: 0 26px 22px; }
.tool-soon{ background: var(--panel); border: 1px dashed var(--line); border-radius: 10px; padding: 30px 26px; text-align:center; color: var(--muted); font-size: 14px; }

/* ---------- categories ---------- */
.cat-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 860px){ .cat-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px){ .cat-grid{ grid-template-columns: repeat(2, 1fr); } }
.cat-btn{ background: var(--panel); border: 1px solid var(--line); border-radius: 6px; padding: 16px 14px; font-size: 13.5px; display:flex; flex-direction:column; gap:4px; }
.cat-btn:hover{ border-color: var(--muted-2); }
.cat-count{ font-size: 11px; color: var(--muted-2); font-family:'JetBrains Mono', monospace; }

/* ---------- newsletter ---------- */
.newsletter{ background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 40px; display:flex; justify-content:space-between; align-items:center; gap: 24px; flex-wrap:wrap; }
.newsletter h3{ font-size: 20px; }
.newsletter p{ color: var(--muted); font-size: 13.5px; margin-top: 6px; max-width: 42ch; }
.newsletter form{ display:flex; gap: 10px; flex-wrap:wrap; }
.newsletter input[type=email]{ background: var(--bg); border: 1px solid var(--line); border-radius: 4px; padding: 11px 14px; color: var(--text); font-size: 13.5px; min-width: 220px; }

/* ---------- footer ---------- */
footer{ border-top: 1px solid var(--line); padding: 48px 0 32px; }
.foot-grid{ display:flex; justify-content:space-between; flex-wrap:wrap; gap: 24px; }
.foot-links{ display:flex; gap: 20px; font-size: 13px; color: var(--muted); flex-wrap:wrap; }
.foot-note{ font-size: 12px; color: var(--muted-2); margin-top: 24px; max-width: 70ch; }

/* ---------- cookie banner ---------- */
.cookie-bar{
  position: fixed; left:16px; right:16px; bottom:16px; z-index:60;
  max-width: 620px; margin: 0 auto;
  background: var(--panel); border: 1px solid var(--line); border-radius: 8px;
  padding: 16px 18px; font-size: 13px; color: var(--muted);
  display:flex; align-items:center; justify-content:space-between; gap: 16px;
}
.cookie-bar .btn{ padding: 8px 16px; font-size: 13px; flex-shrink:0; }
@media (max-width: 560px){ .cookie-bar{ flex-direction:column; align-items:flex-start; } }

/* ---------- article page ---------- */
.breadcrumb{ font-size: 12.5px; color: var(--muted-2); margin-bottom: 22px; }
.breadcrumb a:hover{ color: var(--muted); }
.article-head{ max-width: 760px; }
.article-head h1{ font-size: 34px; margin-top: 10px; }
.article-tag{ font-size: 12px; color: var(--amber); font-family:'JetBrains Mono', monospace; }
.article-meta{ display:flex; gap: 18px; color: var(--muted); font-size: 13px; margin-top: 18px; flex-wrap:wrap; }
.article-layout{ display:grid; grid-template-columns: 1fr 230px; gap: 48px; margin-top: 40px; }
@media (max-width: 900px){ .article-layout{ grid-template-columns: 1fr; } }
.article-body{ max-width: 700px; font-size: 15.5px; color: #d8d5cd; }
.article-body h2{ font-size: 22px; margin: 36px 0 14px; color: var(--text); }
.article-body h3{ font-size: 17px; margin: 26px 0 10px; color: var(--text); }
.article-body p{ margin-bottom: 16px; }
.article-body ul, .article-body ol{ margin: 0 0 16px 20px; }
.article-body li{ margin-bottom: 6px; }
.article-body .img-placeholder{ margin: 20px 0; }
.callout{ border-left: 3px solid var(--amber); background: var(--panel); padding: 14px 18px; font-size: 14px; color: var(--muted); border-radius: 0 6px 6px 0; margin: 20px 0; }
.spec-table{ width:100%; border-collapse: collapse; margin: 18px 0; font-size: 14px; }
.spec-table td, .spec-table th{ border-bottom: 1px solid var(--line); padding: 10px 8px; text-align:left; }
.spec-table th{ color: var(--muted); font-weight:500; font-size: 12.5px; }
.toc{ position: sticky; top: 90px; align-self:start; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 18px; }
.toc-title{ font-size: 11.5px; color: var(--muted-2); font-family:'JetBrains Mono', monospace; margin-bottom: 12px; }
.toc a{ display:block; font-size: 13px; color: var(--muted); padding: 6px 0; border-bottom: 1px solid var(--line); }
.toc a:last-child{ border-bottom:none; }
.toc a:hover{ color: var(--text); }
.author-box{ display:flex; gap: 14px; align-items:center; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--line); }
.author-avatar{ width: 44px; height:44px; border-radius:50%; background: var(--line); flex-shrink:0; display:flex;align-items:center;justify-content:center; font-size:11px; color:var(--muted-2); text-align:center; }
.author-box .name{ font-size: 14px; font-weight:600; }
.author-box .role{ font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.related-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 20px; }
@media (max-width: 780px){ .related-grid{ grid-template-columns: 1fr; } }

/* ---------- legal / static pages ---------- */
.legal-body{ max-width: 760px; font-size: 14.5px; color: #d8d5cd; }
.legal-body h2{ font-size: 20px; margin: 32px 0 12px; color: var(--text); }
.legal-body p{ margin-bottom: 14px; }
.legal-body ul{ margin: 0 0 14px 20px; }
.legal-body li{ margin-bottom: 6px; }
.legal-note{ border: 1px dashed var(--amber-dim); background: rgba(245,166,35,0.06); border-radius: 6px; padding: 16px 18px; font-size: 13px; color: var(--muted); margin-bottom: 32px; }
.legal-note strong{ color: var(--amber); }

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