/* masa — shared skin for content/doc pages (privacy, terms, links, audience) in the Azul language.
   Pairs with azul-tokens.css. Light + dark via tokens. */
*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:clip;} /* iPhone width fix (Jul 17 late, mirrors azul.css) */
body{margin:0;background:var(--g);color:var(--ink);
  font-family:var(--f-body);font-size:16px;line-height:1.7; /* tokenized (Jul 17 closeout) — legal pages join the Outfit body system */
  -webkit-font-smoothing:antialiased;transition:background-color .3s var(--ease-out),color .3s var(--ease-out);}
.wrap{max-width:680px;margin:0 auto;padding:34px 22px 80px;}
/* in-text body links: white + underlined (flask's approach, Jul 17 late) — topbar/footer
   links carry their own decoration rules and are exempt */
a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px;}
:focus-visible{outline:3px solid var(--indigo);outline-offset:2px;border-radius:4px;}
.disp{font-family:var(--f-disp);font-weight:600;letter-spacing:-.02em;} /* Cal Sans (skin pass Jul 17) — Helvetica-800 retired */
.hand{font-family:"MasaHand","Snell Roundhand","Brush Script MT",cursive;color:var(--coral);}

.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.topbar .l{display:flex;align-items:center;gap:9px;}
.topbar .mark{width:15px;height:15px;border-radius:var(--r-dough);background:var(--indigo);}
.topbar .brand{font-family:var(--f-disp);font-weight:600;font-size:19px;letter-spacing:-.02em;color:var(--indigo);text-decoration:none;}
.topbar .r{display:flex;align-items:center;gap:12px;}
.topbar .r a{font-size:12.5px;font-weight:700;color:var(--soft);text-decoration:none;letter-spacing:.04em;}
.themebtn{background:none;border:1px solid var(--line);border-radius:999px;width:30px;height:30px;cursor:pointer;
  color:var(--soft);font-size:14px;line-height:1;display:grid;place-items:center;
  transition:transform .15s var(--ease-out),border-color .15s var(--ease-out);}
.themebtn:hover{transform:translateY(-1px);border-color:var(--indigo);color:var(--indigo);}

h1{font-family:var(--f-disp);font-weight:600;letter-spacing:-.02em;font-size:clamp(26px,5vw,34px);margin:0 0 4px;}
.eff{color:var(--soft);font-size:13px;letter-spacing:.03em;margin:0 0 30px;font-family:ui-monospace,Menlo,monospace;text-transform:uppercase;}
h2{font-family:var(--f-disp);font-weight:600;font-size:19px;letter-spacing:-.01em;margin:34px 0 8px;}
p,li{margin:0 0 12px;}
ul{padding-left:20px;}
strong{color:var(--ink);font-weight:660;}
.note{background:var(--sunk);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:13.5px;color:var(--soft);margin:0 0 22px;}
.foot{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--soft);}
.foot a{color:var(--soft);text-decoration:underline;margin-right:16px;}
@media(prefers-reduced-motion:reduce){body,.themebtn{transition:none;}}