/* Tater Tot Trot's legal pages (privacy.html, terms.html): readable, sunny San Diego, no web fonts. */
:root { --ink: #0b4467; --ocean: #19b5c9; --deep: #0e8fb3; --sand: #ffe3a3; --coral: #ff5f7e;
  --round: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", "Trebuchet MS", system-ui, sans-serif; }
* { box-sizing: border-box; }
html { background: #8fdcff; }
body { margin: 0; color: var(--ink); font: 500 17px/1.6 var(--round); padding: 18px 16px 40px;
  background: radial-gradient(circle at 88% 6%, #fff3a8 0, rgba(255,243,168,0) 22%), linear-gradient(#3fb8ff, #c8f0ff) fixed; }
.page { max-width: 760px; margin: 0 auto; background: #fffdf6; border-radius: 26px; padding: 22px 26px 30px;
  box-shadow: 0 0 0 5px #fff, 0 0 0 9px var(--ocean), 0 14px 34px rgba(11,68,103,.3); }
.back { display: inline-block; font: 800 16px var(--round); color: #fff; background: linear-gradient(var(--ocean), var(--deep));
  border-radius: 999px; padding: 8px 18px; text-decoration: none; box-shadow: 0 4px 0 #0b6f8c; margin-bottom: 14px; }
.back:active { transform: translateY(3px); box-shadow: 0 1px 0 #0b6f8c; }
h1 { font: 900 clamp(32px, 7vw, 46px)/1.05 var(--round); color: var(--coral); margin: 6px 0 4px; }
h2 { font: 900 22px var(--round); color: var(--deep); margin: 26px 0 6px; }
.updated { opacity: .7; margin: 0 0 16px; font-size: 15px; }
.short { background: #fff; border: 3px solid var(--sand); border-radius: 16px; padding: 12px 16px; }
.short h2 { margin-top: 0; }
a { color: var(--deep); font-weight: 800; }
ul { padding-left: 22px; }
.foot { text-align: center; font-size: 14px; opacity: .8; margin-top: 28px; }