/* Shared styles for app legal pages (privacy policies, terms). Matches the home page palette. */
:root{
  --bg:#FFFFFF; --ink:#0B0C0E; --ink-2:#5F646B; --ink-3:#90969E;
  --line:#E7E3DD; --accent:#B5854A; --btn-edge:#A05304; --orange:#D06E05;
  --sans:ui-rounded,"SF Pro Rounded","Nunito",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --pad:clamp(20px,5vw,48px);
}
*{box-sizing:border-box}
html{background:var(--bg); color-scheme:light}
body{
  margin:0; color:var(--ink); font-family:var(--sans);
  font-size:17px; line-height:1.65; font-weight:500;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(90% 40% at 50% 0%, rgba(203,178,146,.18), transparent 70%),
    linear-gradient(180deg,#FFFFFF 0%,#FEFCFA 50%,#FAF5EE 100%) fixed;
}
a{color:var(--orange); text-underline-offset:3px}
a:hover{color:var(--btn-edge)}
:focus-visible{outline:2px solid var(--btn-edge); outline-offset:3px; border-radius:6px}

.top{display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:820px; margin:0 auto; padding:22px var(--pad)}
.brand{font-weight:800; font-size:20px; letter-spacing:-.02em; color:var(--ink); text-decoration:none}
.tabs{display:flex; gap:6px; flex-wrap:wrap}
.tabs a{font-weight:700; font-size:14.5px; color:var(--ink-2); text-decoration:none;
  padding:7px 14px; border-radius:999px; border:1px solid transparent}
.tabs a[aria-current="page"]{color:var(--ink); background:#fff; border-color:var(--line);
  box-shadow:0 2px 0 var(--line)}

main{max-width:820px; margin:0 auto; padding:18px var(--pad) 72px}
.app{display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:14px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--accent)}
.app img{width:34px; height:34px; border-radius:9px; box-shadow:0 2px 6px rgba(120,62,8,.18)}
h1{font-size:clamp(34px,6vw,52px); line-height:1.08; letter-spacing:-.03em; margin:14px 0 10px; font-weight:800}
.meta{color:var(--ink-3); font-weight:600; font-size:15px; margin:0 0 28px}
.summary{background:#fff; border:1px solid var(--line); border-radius:18px; padding:20px 22px;
  box-shadow:0 4px 0 var(--line); margin:0 0 36px}
.summary strong{display:block; font-weight:800; margin-bottom:6px}
.summary ul{margin:0; padding-left:20px}
.summary li{margin:4px 0}
h2{font-size:22px; letter-spacing:-.018em; margin:40px 0 10px; font-weight:800}
h3{font-size:17px; margin:22px 0 6px; font-weight:800}
p, li{color:#2B2E33}
p{margin:0 0 14px}
ul{margin:0 0 14px; padding-left:22px}
li{margin:6px 0}
.caps{text-transform:uppercase; font-size:14.5px; letter-spacing:.01em}
footer{max-width:820px; margin:0 auto; padding:26px var(--pad) 48px; border-top:1px solid var(--line);
  color:var(--ink-3); font-size:14.5px; font-weight:600; display:flex; gap:18px; flex-wrap:wrap; justify-content:space-between}
footer a{color:var(--ink-2)}