/* stampdaily.app — shared styles. Paper + ink, matches the app's Theme.swift. */
:root{
  --paper:#FAF9F5; --card:#FFFFFF; --surface:#F1EFE8; --border:#E6E1D6;
  --ink:#2C2A25; --ink2:#46423A; --muted:#7A7466; --faint:#A39C8B; --crack:#8A8271;
  --onink:#FAF9F5; --shadow:0 1px 0 rgba(44,42,37,.04), 0 18px 40px -22px rgba(44,42,37,.28);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#1A1916; --card:#23211C; --surface:#2A2823; --border:#37342D;
    --ink:#F4F0E6; --ink2:#DAD4C6; --muted:#A29B8C; --faint:#716B5E; --crack:#9C9585;
    --onink:#1A1916; --shadow:0 18px 40px -22px rgba(0,0,0,.7);
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:radial-gradient(rgba(44,42,37,.035) 1px,transparent 1px);background-size:5px 5px}
main,footer,.nav{position:relative;z-index:1}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.serif,h1,h2,h3{font-family:Newsreader,ui-serif,Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.015em}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--onink);padding:8px 12px;border-radius:8px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--border)}
.nav .wrap{display:flex;align-items:center;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Newsreader,Georgia,serif;font-size:23px;font-weight:600}
.brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 0 0 1px var(--border)}
.navlinks{display:flex;gap:26px;margin-left:auto}
.navlinks a{text-decoration:none;color:var(--muted);font-size:14.5px;font-weight:500}
.navlinks a:hover,.navlinks a.on{color:var(--ink)}
.navcta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--ink);color:var(--onink);font-size:14px;font-weight:600;padding:9px 16px;border-radius:12px}
.navcta svg{width:15px;height:15px}
@media (max-width:760px){.navlinks{display:none}.navcta{margin-left:auto}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 16px/1 Inter,system-ui,sans-serif;padding:16px 24px;border-radius:16px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s}
.btn:active{transform:scale(.98)}
.btn svg{width:18px;height:18px}
.btn-ink{background:var(--ink);color:var(--onink)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--border)}
.btn-ghost:hover{background:var(--surface)}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow svg{width:14px;height:14px}

/* legal/support pages */
.doc{max-width:720px;margin:0 auto;padding:56px 24px 40px}
.doc h1{font-size:46px;line-height:1.08;margin:0 0 8px}
.doc .meta{color:var(--faint);font-size:14px;margin-bottom:34px}
.doc h2{font-size:25px;margin:38px 0 8px}
.doc p,.doc li{color:var(--ink2)}
.doc a{text-decoration-color:var(--faint);text-underline-offset:3px}
.doc .card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow);margin:20px 0}
.doc .card p{margin:0}
.doc details{border-top:1px solid var(--border);padding:16px 0}
.doc details:last-of-type{border-bottom:1px solid var(--border)}
.doc summary{cursor:pointer;list-style:none;font-family:Newsreader,Georgia,serif;font-size:21px;display:flex;justify-content:space-between;gap:16px}
.doc summary::-webkit-details-marker{display:none}
.doc summary::after{content:"+";color:var(--muted);font-family:Inter,sans-serif;font-weight:400}
.doc details[open] summary::after{content:"–"}
.doc details p{margin:10px 0 0}

footer{border-top:1px solid var(--border);margin-top:40px}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;padding:28px 24px 40px;color:var(--faint);font-size:14px}
footer nav{display:flex;gap:22px;margin-left:auto}
footer a{text-decoration:none;color:var(--muted)}
footer a:hover{color:var(--ink)}
@media (max-width:600px){footer nav{margin-left:0}}