/* ===== DBL Global — shared styling for legal pages ===== */
:root{
  --pine:#211A16;--pine-deep:#150F0C;--gold:#E84C3D;--gold-soft:#F4A79E;
  --paper:#F5F3EF;--paper-2:#ECE9E3;--ink:#1C1613;--sage:#C7BDB4;
  --line:#DED9D1;--muted:#6B615B;--radius:12px;--container:820px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Inter",system-ui,-apple-system,sans-serif;line-height:1.68;
  -webkit-font-smoothing:antialiased;font-feature-settings:"cv05","ss01";
}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.12}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--sage);transition:.2s}
a:hover{color:var(--pine-deep);border-color:var(--gold)}
.container{max-width:var(--container);margin:0 auto;padding:0 28px}

/* header */
.legal-header{position:sticky;top:0;z-index:50;background:rgba(245,243,239,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.legal-nav{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1180px;margin:0 auto;padding:0 28px}
.brand{display:flex;align-items:center;gap:11px;font-family:"Bricolage Grotesque";font-weight:700;font-size:1.15rem;border:none;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand .mark{width:30px;height:30px;flex:none}
.brand small{font-family:"IBM Plex Mono";font-weight:400;font-size:.58rem;letter-spacing:.18em;color:var(--muted);display:block;line-height:1;margin-top:3px;text-transform:uppercase}
.logo-img{height:34px;width:auto;display:block;mix-blend-mode:multiply}
.back{font-family:"IBM Plex Mono";font-size:.78rem;letter-spacing:.06em;border:1px solid var(--line);border-radius:100px;padding:9px 16px;background:rgba(255,255,255,.4);color:var(--ink)}
.back:hover{border-color:var(--pine);color:var(--pine)}

/* hero */
.legal-hero{padding:64px 0 30px}
.eyebrow{font-family:"IBM Plex Mono";font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:.6em}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);opacity:.7}
.legal-hero h1{font-size:clamp(2rem,5vw,3rem);margin:18px 0 14px}
.stand{font-family:"IBM Plex Mono";font-size:.78rem;color:var(--muted);letter-spacing:.03em}

/* body */
.legal-body{padding:20px 0 80px}
.legal-body section{padding:26px 0;border-top:1px solid var(--line)}
.legal-body section:first-child{border-top:none}
.legal-body h2{font-size:1.4rem;margin-bottom:16px;display:flex;gap:14px;align-items:baseline}
.legal-body h2 .no{font-family:"IBM Plex Mono";font-size:.85rem;font-weight:500;color:var(--gold);flex:none}
.legal-body h3{font-size:1.05rem;margin:22px 0 8px}
.legal-body p{margin:0 0 14px;color:#2b3a35}
.legal-body ul{margin:0 0 16px;padding-left:20px;color:#2b3a35}
.legal-body li{margin-bottom:8px}
.legal-body strong{color:var(--ink);font-weight:600}
.addr{font-style:normal;line-height:1.7}
.kv{display:grid;grid-template-columns:180px 1fr;gap:6px 20px;margin:0 0 14px}
.kv dt{font-family:"IBM Plex Mono";font-size:.8rem;color:var(--muted);letter-spacing:.02em;padding-top:2px}
.kv dd{margin:0;color:var(--ink)}
@media(max-width:560px){.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:10px}}

.callout{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);padding:20px 22px;margin:0 0 18px}
.callout p:last-child{margin-bottom:0}
.callout .tag{font-family:"IBM Plex Mono";font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:8px}

/* footer */
.legal-footer{background:var(--paper-2);border-top:1px solid var(--line);padding:34px 0}
.legal-footer .container{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.legal-footer p,.legal-footer a{font-family:"IBM Plex Mono";font-size:.74rem;color:var(--muted);letter-spacing:.03em;margin:0}
.legal-footer a{border:none}
.legal-footer a:hover{color:var(--gold)}
.legal-footer nav{display:flex;gap:18px}

@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}