/* ═══════════════════════════════════════════════
   LEGAL, GREEN & LIME DESIGN
   (cookie-policy, privacy-policy and terms-of-use.html)
   Loaded after legal.css, home-v8.css and green-lime-base.css,
   scoped under body.gl. A short concept hero, then one readable
   column of white rounded cards.
   ═══════════════════════════════════════════════ */

/* ── HERO (short) ── */
/* width:100% keeps the content on the page's left edge (as a flex child the wrapper would shrink to its content and centre) */
.gl .gl-hero.legal-gl-hero .gl-hero-inner{width:100%;padding-bottom:64px}
.gl .gl-hero.legal-gl-hero h1{font-size:min(64px,6.4vw)}
.gl .legal-gl-hero .gl-hero-sub{max-width:640px;margin-top:24px}
.legal-gl-meta{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.legal-gl-meta li{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--gl-line-dark);font-size:14px;font-weight:700;color:#fff}
.legal-gl-meta li::before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--gl-lime)}

/* ── READING COLUMN ── */
.gl .legal-section{padding:72px 0 110px;background:none}
.gl .legal-inner{max-width:calc(800px + 2 * var(--gl-gutter));padding:0 var(--gl-gutter)}
.gl .legal-card{padding:44px 48px;border:1px solid var(--gl-line);border-radius:22px}
.gl .legal-card+.legal-card{margin-top:16px}
.gl .legal-card h2{margin-bottom:16px;font-size:clamp(22px,2.2vw,28px);line-height:1.2;letter-spacing:-.025em;color:var(--gl-ink)}
.gl .legal-card h3{margin:28px 0 10px;font-size:18px;letter-spacing:-.01em;color:var(--gl-brand)}
.gl .legal-card h2+h3{margin-top:8px}
.gl .legal-card p,.gl .legal-card li{font-size:16px;line-height:1.75;color:var(--gl-ink)}
.gl .legal-card ul{list-style:none;padding-left:0}
.gl .legal-card li{position:relative;padding-left:22px}
.gl .legal-card li::before{content:"";position:absolute;top:.68em;left:2px;width:8px;height:8px;border-radius:50%;background:var(--gl-teal)}
.gl .legal-card p:last-child,.gl .legal-card ul:last-child{margin-bottom:0}
.gl .legal-card a{color:var(--gl-brand);border-bottom:1.5px solid var(--gl-teal);overflow-wrap:anywhere}
.gl .legal-card a:hover{border-bottom-color:var(--gl-brand)}
.gl .legal-card .legal-note{font-size:14px;color:var(--gl-muted)}

/* ── RESPONSIVE ── */
@media(max-width:640px){
  .gl .gl-hero.legal-gl-hero .gl-hero-inner{padding-bottom:44px}
  .gl .gl-hero.legal-gl-hero h1{font-size:min(10vw,46px)}
  .legal-gl-meta li{font-size:13px;padding:8px 14px}
  .gl .legal-section{padding:40px 0 76px}
  .gl .legal-card{padding:28px 22px}
  .gl .legal-card+.legal-card{margin-top:12px}
}