/* Shared styles for Foyla legal pages */
:root{
  --paper:#F7F2EB; --paper-2:#EFE7DB; --ink:#0A0F1C; --ink-soft:#4A5468;
  --line:#E4DACB; --ocean:#0B2545; --ocean-2:#13346B; --lift:#2EE5C5;
  --card:#FDFAF4; --ink-invert:#FCF8F1;
  --f-display:'Instrument Serif','Times New Roman',serif;
  --f-body:'Inter',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:32px; --r-pill:999px;
  --ease:cubic-bezier(.22,.8,.2,1);
  --w:860px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--f-body); color:var(--ink); background:var(--paper);
  line-height:1.6; font-size:1rem; -webkit-font-smoothing:antialiased;
}
a{color:var(--ocean)}
a:hover{text-decoration:underline}
.wrap{max-width:var(--w); margin:0 auto; padding:0 1.25rem}

/* Nav */
.nav{position:sticky; top:0; z-index:20; background:color-mix(in oklab, var(--paper) 85%, transparent); backdrop-filter:saturate(1.2) blur(8px); border-bottom:1px solid var(--line)}
.nav-inner{max-width:1280px; margin:0 auto; padding:1rem 1.25rem; display:flex; align-items:center; justify-content:space-between}
.brand{display:flex; align-items:center; gap:.6rem; color:var(--ink); text-decoration:none}
.brand-mark{width:28px; height:28px; display:block}
.brand-word{font-family:var(--f-display); font-size:1.35rem; line-height:1; letter-spacing:-.01em}
.nav-back{font-size:.95rem; color:var(--ink-soft); text-decoration:none}
.nav-back:hover{color:var(--ocean); text-decoration:underline}

/* Content */
main{padding:4rem 0 5rem}
.eyebrow{font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft); display:block}
h1{font-family:var(--f-display); font-weight:400; font-size:clamp(2.25rem, 3vw + 1rem, 3.25rem); line-height:1.08; letter-spacing:-.01em; margin:.75rem 0 0}
h1 em{font-style:italic; color:var(--ocean)}
.updated{color:var(--ink-soft); font-size:.9rem; margin-top:1rem}
.disclaimer{
  margin-top:2rem; padding:1rem 1.25rem;
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-md);
  font-size:.9rem; color:var(--ink-soft);
}
h2{font-family:var(--f-display); font-weight:400; font-size:1.65rem; line-height:1.2; margin:3rem 0 .6rem; color:var(--ink)}
h3{font-family:var(--f-body); font-weight:600; font-size:1.05rem; margin:1.8rem 0 .4rem; color:var(--ink)}
p{margin:0 0 1rem; color:var(--ink)}
ul, ol{margin:0 0 1rem; padding-left:1.25rem; color:var(--ink)}
li{margin:.25rem 0}
hr{border:0; border-top:1px solid var(--line); margin:3rem 0}

/* Footer */
.foot{border-top:1px solid var(--line); padding:2rem 0; color:var(--ink-soft); font-size:.9rem}
.foot-inner{max-width:1280px; margin:0 auto; padding:0 1.25rem; display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:center}
.foot a{color:var(--ink-soft); text-decoration:none}
.foot a:hover{color:var(--ocean); text-decoration:underline}
.foot-links{display:flex; gap:1.25rem; flex-wrap:wrap}