/* ============================================================
   roshanamarujala.com · Legal / policy documents
   Clean, readable, print-friendly document style.
   ============================================================ */
:root{
  --bg:#fbfaf7; --ink:#1c1815; --soft:#403b34; --muted:#6f685e; --faint:#938b7f;
  --line:#e4ded2; --line-soft:#efeae0; --accent:#1f3a66; --accent-deep:#15294a;
  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--accent)}a:hover{color:var(--accent-deep)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}

/* top bar */
.legal-top{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;
  padding:12px clamp(20px,4vw,40px)}
.legal-brand{font-family:var(--serif);font-weight:600;font-size:1.2rem;letter-spacing:.4px;color:var(--ink);text-decoration:none}
.legal-brand:hover{color:var(--accent)}
.legal-back{font-size:.82rem;color:var(--muted);text-decoration:none}
.legal-back:hover{color:var(--accent)}

/* document */
.legal-wrap{max-width:820px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(20px,5vw,40px) 40px}
.legal-wrap h1{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,4.5vw,2.9rem);line-height:1.05;letter-spacing:.3px}
.legal-wrap .sub{font-size:1rem;color:var(--muted);margin-top:6px}
.legal-wrap .meta{font-size:.82rem;color:var(--faint);margin-top:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.legal-wrap h2{font-family:var(--serif);font-weight:600;font-size:1.5rem;color:var(--ink);margin:34px 0 10px;
  padding-top:8px;display:flex;gap:10px}
.legal-wrap h2 .num{color:var(--accent);font-size:1.15rem;font-style:italic;flex:none}
.legal-wrap h3{font-size:1.02rem;font-weight:700;color:var(--ink);margin:18px 0 6px}
.legal-wrap p{margin:10px 0;color:var(--soft)}
.legal-wrap ul,.legal-wrap ol{margin:10px 0 10px 4px;padding-left:22px}
.legal-wrap li{margin-bottom:7px;color:var(--soft)}
.legal-wrap strong{color:var(--ink)}
.legal-wrap a{text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.legal-wrap .lead{font-size:1.08rem;color:var(--soft)}

/* callout (e.g., Do Not Sell, important notes) */
.callout{background:#eef2f8;border:1px solid #d6e0ef;border-left:3px solid var(--accent);
  border-radius:10px;padding:16px 20px;margin:16px 0}
.callout h2{margin-top:0}
.note{background:#f4f0e6;border:1px solid #e6dcc6;border-radius:10px;padding:12px 16px;margin:14px 0;font-size:.92rem;color:#5a5045}

/* tables */
.legal-wrap table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.9rem}
.legal-wrap th,.legal-wrap td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.legal-wrap th{background:#f1ece2;font-weight:600;color:var(--ink);font-size:.82rem;letter-spacing:.2px}
.legal-wrap tbody tr:nth-child(even){background:#fcfaf5}
.legal-wrap td code{font-size:.85em;background:#f1ece2;padding:1px 5px;border-radius:4px}
/* wide tables scroll horizontally on small screens instead of overflowing the page */
.legal-wrap .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:14px 0}
.legal-wrap .table-scroll table{margin:0;min-width:560px}

/* footer */
.legal-foot{border-top:1px solid var(--line);max-width:820px;margin:30px auto 0;padding:22px clamp(20px,5vw,40px) 48px;text-align:center;color:var(--muted)}
.legal-foot .copyright{font-size:.76rem;color:var(--faint);margin-top:14px}

@media print{
  .legal-top,.legal-foot .legal-links,.ruc-banner,.ruc-toast{display:none!important}
  body{font-size:11pt;color:#000;background:#fff}
  .legal-wrap{max-width:none;padding:0}
  .legal-wrap a{color:#000;text-decoration:none}
  .callout{background:#fff;border-color:#999}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}