/* Labour's Adda — shared styles for Privacy Policy & Terms pages */
:root{
  --green:#087F4F; --green-dark:#075B3B; --green-light:#E8F6EE;
  --yellow:#FFC928; --text:#172B24; --muted:#4A6358;
  --bg:#F7F9F7; --white:#FFFFFF; --line:#DDE8E1;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}
a{color:var(--green)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:6px}
.container{width:min(1160px,92%);margin-inline:auto}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green-dark)}
.brand svg{display:none!important}
.brand b{display:block;font-family:'Poppins',sans-serif;font-size:21px;font-weight:700;line-height:1.1}
.brand small{display:block;font-size:11.5px;color:var(--text);font-weight:500}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none}
.nav-links a{text-decoration:none;color:var(--text);font-weight:500;font-size:15px}
.nav-links a:hover{color:var(--green)}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:10px 20px;border-radius:10px;border:0;cursor:pointer}
.btn:hover{background:var(--green-dark)}
.menu-btn{display:none;background:var(--green-light);color:var(--green-dark);border:0;width:44px;height:44px;border-radius:10px;font-size:18px;cursor:pointer}
.nav-backdrop{display:none}

/* Page hero */
.page-hero{background:var(--green-dark);color:#fff;padding:52px 0 56px}
.crumbs{font-size:14px;color:#BFE3D0;margin-bottom:14px}
.crumbs a{color:#fff;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.page-hero h1{font-family:'Poppins',sans-serif;font-size:clamp(30px,4.6vw,44px);font-weight:700;line-height:1.15}
.page-hero h1::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--yellow);margin-top:14px}
.page-hero p{max-width:640px;margin-top:16px;color:#DDF1E6}
.updated{display:inline-block;margin-top:18px;background:rgba(255,255,255,.12);padding:6px 14px;border-radius:999px;font-size:13.5px}

/* Layout */
.legal{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;padding:44px 0 80px;align-items:start}
.toc{position:sticky;top:92px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px;max-height:calc(100vh - 112px);overflow:auto}
.toc h2{font-family:'Poppins',sans-serif;font-size:15px;color:var(--green-dark);padding:2px 10px 10px}
.toc a{display:block;padding:6px 10px;border-radius:8px;color:var(--muted);font-size:14px;line-height:1.4;text-decoration:none}
.toc a:hover{background:var(--bg)}
.toc a.active{background:var(--green-light);color:var(--green);font-weight:600}
.other-doc{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}

.doc{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:44px 48px}
.summary{background:var(--green-light);border-left:4px solid var(--green);border-radius:10px;padding:18px 22px;margin-bottom:12px}
.summary strong{font-family:'Poppins',sans-serif;color:var(--green-dark)}
.doc section{padding-top:34px}
.doc h2{font-family:'Poppins',sans-serif;font-size:23px;line-height:1.3;color:var(--green-dark);margin-bottom:12px}
.doc h3{font-family:'Poppins',sans-serif;font-size:16.5px;margin:18px 0 6px}
.doc p{margin-bottom:12px;max-width:74ch}
.doc ul{margin:0 0 14px 4px;padding-left:20px;max-width:74ch}
.doc li{margin-bottom:6px}
.doc li::marker{color:var(--green)}
.note{background:#FFF7DB;border-left:4px solid var(--yellow);border-radius:10px;padding:14px 18px;margin:14px 0;max-width:74ch}
.contact-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-top:10px;max-width:520px}
.contact-card p{margin:4px 0}

/* Footer */
.site-footer{background:var(--white);border-top:1px solid var(--line);padding:48px 0 24px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:28px}
.foot-grid h4{font-family:'Poppins',sans-serif;font-size:15px;color:var(--green-dark);margin-bottom:10px}
.foot-grid ul{list-style:none}
.foot-grid li{margin-bottom:6px}
.foot-grid a{color:var(--muted);text-decoration:none;font-size:14.5px}
.foot-grid a:hover{color:var(--green)}
.foot-about p{font-size:14.5px;color:var(--muted);margin:12px 0}
.social{display:flex;gap:10px}
.social a{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:15px}
.social a:hover{background:var(--green-dark);color:#fff}
.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}

/* Responsive */
@media (max-width:980px){
  .legal{grid-template-columns:1fr}
  .toc{position:static;max-height:260px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-about{grid-column:1/-1}
}
@media (max-width:1040px){
  .menu-btn{display:block}
  .nav-links{position:fixed;z-index:52;top:72px;right:0;bottom:0;width:min(340px,88vw);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px;background:#fff;color:var(--text);box-shadow:-12px 12px 24px rgba(0,0,0,.12);transform:translateX(105%);visibility:hidden;transition:transform .24s ease,visibility .24s}
  .nav-links.open{transform:translateX(0);visibility:visible}
  .nav-links li{width:100%}
  .nav-links a{display:block;padding:14px 8px;border-bottom:1px solid var(--line);color:var(--text)}
  .nav-links li:last-child a{display:inline-flex;padding:10px 16px;margin-top:14px;border:0}
  .menu-btn{position:relative;z-index:53}
  .nav-backdrop{display:block;position:fixed;z-index:51;inset:72px 0 0;border:0;background:rgba(23,43,36,.18);opacity:0;pointer-events:none;transition:opacity .24s ease}
  .nav-backdrop.open{opacity:1;pointer-events:auto}
}
@media (max-width:600px){
  .doc{padding:26px 20px;border-radius:14px}
  .doc h2{font-size:20px}
}
@media print{
  .site-header,.toc,.site-footer{display:none}
  .legal{display:block;padding:0}
  .doc{border:0;padding:0}
  .page-hero{background:none;color:#000;padding:0 0 16px}
  .page-hero p,.crumbs,.updated{color:#000}
}

/* ---- extra responsive rules ---- */
html{-webkit-text-size-adjust:100%}
img,svg{max-width:100%}
.nav{gap:clamp(10px,1.6vw,20px)}
.nav-links{gap:clamp(14px,1.8vw,26px)}
.brand{min-width:0}
.brand b{font-size:clamp(17px,2.4vw,21px)}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.doc,.contact-card{overflow-wrap:anywhere}
@media (min-width:1600px){.container{width:min(1280px,92%)}}
@media (min-width:600px) and (max-width:980px){
  .toc{columns:2;column-gap:18px;max-height:none}
  .toc h2,.toc .other-doc{column-span:all}
}
@media (max-width:600px){
  .page-hero{padding:36px 0 40px}
  .legal{padding:28px 0 56px;gap:24px}
  .doc section{padding-top:26px}
  .nav{height:64px}
  .nav-links{top:64px}
  .nav-backdrop{inset:64px 0 0}
  .site-header{box-shadow:0 1px 0 var(--line)}
}
@media (max-width:480px){
  .foot-grid{grid-template-columns:1fr}
  .copy{flex-direction:column}
}
@media (max-width:380px){.brand small{display:none}.brand svg{width:36px;height:36px}}
.nav-links a.btn,.nav-links a.btn:hover{color:#fff}