/* Shared stylesheet for the legal pages (privacy, terms, facebook terms).
   Tokens mirror the landing page theme in index.html. */
:root{
    --sand:#FFF6E9; --sand-2:#FFECD2; --card:#FFFFFF;
    --ink:#2E2119; --ink-2:#6C594B;
    --fox:#FF7A1A; --fox-2:#EA580C; --gold:#FFB020;
    --pitch:#1FA96B; --teal:#0F9BB3; --sun:#FFC42E; --sky:#9BE0EE; --blue:#2C86C9;
    --radius:20px; --radius-lg:32px; --pill:999px;
    --shadow-sm:0 2px 8px rgba(90,50,15,.08);
    --shadow:0 20px 45px -22px rgba(120,60,10,.40);
    --maxw:860px;
    --fd:'Luckiest Guy','Trebuchet MS',sans-serif;
    --fb:'Roboto',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--fb);color:var(--ink);background:var(--sand);line-height:1.7;font-weight:400}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,.fd{font-family:var(--fd);font-weight:400;line-height:1.06;letter-spacing:.01em;text-transform:uppercase}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,246,233,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(120,60,10,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--fd);font-size:1.2rem;letter-spacing:.02em;color:var(--ink)}
.brand img{width:42px;height:42px;border-radius:12px;box-shadow:var(--shadow-sm)}
.menu{display:flex;align-items:center;gap:4px}
.menu a.lnk{font-weight:700;color:var(--ink);padding:9px 14px;border-radius:var(--pill);transition:background .15s,color .15s}
.menu a.lnk:hover{background:#fff;color:var(--fox-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--fd);text-transform:uppercase;letter-spacing:.02em;font-size:.95rem;padding:11px 22px;border-radius:var(--pill);cursor:pointer;border:0;transition:transform .18s ease,box-shadow .18s ease;margin-left:8px}
.btn-fox{background:linear-gradient(180deg,#ff9a45,var(--fox));color:#fff;box-shadow:0 14px 26px -10px rgba(234,88,12,.7)}
.btn-fox:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 22px 36px -12px rgba(234,88,12,.8)}

/* page head */
.legal-head{padding:54px 0 30px;text-align:center;
    background:
        radial-gradient(700px 320px at 82% -30%,rgba(255,196,46,.4),transparent 58%),
        radial-gradient(600px 300px at 10% -20%,rgba(155,224,238,.45),transparent 55%),
        linear-gradient(180deg,#FFF1DA 0%,var(--sand) 80%)}
.kicker{display:block;font-weight:700;color:var(--teal);letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;margin-bottom:12px}
.legal-head h1{font-size:clamp(2.1rem,5vw,3.2rem);margin-bottom:14px}
.legal-head .meta{color:var(--ink-2);font-weight:500;font-size:.92rem}

/* content card */
.legal{padding:8px 0 70px}
.legal article{background:var(--card);border-radius:var(--radius-lg);border:1px solid rgba(120,60,10,.05);box-shadow:var(--shadow-sm);padding:clamp(28px,5vw,54px)}
.legal h2{font-size:1.3rem;margin:36px 0 12px;letter-spacing:.02em}
.legal h2:first-child{margin-top:0}
.legal h2::after{content:"";display:block;width:44px;height:4px;border-radius:3px;margin-top:8px;background:linear-gradient(90deg,var(--fox),var(--gold))}
.legal p{margin:0 0 14px;color:var(--ink-2)}
.legal ul{margin:0 0 14px;padding-left:22px;color:var(--ink-2)}
.legal ul ul{margin:6px 0 6px}
.legal li{margin-bottom:8px}
.legal strong{color:var(--ink)}
.legal a{color:var(--fox-2);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.legal a:hover{color:var(--fox)}
.backlink{display:inline-block;margin-top:26px;font-weight:700;color:var(--ink)}
.backlink:hover{color:var(--fox-2)}

/* footer */
footer{background:#241a17;color:#f4e7d8;padding:44px 0 28px}
.foot-slim{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.09)}
.foot-logo{display:inline-block;transition:transform .18s ease}
.foot-logo:hover{transform:translateY(-3px)}
.foot-logo img{width:100px;height:auto}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{color:#d8c6b5;font-weight:500;font-size:.92rem;transition:color .15s}
.foot-links a:hover{color:var(--sun)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:22px;color:#b6a292;font-weight:500;font-size:.86rem}
.foot-bottom a{color:#e8d8c8;text-decoration:underline;text-underline-offset:3px}

@media (max-width:640px){
    .brand span{display:none}
    .foot-slim{flex-direction:column;text-align:center}
    .foot-bottom{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}