/* Shared styles for OpsRanger legal pages - matches the main landing page */
:root{
  --paper:#FFFFFF; --cream:#FFFFFF; --card:#F8F5F1;
  --ink:#161412; --sub:#6F6B64; --sub-2:#9A928A;
  --line:#EBE6DF; --border:#EBE6DF; --border-2:#F1ECE4;
  --mint-0:#FBF3EC; --mint-1:#F5E4D3; --mint-2:#EAD0B0;
  --brand:#B5652E; --teal:#B5652E; --brand-2:#7A4220; --green:#7A4220;
  --sans:'Schibsted Grotesk',-apple-system,"Segoe UI",Roboto,sans-serif;
  --font:var(--sans);
  --font-logo:'Plus Jakarta Sans',-apple-system,"Segoe UI",Roboto,sans-serif;
  --s1:clamp(38px,6.4vw,74px); --s2:clamp(28px,3.9vw,46px);
  --s3:19px; --s3b:17px; --s4:15.5px; --s4b:13.5px; --s5:12.5px; --s6:11px; --s7:10.5px;
}
*{box-sizing:border-box;}
html,body{margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans); background:var(--paper); color:var(--ink);
  font-size:var(--s4); line-height:1.6; -webkit-font-smoothing:antialiased;}
/* warm hero-style glow, matches the landing page background */
body::before{content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(1100px 520px at 50% -80px, var(--mint-1) 0%, rgba(245,228,211,0) 62%);}
a{color:var(--brand-2);}

.topbar{position:sticky; top:0; z-index:20; background:rgba(255,255,255,.72);
  backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--line);}
.topbar .row{max-width:820px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.brand-link{display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink);}
.brand-link .wm{font-family:var(--font-logo); font-weight:700; font-size:var(--s3); letter-spacing:-.01em;}
.topbar a.back{font-size:var(--s4b); font-weight:600; color:var(--sub); text-decoration:none;}
.topbar a.back:hover{color:var(--ink);}

.legal{max-width:760px; margin:0 auto; padding:52px 24px 8px;}
.legal h1{font-size:clamp(30px,4.4vw,44px); font-weight:700; letter-spacing:-.02em; margin:0 0 8px; line-height:1.1;}
.updated{color:var(--sub-2); font-size:var(--s4b); margin:0 0 8px;}
.intro{color:var(--sub); font-size:var(--s3b); line-height:1.55; margin:14px 0 8px;}
.legal h2{font-size:var(--s3); font-weight:700; letter-spacing:-.01em; margin:34px 0 8px;}
.legal p{color:var(--sub); font-size:var(--s4); margin:0 0 12px;}
.legal ul{color:var(--sub); font-size:var(--s4); margin:0 0 12px; padding-left:20px;}
.legal li{margin-bottom:7px;}
.legal strong{color:var(--ink); font-weight:600;}

.site-footer{border-top:1px solid var(--line); background:var(--card); margin-top:44px;}
.site-footer .fwrap{max-width:1120px; margin:0 auto; padding:44px 24px 20px;}
.foot-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:32px;}
.foot-brand .foot-logo{display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink);}
.foot-brand .foot-logo span{font-family:var(--font-logo); font-weight:700; font-size:var(--s3); letter-spacing:-.01em;}
.foot-brand p{color:var(--sub); font-size:var(--s4b); line-height:1.5; margin:12px 0 0; max-width:34ch;}
.foot-col h4{font-size:var(--s6); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--sub-2); margin:2px 0 14px;}
.foot-col a{display:block; font-size:var(--s4b); color:var(--sub); text-decoration:none; margin-bottom:10px;}
.foot-col a:hover{color:var(--brand-2);}
.foot-bottom{max-width:1120px; margin:0 auto; padding:16px 24px 26px; border-top:1px solid var(--border-2);
  display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:var(--s5); color:var(--sub-2);}
.foot-bottom a{color:var(--sub); text-decoration:none;}
.foot-bottom a:hover{color:var(--brand-2);}
@media(max-width:760px){
  .foot-grid{grid-template-columns:1fr 1fr; gap:26px 20px;}
  .foot-brand{grid-column:1 / -1;}
}