/* privacy.html / terms.html: storm look, phone first, long-form reading. Values from css/tokens.css. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--s-4)}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:var(--t-body-size);line-height:1.65;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
img{display:block;max-width:100%;height:auto}
a{color:var(--c-accent-ink);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:var(--s-4);top:var(--s-4);background:var(--c-surface);padding:var(--s-2) var(--s-3);z-index:9}
.wrap{max-width:720px;margin:0 auto;padding:0 var(--s-5)}
.top{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding-top:env(safe-area-inset-top)}
.logo{display:inline-flex;align-items:center;min-height:var(--touch)}.logo img{height:30px;width:auto}
.link{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text);text-decoration:none;font-size:var(--t-small-size);font-weight:500}
.link:hover{border-color:var(--c-text-3)}
.draft{margin:var(--s-4) 0 var(--s-6);padding:var(--s-3) var(--s-4);border:1px solid color-mix(in srgb,var(--c-signal-warn) 55%,transparent);border-radius:var(--r-md);background:color-mix(in srgb,var(--c-signal-warn) 9%,transparent);font-size:var(--t-small-size);line-height:var(--t-small-line);color:var(--c-text-2)}
.draft b{color:var(--c-text)}
mark.ph{background:var(--c-accent-soft);color:var(--c-accent-ink);padding:0 4px;border-radius:4px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.over{font-size:var(--t-overline-size);letter-spacing:var(--t-overline-track);font-weight:var(--t-overline-weight);text-transform:uppercase;color:var(--c-accent-ink);margin:0 0 var(--s-3);display:flex;align-items:center;gap:var(--s-3)}
.over::before{content:"";width:28px;height:2px;background:var(--c-accent)}
h1{font-size:var(--t-h1-size);line-height:var(--t-h1-line);letter-spacing:-.025em;font-weight:700;margin:0}
@media (max-width:640px){h1{font-size:2rem}}
.meta{margin:var(--s-3) 0 0;color:var(--c-text-3);font-size:var(--t-small-size)}
.lede{margin:var(--s-4) 0 var(--s-6);font-size:var(--t-body-lg-size);color:var(--c-text-2)}
.toc{margin:0 0 var(--s-7);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);padding:var(--s-2) var(--s-4)}
.toc summary{cursor:pointer;min-height:var(--touch);display:flex;align-items:center;font-weight:600;font-size:var(--t-small-size)}
.toc ol{margin:0 0 var(--s-3);padding-left:1.4em;columns:2;column-gap:var(--s-6);font-size:var(--t-small-size)}
@media (max-width:640px){.toc ol{columns:1}}
.toc li{padding:3px 0;break-inside:avoid}.toc a{color:var(--c-text-2);text-decoration:none}.toc a:hover{color:var(--c-text);text-decoration:underline}
section{padding:var(--s-6) 0;border-top:1px solid var(--c-divider)}
h2{font-size:var(--t-h3-size);line-height:var(--t-h3-line);letter-spacing:-.01em;font-weight:650;margin:0 0 var(--s-3);position:relative}
h2::before{content:"";position:absolute;top:calc(var(--s-6) * -1 - 1px);left:0;width:32px;height:2px;background:var(--c-accent)}
h3{font-size:var(--t-body-size);font-weight:650;margin:var(--s-5) 0 var(--s-2)}
p,ul{margin:0 0 var(--s-3);color:var(--c-text-2)}
p b,li b{color:var(--c-text);font-weight:600}
ul{padding-left:1.2em}li{margin:0 0 var(--s-2)}li::marker{color:var(--c-accent)}
.keys{list-style:none;padding:0;display:grid;gap:var(--s-2)}
.keys li{margin:0;padding:var(--s-3) var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface)}
.aside,.notice{padding:var(--s-3) var(--s-4);border-left:2px solid var(--c-accent);background:var(--c-surface);border-radius:0 var(--r-md) var(--r-md) 0}
.table{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--r-md)}
table{width:100%;border-collapse:collapse;font-size:var(--t-small-size);line-height:var(--t-small-line)}
th,td{text-align:left;vertical-align:top;padding:var(--s-3);border-bottom:1px solid var(--c-divider);color:var(--c-text-2)}
th{color:var(--c-text);font-weight:600;background:var(--c-surface)}tr:last-child td{border-bottom:0}
td:first-child{color:var(--c-text);font-weight:500;width:40%}
.see{margin:var(--s-6) 0 0;padding-top:var(--s-5);border-top:1px solid var(--c-divider)}
.foot{padding-top:var(--s-7);padding-bottom:calc(var(--s-7) + env(safe-area-inset-bottom));border-top:1px solid var(--c-divider);margin-top:var(--s-7)}
.foot img{height:72px;width:auto;margin-bottom:var(--s-4)}
.foot nav{display:flex;flex-wrap:wrap;gap:0 var(--s-5);margin-bottom:var(--s-3)}
.foot nav a{min-height:var(--touch);display:inline-flex;align-items:center;color:var(--c-text-2);text-decoration:none;font-size:var(--t-small-size)}
.foot nav a:hover,.foot nav a[aria-current]{color:var(--c-text);text-decoration:underline}
.cap{font-size:var(--t-caption-size);line-height:var(--t-caption-line);color:var(--c-text-3);margin:0;max-width:64ch}