/* Shared styles for ClubGael info pages (privacy, terms, safeguarding, support).
   Tokens, header, buttons and footer copied from index.html so the pages match the main site.
   These pages always use the light (white) palette. */
:root{
  --navy:#0A1F3D;--navy-2:#13305A;--green:#0C7A43;--green-ink:#086236;--gold:#E5B225;
  --bg:#FFFFFF;--bg-alt:#F3F6FA;--surface:#FFFFFF;--fg:#0E1A2B;--muted:#556377;--line:#DCE3EC;
  --on-dark:#FFFFFF;--on-dark-muted:#B9C6D8;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --body:"Barlow","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:10px;color-scheme:light;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--navy)}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.05;text-wrap:balance;margin:0;letter-spacing:.005em}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:6px;padding:14px 26px;border:2px solid transparent;cursor:pointer;transition:background .2s,transform .2s}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-ink);transform:translateY(-1px)}

/* Header (same as index.html) */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--navy);color:#fff;border-bottom:3px solid var(--green)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-name{font-family:var(--display);font-weight:800;font-size:1.65rem;letter-spacing:.04em;text-transform:uppercase}
.brand-name span{color:var(--gold)}
.brand-logo{display:block;flex:none;height:48px;width:auto;max-width:none}
@media (max-width:460px){.brand{flex:none}.brand-logo{height:28px}}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;font-weight:600;font-size:.98rem;color:var(--on-dark-muted)}
.nav ul a:hover,.nav ul a[aria-current]{color:#fff}
.nav .btn{padding:10px 18px;font-size:1rem}
@media (max-width:900px){.nav ul{display:none}}
@media (max-width:460px){.nav .btn{padding:9px 12px;font-size:.92rem}.brand-name{font-size:1.4rem}}

/* Page title band */
.page-head{background:var(--bg-alt);border-bottom:1px solid var(--line);padding-block:clamp(36px,6vw,64px)}
.eyebrow{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;color:var(--green)}
.page-head h1{font-size:clamp(2.4rem,6vw,3.8rem);text-transform:uppercase;font-weight:800;margin-top:8px}
.page-head .lede{color:var(--muted);font-size:1.12rem;max-width:62ch;margin:14px 0 0}
.updated{color:var(--muted);font-size:.95rem;margin:12px 0 0}

/* Draft notice */
.draft{display:flex;gap:12px;align-items:flex-start;background:#FFF7DD;border:2px solid var(--gold);border-radius:var(--r);padding:14px 18px;margin:0 0 22px;font-weight:600;color:#4A3A05;max-width:72ch}
.draft svg{flex:none;margin-top:3px}

/* Long-form text */
.doc{padding-block:clamp(36px,6vw,64px) clamp(56px,8vw,96px)}
.doc-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.toc{position:sticky;top:96px;font-size:.95rem;border-left:3px solid var(--green);padding-left:16px}
.toc p{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
.toc ol{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted)}
.toc a{text-decoration:none}.toc a:hover{color:var(--green);text-decoration:underline}
@media (max-width:900px){.doc-grid{grid-template-columns:minmax(0,1fr);gap:28px}.toc{position:static}}
.prose{max-width:72ch}
.prose h2{font-size:clamp(1.6rem,3.4vw,2.1rem);text-transform:uppercase;margin:44px 0 12px;scroll-margin-top:96px;padding-top:4px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em;margin:26px 0 8px}
.prose p,.prose ul,.prose ol{margin:0 0 14px}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin-bottom:6px}
.prose a{color:var(--green-ink);font-weight:600;text-underline-offset:2px}
.prose strong{font-weight:600}
.table-wrap{overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:var(--r)}
.prose table{border-collapse:collapse;width:100%;min-width:520px;font-size:.96rem}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.prose tr:last-child td{border-bottom:0}
.prose th{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;background:var(--navy);color:#fff}
.callout{background:var(--bg-alt);border-left:4px solid var(--green);border-radius:0 var(--r) var(--r) 0;padding:16px 18px;margin:0 0 16px}
.callout.urgent{border-left-color:#B42318;background:#FDF0EF}
.callout p:last-child{margin-bottom:0}
.prose details{border-bottom:1px solid var(--line);padding:12px 0}
.prose summary{cursor:pointer;font-weight:600}
.prose details p{margin:10px 0 0}

/* Footer (same as index.html, with a Help column) */
footer{background:var(--navy);color:var(--on-dark-muted);font-size:.95rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-block:56px 30px}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot{grid-template-columns:1fr}}
.foot h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:#fff;font-size:1.1rem;margin:0 0 12px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.foot a{text-decoration:none}.foot a:hover{color:#fff}
.foot p{margin:0}
.legal{border-top:1px solid rgba(255,255,255,.12);padding-block:22px;font-size:.86rem;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}