/* shared look for the privacy, terms and licence pages */
:root{
  --bg:#F7F5F0; --surface:#FFFFFF; --ink:#172033; --muted:#5D6880; --line:#E6E2DA;
  --primary:#FF5A36; --primary-2:#FF9640; --primary-strong:#D63E1C; --primary-soft:#FFEEE8;
  --head:#141B2D; --head-ink:#F4F6FB; --head-muted:#9AA5BD;
  --display:"Young Serif", Georgia, "Times New Roman", serif;
  --body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --shadow:0 1px 2px rgba(23,32,51,.06),0 8px 24px -12px rgba(23,32,51,.18);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}
.bar{background:var(--head);color:var(--head-ink);padding:14px max(18px,env(safe-area-inset-right,0px)) 14px max(18px,env(safe-area-inset-left,0px))}
.bar .in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px}
.wordmark{display:block;flex:none;width:58px;height:auto;overflow:visible}
.wordmark text{font-family:"Big Shoulders Display","Oswald","Arial Narrow",sans-serif;font-weight:900;font-size:21.5px}
.bar a{color:inherit;text-decoration:none}
.bar .back{margin-left:auto;font-size:14px;font-weight:600;color:var(--head-muted)}
.bar .back:hover{color:#fff}
main{max-width:760px;margin:0 auto;padding:40px max(18px,env(safe-area-inset-right,0px)) 80px max(18px,env(safe-area-inset-left,0px))}
h1{font-family:var(--display);font-weight:400;font-size:40px;line-height:1.1;margin:0 0 6px}
.upd{margin:0 0 34px;font-size:14px;color:var(--muted)}
h2{font-family:var(--display);font-weight:400;font-size:25px;line-height:1.2;margin:40px 0 10px}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px}
li{margin:0 0 8px}
a{color:var(--primary-strong)}
strong{font-weight:700}
.lead{font-size:19px;color:var(--ink)}
.note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--primary);
  border-radius:12px;padding:16px 18px;margin:0 0 20px;box-shadow:var(--shadow);font-size:16px}
.note p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);margin-top:56px;padding-top:22px;font-size:14.5px;color:var(--muted)}
footer a{margin-right:16px}
@media (max-width:600px){ h1{font-size:32px} body{font-size:16px} }