/* The policy, terms and delete pages (not the app: app.css stops the page from scrolling). Same fonts and colours as the app. */
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(vendor/atkinson-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(vendor/atkinson-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(vendor/atkinson-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(vendor/atkinson-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#f4f8f8;--card:#fff;--ink:#12262c;--mute:#566b72;--line:#d3dfe1;--acc:#0b6e7a;--accink:#fff;--danger:#b3261e;--dangerink:#fff;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0e1a1d;--card:#162529;--ink:#e6f0f1;--mute:#93aab0;--line:#2a3d42;--acc:#4cc3d0;--accink:#04262b;--danger:#ffb4ab;--dangerink:#410002;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 'Atkinson Hyperlegible',system-ui,sans-serif}
.lg{max-width:760px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}
.lgl{margin:4px 0 12px;font-size:15px;color:var(--mute)}
.lgl a[aria-current]{font-weight:700;color:var(--ink);text-decoration:none}
.lgnote{margin:0 0 12px;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card)}
.lgback{margin:0 0 8px}
h1{font-size:28px;line-height:1.2;margin:8px 0 6px}
h2{font-size:21px;line-height:1.25;margin:28px 0 6px}
p,ul{margin:8px 0}
ul{padding-left:22px}li{margin:4px 0}
a{color:var(--acc);text-underline-offset:2px}
.tw{overflow-x:auto;margin:10px 0}
table{border-collapse:collapse;width:100%;min-width:520px;background:var(--card)}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;font-size:16px}
th{font-weight:700}
/* A phone: each row of a table becomes a small card, the column title in front of each value. */
@media (max-width:640px){
.tw{overflow:visible}
table{min-width:0;background:none}
thead{position:absolute;left:-9999px}
table,tbody,tr,td{display:block}
tr{margin:10px 0;border:1.5px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
td{border:0;border-bottom:1px solid var(--line)}
td:last-child{border-bottom:0}
td::before{content:attr(data-label);display:block;font-size:14px;font-weight:700;color:var(--mute)}
}
.lgfoot{margin-top:32px;padding-top:12px;border-top:1.5px solid var(--line);color:var(--mute)}
/* delete.html */
.card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}
.card h2{margin-top:0}
label{display:block;margin:12px 0 4px;color:var(--mute)}
input[type=email],input[type=password],input[type=text]{width:100%;min-height:48px;padding:8px 12px;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--mute);border-radius:12px}
button{min-height:48px;padding:8px 18px;font:inherit;font-weight:700;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;cursor:pointer}
button.p{background:var(--acc);color:var(--accink);border-color:var(--acc)}
button.danger{background:var(--danger);color:var(--dangerink);border-color:var(--danger)}
button[disabled]{opacity:.45;cursor:default}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mute{color:var(--mute)}
.msg{margin-top:10px;min-height:1.4em}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
/* licences.html: each licence text folded away until opened. */
.lic details{margin:10px 0;border:1.5px solid var(--line);border-radius:12px;background:var(--card);padding:0 12px}
.lic summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:700}
.lic pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.45 ui-monospace,Consolas,monospace;margin:8px 0 12px}
