/* Information pages (About, Privacy, Terms, Attributions) in the approved look:
 * Manrope, cream/navy, the supplied lockup, the mobile column. DRAFT content. */
@font-face{font-family:Manrope;src:url('assets/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}
html{--bg:#f5ece4;--ink:#102b3a;--muted:#52616a;--surface:#fffaf5;--border:#b3b1a9;--accent:#ba3b2e}
html[data-theme=dark]{--bg:#102b3a;--ink:#f5ece4;--muted:#bcc6c9;--surface:#1a3948;--border:#68808a;--accent:#ef907a}
html,body{background:var(--bg);color:var(--ink)}
body{margin:0;font-family:Manrope,system-ui,sans-serif;font-weight:500;line-height:1.55}
.page{max-width:480px;margin:0 auto;padding:0 24px 64px}
/* F's iPhone test (12 Oct 2026): single taps on links (no double-tap-zoom wait; no hover
   styles), and the footer links kept clear of Safari's collapsed bottom toolbar. */
a,button{touch-action:manipulation}
html[data-desktop=full-width] .page{max-width:none}
.page-brand{height:112px;display:flex;align-items:center}
.page-brand img{display:block;width:100%;height:auto;max-height:112px;object-fit:contain}
html[data-theme=dark] .logo-light,html:not([data-theme=dark]) .logo-dark{display:none}
.page-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:inherit;font-weight:700;text-decoration:none}
.page-back:focus-visible,.page a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.draft-banner{border:2px solid var(--accent);border-radius:12px;padding:12px 14px;margin:8px 0 20px;font-size:14px}
.draft-banner strong{color:var(--accent)}
h1{font-size:28px;font-weight:800;line-height:1.25;margin:8px 0 16px}
h2{font-size:18px;font-weight:800;margin:28px 0 8px}
p,li{font-size:15px}
ul{padding-left:20px}
li{margin:6px 0}
.placeholder{background:var(--surface);border:1px dashed var(--accent);border-radius:4px;padding:0 4px;font-weight:700}
.page a{color:inherit}
.page-footer{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:36px;border-top:1px solid var(--border);padding-top:12px}
.page-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}
/* Desktop (F, 12 Oct 2026: the desktop bundle's text-page layout, ported as-is): from 761px
   the lockup heads the page, the information links become the left-hand page list and the
   text sits in a 700px column beside it. Below 761px nothing changes. */
@media (min-width:761px){
html[data-desktop=desktop-layout] .page{max-width:1280px;padding:0 32px 64px;display:grid;grid-template-columns:220px minmax(0,700px);column-gap:70px;align-items:start}
html[data-desktop=desktop-layout] .page-brand{grid-column:1/-1;border-bottom:1px solid var(--border)}
html[data-desktop=desktop-layout] .page-brand img{width:320px;max-height:none}
html[data-desktop=desktop-layout] .page-back{grid-column:1/-1;margin-top:20px;justify-self:start}
html[data-desktop=desktop-layout] .page>main{grid-column:2;grid-row:3;padding-top:8px}
html[data-desktop=desktop-layout] .page-footer{grid-column:1;grid-row:3;flex-direction:column;flex-wrap:nowrap;gap:0;margin-top:16px;border-top:0;padding-top:0}
html[data-desktop=desktop-layout] .page-footer a{border-bottom:1px solid var(--border);font-size:14px}
html[data-desktop=desktop-layout] .page h1{font-size:40px;letter-spacing:-1px}
html[data-desktop=desktop-layout] .page p,html[data-desktop=desktop-layout] .page li{font-size:16px}
}