/* ============================================================
   RealRacer.ai — doc / legal / support pages
   ============================================================ */
.doc-hero{padding:128px 32px 40px;max-width:920px;margin:0 auto}
.doc-hero .hero-eyebrow{margin-bottom:20px}
.doc-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-0.03em;margin-bottom:16px}
.doc-hero p{font-size:18px;color:var(--muted);line-height:1.6;max-width:680px}
.doc-meta{font-family:var(--label);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--faint);margin-top:18px}

.doc-body{max-width:920px;margin:0 auto;padding:40px 32px 96px}
.doc-body h2{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-0.01em;color:var(--text);margin:40px 0 12px}
.doc-body h2:first-child{margin-top:0}
.doc-body p{font-size:15.5px;color:var(--muted);line-height:1.75;margin-bottom:14px}
.doc-body ul{list-style:none;margin:0 0 18px;padding:0}
.doc-body li{position:relative;padding-left:20px;font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:8px}
.doc-body li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.doc-body strong{color:var(--text)}
.doc-body a{color:var(--accent);font-weight:600}
.doc-toc{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px}
.doc-toc a{font-family:var(--label);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--border);border-radius:100px;padding:7px 14px;transition:border-color .2s,color .2s}
.doc-toc a:hover{border-color:var(--accent);color:var(--accent)}

/* support cards */
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:0 auto;padding:8px 32px 40px}
.support-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 26px;display:block;transition:border-color .2s,transform .15s}
.support-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.support-card .sc-ic{font-family:var(--mono);font-weight:700;color:var(--accent);font-size:20px;margin-bottom:14px}
.support-card h3{font-family:var(--display);font-weight:700;font-size:18px;color:var(--text);margin-bottom:8px;letter-spacing:-0.01em}
.support-card p{font-size:13.5px;color:var(--muted);line-height:1.6}
.support-contact{max-width:920px;margin:0 auto;padding:0 32px 96px}
.contact-band{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;
  background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:40px}
.contact-band h3{font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,36px);letter-spacing:-0.02em;line-height:1.06;margin-bottom:12px}
.contact-band h3 em{font-style:normal;color:var(--accent)}
.contact-band p{font-size:14.5px;color:var(--muted);line-height:1.6}
.contact-mail{font-family:var(--mono);font-size:15px;color:var(--text)}
@media (max-width:768px){
  .support-grid{grid-template-columns:1fr}
  .contact-band{grid-template-columns:1fr;padding:28px}
}
@media (max-width:900px){.support-grid{grid-template-columns:1fr 1fr}}