/* Capyfun — legal pages (privacy / terms) */
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Comfortaa:wght@400;600&display=swap");

:root{ --ink:#50403a; --soft:#8a756b; --accent:#b9703a; }
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink); line-height:1.72; -webkit-font-smoothing:antialiased;
  background:linear-gradient(180deg,#f3f9ff 0%, #fdf4ec 55%, #fceef0 100%);
  min-height:100vh;
}
.legal-top{
  position:sticky; top:0; z-index:5;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 26px;
  background:rgba(255,255,255,.62); backdrop-filter:blur(12px) saturate(160%);
  border-bottom:1px solid rgba(180,150,160,.22);
}
.legal-top .home{display:flex; align-items:center; text-decoration:none}
.legal-top .logo{height:30px; width:auto; display:block;
  filter:drop-shadow(0 1px 4px rgba(255,255,255,.6))}
.legal-top .back{font-size:14px; color:var(--accent); text-decoration:none; font-weight:600}
.legal-top .back:hover{text-decoration:underline}

.wrap{max-width:760px; margin:0 auto; padding:52px 26px 72px}
h1{font-family:"Fredoka",sans-serif; font-weight:600; letter-spacing:-.01em;
  font-size:clamp(30px,5vw,44px); color:#5b4640; margin-bottom:6px}
.updated{color:var(--soft); font-size:14px; margin-bottom:26px}
.intro{font-size:16.5px; color:#564640; margin-bottom:6px}
h2{font-family:"Fredoka",sans-serif; font-weight:600; font-size:21px; color:#a4602f;
  margin:34px 0 8px}
h3{font-weight:600; font-size:15.5px; color:#6a4f44; margin:18px 0 4px}
p{margin:9px 0; color:#544540}
ul{margin:8px 0 8px 22px}
li{margin:5px 0; color:#544540}
a{color:var(--accent)}
.addr{margin-top:10px; white-space:pre-line; color:#544540}

.legal-foot{
  max-width:760px; margin:0 auto; padding:22px 26px 40px;
  border-top:1px solid rgba(180,150,160,.22);
  color:var(--soft); font-size:13px; display:flex; gap:10px; flex-wrap:wrap; align-items:center;
}
.legal-foot a{color:var(--soft); text-decoration:none}
.legal-foot a:hover{color:var(--accent)}
.legal-foot .dot{opacity:.5}