/* Victim's Voice Advocacy — Brand CSS */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
  line-height:1.65;
  color:#0f172a;
  background:#f7f9fc;
}
a{color:#0ea5e9;text-decoration:none}
a:hover{text-decoration:underline}
header, footer{
  background:#ffffff;
  border-bottom:1px solid #e5edf8;
}
footer{border-top:1px solid #e5edf8;border-bottom:none}
header{
  position:sticky; top:0; z-index:10;
  backdrop-filter: blur(8px);
}
header img{display:block; height:56px; margin:10px auto}
body > *:not(header):not(footer){ padding: clamp(1.25rem, 2vw, 2rem); }
h1{font-size:clamp(2rem, 4vw, 2.8rem); color:#0b3d6d; font-weight:900; margin:.2rem 0 0.6rem}
h2{font-size:clamp(1.5rem, 3vw, 2rem); color:#0b3d6d; font-weight:900; margin:1rem 0 .5rem}
h3{font-size:1.15rem; color:#0b3d6d; font-weight:800; margin:.75rem 0 .35rem}
p{margin:.45rem 0; color:#0f172a}
small,.small{font-size:.92rem; color:#475569}
.btn{
  display:inline-block; padding:.7rem 1rem; border-radius:.7rem;
  background:#0b3d6d; color:#fff; font-weight:800;
  box-shadow:0 10px 24px rgba(11,61,109,.18);
}
.btn:hover{filter:brightness(1.05)}
.btn.ghost{background:transparent; border:2px solid #0b3d6d; color:#0b3d6d}
.card{
  background:#fff; border:1px solid #e5edf8; border-radius:1rem; padding:1rem;
  box-shadow:0 10px 26px rgba(2,6,23,.06);
}
ul{margin:.4rem 0 .8rem 1.25rem}
li{margin:.25rem 0}
footer p{text-align:center; color:#475569; padding:1rem 0;}
img{max-width:100%; height:auto}
@media (max-width:480px){
  header img{height:48px}
}