/* Shared styling for the legal pages. Kept in its own file rather than inlined
   in each document: the CSP allows 'self' stylesheets, and four pages sharing
   one sheet means one place to change when the branding moves. */
:root{
  --green-900:#000f36; --green-800:#00164e; --green-700:#002587; --green-600:#0044fd;
  --brass:#0044fd;
  --ivory:#f5f7fc; --stone-700:#343f58; --stone-500:#4a5675; --stone-300:#cbd4e6; --stone-200:#e2e8f4;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--stone-700);background:var(--ivory);line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2{font-family:'Space Grotesk',Georgia,serif;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--green-900)}
a{color:var(--green-700)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

header{position:sticky;top:0;z-index:50;background:rgba(246,244,238,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--stone-200)}
nav{display:flex;align-items:center;gap:12px;padding:14px 0;max-width:1080px;margin:0 auto;padding-left:24px;padding-right:24px}
.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk',serif;font-size:21px;font-weight:600;color:var(--green-900);text-decoration:none}
.brand svg{width:36px;height:36px;border-radius:9px;flex-shrink:0}
.brand-text{display:block;line-height:1}
.brand-name{display:block;letter-spacing:-.02em}
.brand-base{display:block;font-family:'Space Grotesk',sans-serif;font-size:8px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--stone-500);margin-top:4px;white-space:nowrap}
.back{margin-left:auto;font-size:14px;font-weight:600;text-decoration:none;color:var(--stone-500)}
.back:hover{color:var(--green-800)}

main{padding:56px 0 72px}
h1{font-size:clamp(30px,5vw,42px);margin-bottom:10px}
.updated{font-size:13px;color:var(--stone-500);margin-bottom:36px}
h2{font-size:19px;margin:34px 0 10px}
p{margin-bottom:14px}
ul{margin:0 0 14px 20px}
li{margin-bottom:7px}
strong{color:var(--green-900)}
.lead{font-size:17px;color:var(--stone-500);margin-bottom:28px}

/* Identity block on the legal-notice page */
.card{border:1px solid var(--stone-200);background:#fff;border-radius:14px;padding:20px 24px;margin-bottom:24px}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:14.5px}
.card dt{font-weight:600;color:var(--green-900)}
.card dd{color:var(--stone-700)}
@media(max-width:520px){.card dl{grid-template-columns:1fr;gap:2px 0}.card dd{margin-bottom:10px}}

footer{border-top:1px solid var(--stone-200);padding:26px 0;font-size:13px;color:var(--stone-500)}
.foot{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;max-width:1080px;margin:0 auto;padding:0 24px}
.foot-links{margin-left:auto;display:flex;flex-wrap:wrap;gap:18px}
.foot a{color:var(--stone-500);text-decoration:none}
.foot a:hover{color:var(--green-800)}