/* ---------- Self-hosted fonts (variable, SIL Open Font License) ---------- */
@font-face{
  font-family:'Sora';
  src:url('../fonts/Sora.woff2') format('woff2-variations'),
      url('../fonts/Sora.woff2') format('woff2');
  font-weight:100 800;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Manrope';
  src:url('../fonts/Manrope.woff2') format('woff2-variations'),
      url('../fonts/Manrope.woff2') format('woff2');
  font-weight:200 800;font-style:normal;font-display:swap;
}

:root{--ink:#0C1F33;--teal:#0F7C8C;--teal-deep:#0A5A66;--ice:#F2F8F9;--mist:#DCE9EC;--slate:#5E7488;--amber:#E8A13D}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Manrope',sans-serif;color:var(--ink);background:var(--ice);line-height:1.7;font-size:17px}
a{color:var(--teal)}
header{background:var(--ink);padding:.75rem 1.25rem}
.nav{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.brand svg{width:40px;height:40px}
.brand-img{height:44px;width:auto;display:block}
.brand-text{font-family:'Sora',sans-serif;color:var(--ice);line-height:1.1}
.brand-text b{display:block;font-size:1rem;letter-spacing:.18em;font-weight:800}
.brand-text span{display:block;font-size:.55rem;letter-spacing:.3em;color:#7FC6D0;font-weight:600;text-transform:uppercase}
.back{color:var(--ice);text-decoration:none;font-weight:700;font-size:.9rem}
.back:hover{color:#7FC6D0}
main{max-width:820px;margin:0 auto;padding:3.5rem 1.25rem 5rem}
.eyebrow{font-family:'Sora',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--teal)}
h1{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);margin:.5rem 0 .6rem}
.updated{color:var(--slate);font-size:.88rem;margin-bottom:2rem}
h2{font-family:'Sora',sans-serif;font-size:1.15rem;margin:2.2rem 0 .6rem;padding-left:.9rem;border-left:4px solid var(--amber)}
p,ul{margin-bottom:.9rem;color:#33475B}
ul{padding-left:1.3rem}
.rights{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}
@media(max-width:640px){.rights{grid-template-columns:1fr}}
.right{background:#fff;border:1px solid var(--mist);border-radius:14px;padding:1.2rem 1.2rem}
.right h3{font-family:'Sora',sans-serif;font-size:.95rem;color:var(--teal-deep);margin-bottom:.35rem}
.right p{font-size:.9rem;margin:0}
footer{background:var(--ink);color:#9FB4C4;text-align:center;padding:1.6rem;font-size:.85rem}
footer a{color:#7FC6D0}