/* Shared styling for the RollEvent legal pages (/terms, /privacy).
   Pure CSS, no JS — must render reliably for App Store / Play review.
   Light/premium, matching the landing page. */
:root{
  --paper:#f7f4ef;--paper-2:#fffdf9;--ink:#191512;--ink-dim:#5d564c;
  --ink-mute:#938b7e;--accent:#bf6a2f;--line:rgba(25,21,18,.10);
  --line-2:rgba(25,21,18,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper);color:var(--ink);
  font-family:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:740px;margin:0 auto;padding:0 28px}

header.bar{border-bottom:1px solid var(--line);position:sticky;top:0;
  background:rgba(247,244,239,.82);backdrop-filter:blur(10px);z-index:10}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px 28px}
.brand{display:flex;align-items:center;gap:9px;color:var(--ink);
  font-family:"Fraunces",Georgia,serif;font-size:21px;font-weight:600;letter-spacing:-.03em}
.brand:hover{text-decoration:none}
.dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.bar nav a{color:var(--ink-dim);font-size:14px;font-weight:500;margin-left:24px}
.bar nav a:hover{color:var(--accent);text-decoration:none}

main{padding:72px 0 104px}
h1{font-family:"Fraunces",Georgia,serif;font-size:clamp(2.3rem,5vw,3.3rem);
  font-weight:500;letter-spacing:-.02em;line-height:1.04;margin-bottom:12px}
.updated{font-size:14px;color:var(--ink-mute);letter-spacing:.02em;margin-bottom:44px}
h2{font-family:"Fraunces",Georgia,serif;font-size:1.55rem;font-weight:600;
  margin:52px 0 16px;letter-spacing:-.01em}
p{margin:0 0 18px;color:var(--ink-dim)}
p strong,li strong{color:var(--ink);font-weight:600}
ul{margin:0 0 18px;padding-left:22px;color:var(--ink-dim)}
li{margin:0 0 10px}
hr{border:0;border-top:1px solid var(--line);margin:44px 0}

.callout{border:1px solid rgba(191,106,47,.34);background:rgba(191,106,47,.08);
  border-radius:14px;padding:20px 24px;margin:0 0 48px;color:var(--ink);
  font-size:15px;line-height:1.62}
.callout strong{color:var(--accent)}

.ph{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;
  color:var(--accent);background:rgba(191,106,47,.12);padding:1px 6px;
  border-radius:5px;white-space:nowrap}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;
  background:var(--paper-2);border:1px solid var(--line);padding:2px 6px;
  border-radius:5px;color:var(--ink)}

table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}
th,td{text-align:left;padding:12px 15px;border:1px solid var(--line);
  color:var(--ink-dim);vertical-align:top}
th{background:var(--paper-2);color:var(--ink);font-size:13px;
  letter-spacing:.04em;text-transform:uppercase;font-weight:600}

footer{border-top:1px solid var(--line);padding:44px 0}
footer .wrap{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;
  align-items:center;font-size:14px;color:var(--ink-mute)}
footer a{color:var(--ink-dim)}