/* Shared styling for the standalone legal pages (privacy / accessibility / terms). */
:root{
  --ink:#12120f;--paper:#f4f3ef;--blue:#2b4ad8;--gray:#6f6f68;
  --soft:#8b8b83;--line:#e4e2db;--hair:rgba(18,18,15,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Heebo",Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
  padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);
}
a{color:var(--blue)}
.legal-wrap{width:min(760px,calc(100% - 48px));margin:auto}
.legal-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.legal-top a.logo{font-weight:600;font-size:18px;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.legal-top a.back{font-size:14px;color:var(--blue);text-decoration:none}
.legal-top a.back:hover{text-decoration:underline}
main.legal{padding:44px 0 72px}
.legal h1{font-size:clamp(28px,6vw,40px);font-weight:500;letter-spacing:-.02em;margin:0 0 6px}
.legal .updated{color:var(--soft);font-size:14px;margin:0 0 34px}
.legal h2{font-size:21px;font-weight:600;letter-spacing:-.01em;margin:38px 0 10px}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-inline-start:22px}
.legal li{margin:0 0 7px}
.legal .lead{font-size:18px;color:var(--ink)}
.legal .note{margin-top:28px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--gray);font-size:14.5px;line-height:1.6}
.legal-footer{padding:26px 0;border-top:1px solid var(--line);color:var(--soft);font-size:13px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.legal-footer a{color:var(--soft);text-decoration:none}
.legal-footer a:hover{text-decoration:underline}