/* Super Rocko's legal pages (/privacy, /terms): readable, on-brand, simple. */
:root { --ink: #1c2434; --cream: #fff6e3; --red: #d83a34; --gold: #FFC93C; }
* { box-sizing: border-box; }
html { background: #7EC8FF; }
body { margin: 0; color: var(--ink); font: 400 17px/1.6 Nunito, system-ui, sans-serif;
  background: radial-gradient(circle at 15% 10%, rgba(255,255,255,.5), transparent 40%), linear-gradient(#7EC8FF, #CDEBFF) fixed; padding: 18px 16px 40px; }
.page { max-width: 760px; margin: 0 auto; background: var(--cream); border: 5px solid var(--ink); border-radius: 26px; box-shadow: 0 8px 0 var(--ink); padding: 22px 26px 30px; }
.back { display: inline-block; font: 700 16px Fredoka, sans-serif; color: var(--ink); background: var(--gold); border: 3px solid var(--ink); border-radius: 999px;
  padding: 6px 16px; text-decoration: none; box-shadow: 0 4px 0 var(--ink); margin-bottom: 14px; }
.back:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--ink); }
h1 { font: 700 clamp(32px, 7vw, 46px)/1.05 Fredoka, sans-serif; color: var(--red); -webkit-text-stroke: 1.5px var(--ink); paint-order: stroke fill; margin: 6px 0 4px; }
h2 { font: 700 22px Fredoka, sans-serif; margin: 26px 0 6px; }
.updated { opacity: .7; margin: 0 0 16px; font-size: 15px; }
.short { background: #fff; border: 3px solid var(--ink); border-radius: 16px; padding: 12px 16px; }
.short h2 { margin-top: 0; }
a { color: #1F5FA8; font-weight: 700; }
ul { padding-left: 22px; }
.foot { text-align: center; font-size: 14px; opacity: .8; margin-top: 28px; }