/*
 * legal-shared.css — Legal-page typography overrides only.
 * Requires: uprise.css loaded BEFORE this file.
 * Used by: terms.html, privacy.html, refunds.html
 */

/* Legal pages use a narrower content column */
:root{--maxw:760px}

/* Override body link default so legal body links are accent-coloured */
body main a{color:var(--accent)}
body main a:hover{text-decoration:underline}

/* Push content below fixed header */
main{max-width:760px;margin:0 auto;padding:60px 24px 100px}

/* Legal content typographic scale */
.eyebrow{margin-bottom:18px;font-size:12px;letter-spacing:0.22em}
h1{font-size:clamp(36px,6vw,52px);font-weight:800;letter-spacing:-0.035em;line-height:1.05;margin-bottom:14px}
.meta{font-size:14px;color:var(--text-dim);margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--hairline)}
h2{font-size:22px;font-weight:700;letter-spacing:-0.015em;margin-top:48px;margin-bottom:14px;color:var(--text)}
h3{font-size:17px;font-weight:600;margin-top:28px;margin-bottom:10px;color:var(--text)}
p{font-size:16px;color:var(--text-dim);margin-bottom:14px}
p.lead{color:var(--text);font-size:17px}
ul,ol{margin:14px 0 18px 22px;color:var(--text-dim)}
li{font-size:16px;margin-bottom:8px}
strong{color:var(--text);font-weight:600}

/* Callout box */
.callout{
  background:var(--surface);border:1px solid var(--hairline);
  border-left:3px solid var(--accent);border-radius:12px;
  padding:18px 22px;margin:24px 0;
}
.callout p{margin-bottom:0;color:var(--text)}

@media(max-width:600px){
  h1{font-size:36px}
  h2{font-size:20px;margin-top:36px}
  main{padding:40px 20px 80px}
}