/* Shared styles for the simple content pages (about, privacy, terms, 404). The home page inlines its own. */
:root{--ink:#14061F;--paper:#FFF8E7;--card:#FFFEF7;--red:#FF1E1E;--yellow:#FFD93D;--yellow-dk:#C79B00;--cyan:#00E5FF;--blue-dk:#0B3FA0;--muted:#4B3A5C}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:'Quicksand',system-ui,sans-serif;line-height:1.6;background-image:radial-gradient(circle at 2px 2px,rgba(20,6,31,.08) 1.5px,transparent 1.6px);background-size:12px 12px;min-height:100vh;display:flex;flex-direction:column}
.nav{background:var(--paper);border-bottom:5px solid var(--ink);padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-family:'Bangers',sans-serif;font-size:32px;color:var(--red);letter-spacing:2px;text-decoration:none;text-shadow:2.5px 2.5px 0 var(--ink),5px 5px 0 var(--yellow-dk)}
.logo span{color:var(--cyan);text-shadow:2.5px 2.5px 0 var(--ink),5px 5px 0 var(--blue-dk)}
.btn{font-family:'Bangers',sans-serif;font-size:18px;letter-spacing:1.5px;background:var(--red);color:#fff;border:3.5px solid var(--ink);border-radius:12px;padding:9px 22px;text-decoration:none;box-shadow:4px 4px 0 var(--ink);text-shadow:2px 2px 0 rgba(0,0,0,.3);display:inline-block}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.wrap{max-width:900px;width:100%;margin:0 auto;padding:22px 20px 60px;flex:1}
.crumbs{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#8A7566;margin-bottom:14px}
.crumbs a{color:inherit}
.doc{background:var(--card);border:5px solid var(--ink);border-radius:24px;padding:34px 38px;box-shadow:14px 14px 0 var(--ink)}
h1{font-family:'Bangers',sans-serif;font-weight:400;font-size:clamp(38px,6vw,54px);letter-spacing:2.5px;color:var(--red);text-shadow:3px 3px 0 var(--ink),5px 5px 0 var(--yellow-dk);line-height:1;margin-bottom:8px}
.meta{font-size:12px;font-weight:800;color:#8A7566;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:16px;margin-bottom:22px;border-bottom:3px dashed var(--ink)}
h2{font-family:'Bangers',sans-serif;font-weight:400;font-size:26px;letter-spacing:1.5px;margin:26px 0 8px;text-shadow:2px 2px 0 var(--yellow-dk)}
p,li{font-size:15px;font-weight:600;color:var(--muted);margin-bottom:12px}
ul{list-style:none;margin:8px 0 16px}
li{padding-left:24px;position:relative}
li::before{content:'▸';position:absolute;left:0;color:var(--red);font-weight:900}
a{color:var(--blue-dk)}
b{background:var(--yellow);padding:0 5px;border-radius:5px;color:var(--ink)}
button.link{font:inherit;font-weight:800;color:var(--blue-dk);background:none;border:0;text-decoration:underline;cursor:pointer;padding:0}
.foot{text-align:center;font-size:12px;font-weight:700;color:#8A7566;padding:24px}
.foot a,.foot button{margin:0 8px;color:#6A5E78}
:focus-visible{outline:4px solid #1E6FFF;outline-offset:3px;border-radius:6px}
@media(max-width:600px){.doc{padding:22px 18px;box-shadow:8px 8px 0 var(--ink)}.nav{padding:0 14px}}