/* ==========================================================================
   THE CHIKA METHOD — legal pages (terms, privacy, refunds, contact)
   Same tokens, font, header and footer as the sales page.
   ========================================================================== */
:root{
  --pink:#f0648c;--pink-ink:#c8385f;--pink-pale:#fff1f5;
  --paper:#fffdfa;--ink:#0b0a0d;--muted:#706a6d;--soft:#7a7376;--line:#ebe2e0;
  --header-h:76px;
  --font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:#111;color:#fff;padding:12px 16px;border-radius:999px;font-size:13px;font-weight:700}
.skip-link:focus{top:12px}
a:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:4px}

/* Header (as on the sales page) */
.site-header{height:var(--header-h);padding:0 5vw;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #eee8e6;position:sticky;top:0;z-index:50}
.brand{font-size:15px;font-weight:700;line-height:1;letter-spacing:.02em;width:max-content}
.brand span{display:block}
.brand span:last-child{color:var(--pink)}
.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-size:10.5px;font-weight:800;letter-spacing:.12em;background:#111;color:#fff;transition:transform .25s}
.pill:hover{transform:translateY(-1px)}
.pill:focus-visible{border-radius:999px}

/* Document */
.legal{max-width:760px;margin:0 auto;padding:84px 24px 104px}
.kicker{margin:0 0 10px;font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--pink-ink)}
.legal h1{margin:0;font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.02}
.updated{margin:18px 0 0;font-size:14px;color:var(--soft)}
.lead{margin-top:40px;padding:28px 30px;background:var(--pink-pale);border-left:2px solid var(--pink)}
.lead p{margin:0 0 14px;font-size:16px;line-height:1.7}
.lead .lead-row{margin:0 0 14px;font-size:16px;line-height:1.7}
.lead>:last-child{margin-bottom:0}
.label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);margin-bottom:4px}
address{font-style:normal;line-height:1.7}
.legal section{margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}
.legal h2{margin:0 0 14px;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.3}
.legal p,.legal li{font-size:16px;line-height:1.75;color:#2b2629}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding:0;list-style:none}
.legal li{position:relative;padding-left:22px;margin-bottom:6px}
.legal li:before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--pink)}
.legal a.mail{color:var(--pink-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal a.mail:hover{color:var(--ink)}
.contact-card{margin-top:40px;padding:34px 30px;background:#fff;border:1px solid var(--line)}
.contact-card .mail{font-size:clamp(18px,4.6vw,24px)}
.back{display:inline-block;margin-top:52px;font-size:11px;font-weight:800;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:4px}
.back:hover{color:var(--pink-ink)}

/* Footer (as on the sales page) */
footer{min-height:104px;background:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:28px 5vw;border-top:1px solid var(--line);font-size:12px;color:#6f696c}
footer p{margin:0}
.footer-links{justify-self:end;display:flex;flex-wrap:wrap;gap:8px 22px}
.footer-links a{padding:6px 0}
.footer-links a:hover,.footer-links a[aria-current="page"]{color:var(--pink-ink)}

@media(max-width:620px){
  :root{--header-h:64px}
  .site-header{padding:0 16px}
  .pill{font-size:11px;padding:0 16px;min-height:42px}
  .legal{padding:56px 20px 80px}
  .lead,.contact-card{padding:24px 20px}
  .legal p,.legal li{font-size:15.5px}
  .legal h2{font-size:19px}
  footer{grid-template-columns:1fr;justify-items:start;padding:28px 18px 34px}
  .footer-links{justify-self:start}
  footer p{order:3}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==========================================================================
   25 Sept 2026 — top of legal pages: plain intro line only.
   Address and email stay in the Contact / "Operated by" section at the bottom.
   ========================================================================== */
.lead{margin-top:28px;padding:0;background:none;border:0}
.lead .lead-row{display:none}
.lead p{color:#2b2629}

/* 25 Sept 2026 — operator line moved to the bottom, as a discreet note */
.legal p.operator-note{margin:44px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--soft)}