/* ==========================================================================
   MB Legal — Ticket D2.1 (19 Jul 2026). Shared styles for the legal &
   governance pages rendered by template-mb-legal.php. Light system,
   Playfair headings, readable measure, server-built section nav (sticky
   on desktop). Tokens only. Raw + ?v=filemtime via mb-brand-tokens.php
   (wp_head:155).
   ========================================================================== */

.mb-legal-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#FFE0EC 0%,#E8D5F5 60%,#D1C4E9 100%);padding:44px 0 64px;text-align:center}
.mb-legal-hero__cloud{position:absolute;border-radius:var(--mb-radius-full,9999px);background:color-mix(in srgb,var(--mb-white,#FFFFFF) 55%,transparent);pointer-events:none;animation:mbCloudDrift 38s var(--mb-ease,cubic-bezier(.4,0,.2,1)) infinite alternate}
.mb-legal-hero__cloud--1{top:24px;left:9%;width:170px;height:42px}
.mb-legal-hero__cloud--2{bottom:40px;right:7%;width:130px;height:34px;animation-direction:alternate-reverse}
.mb-legal-hero .mb-container{position:relative;z-index:2}
.mb-legal-hero__kicker{display:inline-block;font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--mb-rose-gold-deep,#C07C88);margin-bottom:8px}
.mb-legal-hero__title{font-family:var(--mb-font-display,'Playfair Display',serif);font-size:clamp(1.7rem,3.6vw,2.5rem);margin:0;background:linear-gradient(100deg,var(--mb-pink,#E91E63) 25%,var(--mb-rose-gold,#B76E79) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mb-legal-hero__wave{position:absolute;left:0;right:0;bottom:-1px;height:56px;line-height:0;z-index:1}
.mb-legal-hero__wave svg{display:block;width:100%;height:100%}

.mb-legal{display:grid;grid-template-columns:1fr;gap:var(--mb-space-xl,32px);padding:var(--mb-space-xl,32px) var(--mb-space-md,16px) var(--mb-space-2xl,48px);align-items:start}
@media(min-width:920px){.mb-legal{grid-template-columns:250px minmax(0,1fr)}}

/* Section nav — sticky rail on desktop, pill list on mobile */
.mb-legal__nav{background:var(--mb-white,#FFFFFF);border:1px solid color-mix(in srgb,var(--mb-pink,#E91E63) 10%,transparent);border-radius:var(--mb-radius-lg,16px);box-shadow:var(--mb-shadow-card,0 2px 8px rgba(0,0,0,.06));padding:18px}
@media(min-width:920px){.mb-legal__nav{position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto}}
.mb-legal__nav-title{display:block;font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mb-rose-gold-deep,#C07C88);margin-bottom:10px}
.mb-legal__nav ul{list-style:none;margin:0;padding:0}
.mb-legal__nav li{margin:0 0 2px}
.mb-legal__nav a{display:block;padding:6px 10px;border-radius:var(--mb-radius-sm,8px);font-family:var(--mb-font-body,'Poppins',sans-serif);font-size:.8rem;line-height:1.4;color:color-mix(in srgb,var(--mb-ink,#3D2630) 78%,transparent);text-decoration:none;transition:background var(--mb-duration-fast,150ms) var(--mb-ease,cubic-bezier(.4,0,.2,1)),color var(--mb-duration-fast,150ms) var(--mb-ease,cubic-bezier(.4,0,.2,1))}
.mb-legal__nav a:hover{background:var(--mb-bg-pink-soft,#FFF5F8);color:var(--mb-pink,#E91E63)}

/* Body — the styled legal container */
.mb-legal__body{background:var(--mb-white,#FFFFFF);border-radius:var(--mb-radius-lg,16px);box-shadow:var(--mb-shadow-card,0 2px 8px rgba(0,0,0,.06));padding:clamp(22px,4vw,44px);font-family:var(--mb-font-body,'Poppins',sans-serif);color:color-mix(in srgb,var(--mb-ink,#3D2630) 88%,transparent);max-width:820px}
.mb-legal__body .mb-legal__intro{background:var(--mb-bg-pink-soft,#FFF5F8);border-left:3px solid var(--mb-rose-gold,#B76E79);border-radius:0 var(--mb-radius-md,12px) var(--mb-radius-md,12px) 0;padding:14px 18px;margin:0 0 26px}
.mb-legal__body .mb-legal__intro p{margin:0 0 8px;font-size:.92rem;line-height:1.7}
.mb-legal__body .mb-legal__intro p:last-child{margin-bottom:0}
.mb-legal__body h2{font-family:var(--mb-font-display,'Playfair Display',serif);color:var(--mb-heading-plum,#7A2E45);font-size:1.3rem;margin:34px 0 12px;padding-top:10px;scroll-margin-top:96px}
.mb-legal__body h2:first-of-type{margin-top:0}
.mb-legal__body h3{font-family:var(--mb-font-body,'Poppins',sans-serif);font-weight:600;color:var(--mb-heading-plum,#7A2E45);font-size:.98rem;margin:20px 0 8px}
.mb-legal__body p{font-size:.9rem;line-height:1.75;margin:0 0 14px}
.mb-legal__body ul{list-style:disc;margin:0 0 16px;padding-left:22px}
.mb-legal__body ul li::marker{color:var(--mb-rose-gold,#B76E79)}
.mb-legal__body li{font-size:.9rem;line-height:1.7;margin-bottom:6px}
.mb-legal__body a{color:var(--mb-pink,#E91E63);text-decoration:none;font-weight:500}
.mb-legal__body a:hover{text-decoration:underline}
.mb-legal__body strong{color:color-mix(in srgb,var(--mb-ink,#3D2630) 96%,transparent)}

@media (prefers-reduced-motion:reduce){.mb-legal-hero__cloud{animation:none}}