/* ROVA — stylesheet for the PUBLIC legal pages (/privacy, /terms, /guidelines).
   ─────────────────────────────────────────────────────────────────────────────────────────
   Deliberately NOT styles.css. That file is 86KB of app chrome built around a 440px phone
   shell, and a legal document wants the opposite: one wide, quiet column of text that reads
   well on a laptop, because that is where a Google reviewer, an App Store reviewer, and a
   lawyer will open it. This is ~4KB and self-contained.

   The @font-face blocks are duplicated from styles.css on purpose — these pages must render
   correctly for a visitor who has never opened the app and has none of it cached, without
   pulling the whole app stylesheet to do it. Same files, so the browser cache is shared.
   Latin only here; the extended ranges are an app concern and cost a second request.

   ⚠️ The class names inside .legal-doc MUST stay in sync with styles.css:892-898, because the
   same document HTML is rendered inside the app by that stylesheet. Add a class here, add it
   there — a bare <table> or <blockquote> in legal.js would be unstyled in the app. */

@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/assets/fonts/dmsans-normal-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:300 500;font-display:swap;
  src:url('/assets/fonts/josefin-normal-300-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 500;font-display:swap;
  src:url('/assets/fonts/newsreader-normal-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  color-scheme:light;
  --paper:#f4efe5; --paper-2:#efe8db; --ink:#1b1a17; --ink-soft:#3d3a33;
  --muted:#86806f; --olive:#4a5c3a; --olive-deep:#3a4a2d;
  --line:rgba(27,26,23,.10); --line-2:rgba(27,26,23,.07);
}
*{box-sizing:border-box;}
html{background:var(--paper);-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"DM Sans",system-ui,-apple-system,sans-serif;}

/* ---------- masthead ---------- */
.lg-top{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding:26px 30px 20px;border-bottom:1px solid var(--line);}
.lg-mark{font-family:"Josefin Sans",sans-serif;font-weight:300;font-size:19px;
  letter-spacing:9px;text-indent:9px;color:var(--ink);text-decoration:none;}
.lg-kicker{font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;
  color:var(--muted);font-weight:500;}

/* ---------- the column ----------
   66ch is the comfortable reading measure. Wider and the eye loses the line return on a
   document this long; narrower and the numbered sections start to look like a phone screen. */
.lg-wrap{max-width:66ch;margin:0 auto;padding:44px 30px 20px;}
.lg-wrap h1{font-family:"Newsreader",Georgia,serif;font-weight:400;
  font-size:clamp(30px,5vw,42px);line-height:1.14;letter-spacing:-.01em;
  color:var(--ink);margin:0 0 26px;}

/* ---------- document body (mirrors styles.css .legal-doc, at reading size) ---------- */
.legal-doc{color:var(--ink-soft);font-size:16px;line-height:1.68;}
.legal-doc .ld-date{color:var(--muted);font-size:13px;letter-spacing:.2px;margin:0 0 26px;}
.legal-doc h4{color:var(--ink);font-size:18px;font-weight:600;line-height:1.35;
  margin:38px 0 10px;scroll-margin-top:20px;}
.legal-doc p{margin:0 0 14px;}
.legal-doc ul{margin:0 0 16px;padding-left:22px;}
.legal-doc li{margin:0 0 8px;}
.legal-doc b{color:var(--ink);font-weight:600;}
.legal-doc a{color:var(--olive);text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px;text-decoration-color:rgba(74,92,58,.4);}
.legal-doc a:hover{text-decoration-color:var(--olive);}
.legal-doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;
  background:var(--paper-2);padding:1px 5px;border-radius:3px;}

/* The summary card at the head of each document. Not decoration — it is the part most
   people will actually read, so it gets the olive rule and sits above the fold. */
.ld-sum{background:var(--paper-2);border-left:2.5px solid var(--olive);
  padding:17px 20px;margin:0 0 30px;border-radius:2px;
  font-size:15px;line-height:1.62;color:var(--ink-soft);}
.ld-sum b{color:var(--ink);}

/* ---------- footer ---------- */
.lg-foot{max-width:66ch;margin:0 auto;padding:34px 30px 60px;
  border-top:1px solid var(--line);margin-top:44px;}
.lg-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:16px;}
.lg-links a{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:500;
  color:var(--olive-deep);text-decoration:none;}
.lg-links a:hover{text-decoration:underline;text-underline-offset:3px;}
.lg-foot p{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted);}
.lg-foot a{color:var(--muted);}

@media (max-width:560px){
  .lg-top{padding:20px 22px 16px;}
  .lg-wrap{padding:32px 22px 16px;}
  .lg-foot{padding:28px 22px 48px;}
  .legal-doc{font-size:15.5px;}
  .legal-doc h4{font-size:17px;margin-top:32px;}
}

/* Printing a legal document is a real thing people do — usually the moment they are unhappy.
   Drop the cream ground (it eats a cartridge) and the navigation, keep the text. */
@media print{
  html,body{background:#fff;}
  .lg-links{display:none;}
  .legal-doc{font-size:11pt;line-height:1.5;color:#000;}
  .legal-doc a{color:#000;text-decoration:none;}
  .ld-sum{border:1px solid #999;background:#fff;}
  .legal-doc h4{page-break-after:avoid;}
}