/* ============================================================
   Gettwork — Legal pages (Terms / Privacy / Accessibility)
   Inherits the main site's design tokens (Liebling, orange, navy)
   ============================================================ */

@font-face{font-family:'Liebling';font-style:normal;font-weight:100;src:url('public/fonts/fonnts.com-Liebling_Thin.otf') format('opentype');font-display:swap}
@font-face{font-family:'Liebling';font-style:normal;font-weight:300;src:url('public/fonts/fonnts.com-Liebling_Light.otf') format('opentype');font-display:swap}
@font-face{font-family:'Liebling';font-style:normal;font-weight:400;src:url('public/fonts/fonnts.com-Liebling_Regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'Liebling';font-style:normal;font-weight:500;src:url('public/fonts/fonnts.com-Liebling_Medium.otf') format('opentype');font-display:swap}
@font-face{font-family:'Liebling';font-style:normal;font-weight:700;src:url('public/fonts/fonnts.com-Liebling_Bold.otf') format('opentype');font-display:swap}
@font-face{font-family:'Liebling';font-style:normal;font-weight:800;src:url('public/fonts/fonnts.com-Liebling_Heavy.otf') format('opentype');font-display:swap}
@font-face{font-family:'Liebling';font-style:normal;font-weight:900;src:url('public/fonts/fonnts.com-Liebling_Black.otf') format('opentype');font-display:swap}

:root{
  --ink:#1B2434;
  --ink-soft:#2A3447;
  --paper:#FFFFFF;
  --canvas:#F4F6F8;
  --line:#E8EAEE;
  --muted:#6B7280;
  --dim:#4B5563;
  --accent:#FF6B1A;
  --accent-bright:#FF8A3D;
  --accent-ink:#FFFFFF;
  --accent-dark:#E85A0E;
  --accent-soft:#FFF1E6;
  --wa:#25D366;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:'Liebling',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:#fff;
  font-size:16px;line-height:1.7;font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}

.container{max-width:920px;margin:0 auto;padding:0 28px}

/* Nav */
.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:1180px;margin:0 auto;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;
  height:84px;gap:24px;
}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:26px;letter-spacing:-.9px;color:var(--ink);line-height:1}
.brand-logo-icon{display:inline-flex;flex-shrink:0}
.brand-logo-icon svg{display:block}
.brand-logo-word{line-height:1;letter-spacing:-1px}
.nav-back{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14.5px;font-weight:600;color:var(--ink);
  padding:8px 16px;border-radius:999px;
  border:1px solid var(--line);
  transition:background .15s, border-color .15s;
}
.nav-back:hover{background:var(--canvas);border-color:#CBD0D9}
.nav-back svg{flex-shrink:0}

/* Legal article */
.legal-page{padding:64px 0 120px}
.legal-head{
  text-align:right;margin-bottom:48px;
  padding-bottom:32px;border-bottom:1px solid var(--line);
}
.legal-kicker{
  display:inline-block;font-size:13px;font-weight:800;
  letter-spacing:2px;text-transform:uppercase;
  color:var(--accent-dark);margin-bottom:14px;
}
.legal-page h1{
  font-size:clamp(32px,4.5vw,52px);
  font-weight:700;letter-spacing:-.8px;line-height:1.08;
  margin:0 0 14px;color:var(--ink);
}
.legal-meta{
  font-size:14px;color:var(--muted);
  display:flex;flex-wrap:wrap;gap:18px;
}
.legal-meta b{color:var(--ink);font-weight:600}

.legal-content h2{
  font-size:24px;font-weight:700;letter-spacing:-.4px;line-height:1.25;
  margin:40px 0 14px;color:var(--ink);
  scroll-margin-top:100px;
}
.legal-content h3{
  font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:1.3;
  margin:28px 0 10px;color:var(--ink);
}
.legal-content p{margin:0 0 14px;color:var(--dim);font-size:15.5px;line-height:1.75}
.legal-content ul,.legal-content ol{
  margin:0 0 18px;padding-inline-start:24px;color:var(--dim);font-size:15.5px;line-height:1.75;
}
.legal-content li{margin-bottom:8px}
.legal-content strong{color:var(--ink);font-weight:700}
.legal-content a{
  color:var(--accent-dark);font-weight:600;
  border-bottom:1px solid rgba(232,90,14,.3);
  transition:border-color .15s;
}
.legal-content a:hover{border-bottom-color:var(--accent-dark)}
.legal-content hr{
  border:0;border-top:1px solid var(--line);
  margin:36px 0;
}
.legal-content .lede{
  font-size:17px;color:var(--ink);font-weight:500;
  line-height:1.65;margin-bottom:22px;
}
.legal-content .callout{
  background:var(--accent-soft);
  border-inline-start:3px solid var(--accent);
  padding:16px 20px;border-radius:8px;
  margin:18px 0;font-size:14.5px;line-height:1.6;color:var(--ink);
}
.legal-content .callout strong{color:var(--ink)}

/* Table of contents */
.legal-toc{
  background:var(--canvas);
  border-radius:14px;padding:20px 24px;
  margin-bottom:40px;
}
.legal-toc-title{
  font-size:13px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--muted);margin-bottom:10px;
}
.legal-toc ol{
  margin:0;padding-inline-start:20px;
  color:var(--dim);font-size:14.5px;
  columns:2;column-gap:32px;
}
.legal-toc li{margin-bottom:6px;break-inside:avoid}
.legal-toc a{
  color:var(--ink);font-weight:500;
  border-bottom:1px dashed transparent;
}
.legal-toc a:hover{border-bottom-color:var(--accent)}

/* Definitions table */
.defs-list{
  border-top:1px solid var(--line);
  margin:18px 0;
}
.defs-list dt{
  font-weight:700;color:var(--ink);
  font-size:15px;margin-top:14px;
}
.defs-list dd{
  margin:4px 0 0;padding:0;
  color:var(--dim);font-size:15px;line-height:1.65;
  padding-bottom:14px;border-bottom:1px solid var(--line);
}

/* Footer */
.footer{
  background:var(--ink);color:#9AA2B0;
  padding:48px 0 32px;
  font-size:13.5px;text-align:center;
}
.footer .container{max-width:920px}
.footer-links{
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;
  margin-bottom:18px;
}
.footer-links a{
  color:#9AA2B0;font-weight:500;font-size:14px;
  transition:color .15s;
}
.footer-links a:hover{color:#fff}
.footer-links a.is-active{color:#fff;font-weight:700}
.footer-copy{font-size:13px;color:#6F7785}

/* Responsive */
@media (max-width:768px){
  .container{padding:0 22px}
  .nav-inner{height:64px;padding:0 16px}
  .logo{font-size:21px;gap:8px}
  .brand-logo-icon svg{width:26px;height:26px}
  .nav-back{padding:7px 12px;font-size:13px}
  .nav-back span{display:none}
  .legal-page{padding:36px 0 80px}
  .legal-head{margin-bottom:32px;padding-bottom:24px}
  .legal-page h1{letter-spacing:-.5px}
  .legal-meta{gap:12px;font-size:13px}
  .legal-content h2{font-size:21px;margin:32px 0 12px}
  .legal-content h3{font-size:17px;margin:22px 0 8px}
  .legal-content p,.legal-content ul,.legal-content ol{font-size:15px;line-height:1.7}
  .legal-toc ol{columns:1}
  .legal-toc{padding:16px 18px}
  .footer{padding:36px 0 28px}
  .footer-links{gap:6px 16px;font-size:13px}
}