/* Shared styles for the MagicReader legal pages (privacy, terms). */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap");

:root{
  --coral:#FB6A50; --coral-600:#E0492F; --gold:#FFC23D;
  --paper:#FBF5E9; --card:#fff; --ink:#2A2422; --ink-2:#5c5149; --edge:#E4D8C4;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ui);color:var(--ink);background:var(--paper);line-height:1.65;
  -webkit-font-smoothing:antialiased}
a{color:var(--coral-600)}
a:hover{color:var(--coral)}

.legal-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem clamp(1rem,4vw,2rem);background:rgba(251,245,233,.9);backdrop-filter:saturate(1.3) blur(10px);
  border-bottom:1px solid var(--edge)}
.legal-brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);
  font-family:var(--display);font-weight:600;font-size:1.1rem;letter-spacing:-.01em}
.legal-brand b{color:var(--coral);font-weight:600}
.legal-nav .back{font-size:.9rem;font-weight:500;text-decoration:none}

.legal{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.1rem,4vw,2rem) 4rem}
.legal h1{font-family:var(--display);font-weight:600;letter-spacing:-.015em;line-height:1.1;
  font-size:clamp(1.9rem,5vw,2.6rem);margin:0}
.doc-meta{color:var(--ink-2);font-size:.9rem;margin:.6rem 0 0}
.tldr{background:var(--card);border:1px solid var(--edge);border-left:4px solid var(--coral);
  border-radius:12px;padding:1rem 1.2rem;margin:1.8rem 0;font-size:1rem}
.tldr strong{font-weight:600}
.legal h2{font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.25;margin:2.4rem 0 .2rem}
.legal h2 .num{color:var(--coral-600);font-variant-numeric:tabular-nums}
.legal h3{font-family:var(--ui);font-weight:600;font-size:1.02rem;margin:1.4rem 0 .2rem}
.legal p{margin:.7rem 0}
.legal ul{margin:.6rem 0;padding-left:1.3rem}
.legal li{margin:.4rem 0}
.legal strong{font-weight:600}
.callout{background:#fff5ef;border:1px solid #f3d9cd;border-radius:12px;padding:1rem 1.2rem;margin:1.4rem 0}
hr{border:0;border-top:1px solid var(--edge);margin:2.6rem 0}
.legal-footer{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--edge);color:var(--ink-2);font-size:.92rem}
.legal-footer a{font-weight:500}
.fill{background:#fdf2c8;padding:.05em .3em;border-radius:4px;font-style:italic}

@media (prefers-color-scheme:dark){
  :root{--paper:#1b1715;--card:#241f1d;--ink:#f0e7da;--ink-2:#b6a896;--edge:#3a322e;--coral-600:#fe8a72}
  .legal-nav{background:rgba(27,23,21,.9)}
  .callout{background:#2a201c;border-color:#4a382f}
  .fill{background:#4a3f1e;color:#f7ecc0}
}
@media print{ .legal-nav{display:none} body{background:#fff;color:#000} .tldr,.callout{border-color:#ccc} }