@font-face{font-family:Fraunces;src:url(/assets/fraunces.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fraunces-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}.backup-body-font{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit}p,h1,h2,h3,h4{margin:0}ul,ol{margin:0;padding:0;list-style:none}
/* Reading pages: existing Looki paper/ink/vermilion identity, no marketing shell. */
.backup-shell { --bp-paper:#f6f5ef; --bp-ink:#141210; --bp-muted:#625e57; --bp-line:#d5d0c5; --bp-accent:#bd301a; background:var(--bp-paper); color:var(--bp-ink); min-height:100vh; font-size:16px; line-height:1.75; }
.backup-shell a { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.backup-shell a:hover { color:var(--bp-accent); }
.backup-shell a:focus-visible { outline:3px solid var(--bp-accent); outline-offset:5px; }
.backup-shell :is(h1,h2) { font-family:var(--backup-display),Georgia,serif; font-weight:500; letter-spacing:-.025em; text-wrap:balance; }
.backup-shell p { max-width:70ch; }
.backup-header,.backup-footer { max-width:1200px; margin:0 auto; padding:26px 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.backup-header { border-bottom:1px solid var(--bp-line); }
.backup-brand { display:flex; align-items:baseline; gap:16px; font-family:var(--backup-display),Georgia,serif; font-size:36px; line-height:1.2; text-decoration:none!important; }
.backup-brand span { font-family:Arial,sans-serif; font-size:13px; font-weight:500; line-height:1.4; letter-spacing:0; }
.backup-header nav { display:flex; flex-wrap:wrap; gap:24px; font-size:14px; }
.backup-shell main { max-width:1120px; margin:auto; outline:none; }
.backup-intro { max-width:850px; padding:64px 0 48px; }
.backup-app-name { color:var(--bp-accent); font-weight:600; font-size:14px; margin-bottom:20px; }
.backup-shell h1 { font-size:clamp(38px,5vw,62px); line-height:1.1; max-width:22ch; margin-bottom:26px; }
.backup-lead { font-size:19px; line-height:1.75; color:#37332e; }
.backup-version { color:var(--bp-muted); font-size:13px; margin-top:24px; }
.backup-reading { display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding:44px 0 76px; border-top:1px solid var(--bp-line); }
.backup-toc { align-self:start; position:sticky; top:28px; font-size:13px; line-height:1.5; }
.backup-toc p { font-weight:600; margin-bottom:18px; }
.backup-toc li + li { margin-top:12px; }
.backup-toc a { color:var(--bp-muted); }
.backup-document { min-width:0; max-width:740px; }
.backup-document section { scroll-margin-top:30px; }
.backup-document section + section { margin-top:48px; }
.backup-shell h2 { font-size:29px; line-height:1.25; margin-bottom:18px; }
.backup-document p + p { margin-top:17px; }
.backup-links { margin-top:20px; color:var(--bp-accent); font-size:14px; }
.backup-links li + li { margin-top:10px; }
.backup-footer { border-top:1px solid var(--bp-line); align-items:start; font-size:13px; color:var(--bp-muted); }
.backup-footer strong { color:var(--bp-ink); }
.backup-footer a { overflow-wrap:anywhere; }
.backup-skip { position:absolute; left:12px; top:-100px; padding:12px; background:white; z-index:10; }
.backup-skip:focus { top:12px; }
@media(max-width:1200px) { .backup-shell main { margin-left:40px; margin-right:40px; } }
@media(max-width:720px) {
 .backup-header,.backup-footer { padding:22px; flex-direction:column; align-items:flex-start; gap:18px; }
 .backup-header nav { gap:22px; }
 .backup-shell main { margin-left:22px; margin-right:22px; }
 .backup-intro { padding:40px 0 30px; }
 .backup-lead { font-size:17px; }
 .backup-reading { grid-template-columns:1fr; gap:32px; padding-top:26px; }
 .backup-toc { position:static; padding-bottom:26px; border-bottom:1px solid var(--bp-line); }
 .backup-shell h2 { font-size:26px; }
}
@media(prefers-reduced-motion:reduce) { html:has(.backup-shell) { scroll-behavior:auto; } }
@media print { .backup-header nav,.backup-toc,.backup-skip { display:none; } .backup-reading { display:block; } .backup-shell main { margin:0; } .backup-intro { padding-top:20px; } .backup-document { max-width:none; } .backup-document section { break-inside:avoid; } }