/* Le quattro pagine di testo (privacy, termini, supporto, fonti) stanno QUI e
   non piu' su api.bookspine.app: il posto di una pagina che il reviewer di
   Apple apre senza account e' il sito, non l'API. Il backend le rimanda qui
   con un 301 (routes/web.php) perche' le build gia' spedite puntano ancora la'.

   Una copia sola: le viste Blade sono state cancellate nello stesso commit.
   Le stringhe che sono un OBBLIGO (titolare, contatto, basi giuridiche,
   "Cancella tutto sul server", la dichiarazione Amazon) le controlla
   .github/workflows/landing.yml prima del deploy - LegalPagesTest non le vede
   piu', e una pagina legale senza nessun controllo e' la difesa che vive
   fuori dal deploy e tace quando muore. */
:root { --ink: #0C0C0C; --paper: #F2F0E9; --lime: #D6FF3E; --muted: #9A978F; --line: #262624; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--paper);
       font: 17px/1.6 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; }
.prose { max-width: 42rem; margin: 0 auto; padding: 3rem 20px 1rem; }
.prose a { color: var(--lime); }
/* Il ritorno alla home: una pagina legale aperta da un link nell'app e' un
   vicolo cieco senza. */
.back { display: inline-block; color: var(--muted); text-decoration: none; font-size: .8rem;
        font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1.5rem; }
.back:hover { color: var(--paper); }
h1 { font-size: clamp(1.9rem, 7vw, 2.6rem); letter-spacing: -.02em; line-height: 1.1; margin: 0 0 .75rem; }
p.intro { color: var(--muted); margin: 0 0 3rem; }
h2 { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted);
     font-weight: 600; margin: 3rem 0 .75rem; }
h3 { font-size: 1.0625rem; font-weight: 600; margin: 2rem 0 .5rem; }
p, li { font-size: .9375rem; }
p { margin: 0 0 .75rem; }
ul { margin: 0 0 .75rem; padding-left: 1.125rem; }
li { margin: 0 0 .5rem; }
code { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: .8125rem; }
.updated { color: var(--muted); font-size: .8125rem; margin-top: 3rem; }
footer { max-width: 42rem; margin: 0 auto; padding: 2rem 20px 3rem; border-top: 1px solid var(--line);
         font-size: .85rem; color: var(--muted); display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
footer a { color: var(--muted); text-decoration: none; }
footer a:hover { color: var(--paper); }
footer .c { flex-basis: 100%; }