/* ============================================================
   BONDDY — shared legal-page styles (Terms, Privacy, Cookies)
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;border:0;width:100%;background:#FFFDF6}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;min-height:100vh}
.bonddy{
  --butter:#FFF1A8; --butter-soft:#FFF6CF; --pink:#FFC2DD; --pink-soft:#FFD9EA;
  --cream:#FFFDF6; --paper:#FFFFFF;
  --magenta:#E80098; --magenta-deep:#A5006E; --magenta-ghost:rgba(232,0,152,.12);
  --plum:#3A0329; --ink:#26071B; --muted:#8A6E80;
  --orange:#FF6B35; --jade:#00A98F; --gold:#FFC93C;
  --line:#26071B; --line-soft:rgba(38,7,27,.12);
  --shadow:4px 4px 0 var(--ink);
  --shadow-sm:3px 3px 0 var(--ink);
  --shadow-lg:7px 7px 0 var(--ink);
  --font-display:'Gabarito',system-ui,sans-serif;
  --font-body:'Instrument Sans',system-ui,-apple-system,sans-serif;
  --font-mono:'Space Mono',ui-monospace,monospace;
  font-family:var(--font-body); color:var(--ink); -webkit-font-smoothing:antialiased;
  overflow-x:hidden; position:relative; background:var(--cream);
}
.bonddy *{box-sizing:border-box}
.bonddy a{color:var(--magenta-deep);text-decoration:underline;text-underline-offset:2px}
.bonddy a:hover{color:var(--magenta)}
.bonddy img{max-width:100%;display:block}
.bonddy .wrap{width:100%;max-width:860px;margin:0 auto;padding:0 24px}

/* header */
.legal-header{position:sticky;top:0;z-index:20;background:var(--cream);border-bottom:1.5px solid var(--line);padding:16px 0}
.legal-header .wrap{max-width:1140px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-header .wordmark{height:34px;width:auto}
.legal-back{font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-radius:999px;padding:8px 14px;background:var(--paper);box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s}
.legal-back:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow);color:var(--ink);background:var(--butter)}

/* hero */
.legal-hero{padding:56px 0 28px}
.legal-hero .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--magenta-deep);display:inline-block;margin-bottom:10px}
.legal-hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(30px,5vw,46px);letter-spacing:-.02em;margin:0 0 12px;line-height:1.05}
.legal-hero .meta{font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}

/* body */
.legal-body{padding:8px 0 90px}
.legal-card{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:clamp(22px,4vw,44px)}
.legal-card h2{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em;margin:38px 0 12px;padding-top:14px;border-top:1.5px dashed var(--line-soft)}
.legal-card h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-card h3{font-family:var(--font-display);font-weight:700;font-size:16.5px;margin:22px 0 8px}
.legal-card p{font-size:15.5px;line-height:1.7;color:var(--ink);margin:0 0 14px}
.legal-card ul{margin:0 0 14px;padding-left:22px}
.legal-card li{font-size:15.5px;line-height:1.7;margin-bottom:6px}
.legal-card strong{font-weight:700}
.legal-toc{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.legal-toc a{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.02em;text-decoration:none;color:var(--ink);background:var(--butter-soft);border:1.5px solid var(--ink);border-radius:999px;padding:7px 13px;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s}
.legal-toc a:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow);background:var(--butter)}
.legal-callout{background:var(--magenta-ghost);border:1.5px solid var(--magenta);border-radius:12px;padding:16px 18px;margin:0 0 14px}
.legal-callout p{margin:0;color:var(--magenta-deep)}
.legal-siblings{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.legal-siblings a{font-family:var(--font-mono);font-size:12.5px;font-weight:700;text-decoration:none;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;padding:8px 14px;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s}
.legal-siblings a:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow);background:var(--pink-soft)}
.legal-siblings a.active{background:var(--plum);color:#fff;border-color:var(--plum)}

/* footer */
.legal-footer{border-top:1.5px solid var(--line);padding:26px 0;background:var(--plum);color:#fff}
.legal-footer .wrap{max-width:1140px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.legal-footer p{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.7);margin:0}
.legal-footer .foot-legal{display:flex;gap:16px}
.legal-footer .foot-legal a{color:#fff;text-decoration:none;font-family:var(--font-mono);font-size:12px}
.legal-footer .foot-legal a:hover{color:var(--pink)}

@media (max-width:640px){
  .legal-header .wordmark{height:26px}
  .legal-back span{display:none}
}