/* Children's Union / CCVAC — site styling
   Brand: Raleway type, indigo #341b96, red #f13b37 */
:root{
  --indigo:#341b96; --indigo-deep:#241066; --red:#f13b37;
  --ink:#2b2b2b; --muted:#6b6b72; --line:#e7e7ee;
  --bg:#ffffff; --bg-soft:#f6f6fa;
  --wrap:880px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; font-family:'Raleway',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.65; font-size:18px;
  display:flex; flex-direction:column; min-height:100vh;
}
main{flex:1 0 auto}
a{color:var(--indigo); text-decoration:none}
a:hover{color:var(--red); text-decoration:underline}
img{max-width:100%; height:auto}
.cu-wrap{max-width:var(--wrap); margin:0 auto; padding:0 24px}

/* ---- header ---- */
.cu-header{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--line);
  box-shadow:0 1px 8px rgba(20,10,60,.06)}
.cu-bar{max-width:1180px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; gap:20px}
.cu-logo{display:inline-flex; align-items:center}
.cu-logo img{height:52px; width:auto}
.cu-nav{margin-left:auto}
.cu-nav ul{list-style:none; display:flex; gap:6px; margin:0; padding:0; flex-wrap:wrap}
.cu-nav a{display:block; padding:8px 12px; color:var(--indigo); font-weight:600; font-size:15px;
  letter-spacing:.01em; border-radius:6px; text-decoration:none}
.cu-nav a:hover{background:var(--bg-soft); color:var(--red)}
.cu-nav li.active a{color:var(--red)}
.cu-nav li.active a::after{content:""; display:block; height:2px; background:var(--red); margin-top:4px; border-radius:2px}
.cu-menu-toggle,.cu-burger{display:none}

/* ---- hero ---- */
.cu-hero{background:linear-gradient(135deg,var(--indigo) 0%,var(--indigo-deep) 100%); color:#fff; padding:46px 0}
.cu-hero h1{margin:0; font-size:38px; font-weight:800; line-height:1.15; letter-spacing:-.01em}

/* ---- body / content ---- */
.cu-body{padding:42px 0 56px}
.cu-content{font-size:18px}
.cu-content h1,.cu-content h2,.cu-content h3,.cu-content h4{
  font-weight:800; line-height:1.2; color:#1c1340; margin:1.6em 0 .5em}
.cu-content h1{font-size:30px} .cu-content h2{font-size:25px}
.cu-content h3{font-size:21px} .cu-content h4{font-size:18px}
.cu-content > *:first-child{margin-top:0}
.cu-content p{margin:0 0 1.1em}
.cu-content ul,.cu-content ol{margin:0 0 1.1em; padding-left:1.3em}
.cu-content li{margin:.3em 0}
.cu-content img{border-radius:8px; margin:.6em 0}
.cu-content figure{margin:1.2em 0}
.cu-content figcaption{font-size:14px; color:var(--muted); margin-top:.4em}
.cu-content blockquote{margin:1.2em 0; padding:.4em 0 .4em 1.1em; border-left:4px solid var(--red);
  color:#3a3358; font-style:italic}
.cu-content hr{border:0; border-top:1px solid var(--line); margin:1.8em 0}
.cu-content a{text-decoration:underline; text-underline-offset:2px}
.cu-content strong{color:#1c1340}
.cu-lead{font-size:20px; color:var(--muted); margin-bottom:1.4em}
.cu-meta{color:var(--muted); font-size:15px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-bottom:1.4em}
.cu-back a{font-weight:600}

/* ---- responsive video ---- */
.video-embed{position:relative; width:100%; padding-bottom:56.25%; height:0; margin:1.4em 0;
  background:#000; border-radius:10px; overflow:hidden; box-shadow:0 6px 24px rgba(20,10,60,.18)}
.video-embed iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.wp-block-embed__wrapper{margin:0}

/* ---- news index ---- */
.news-list{list-style:none; margin:0; padding:0}
.news-list li{display:flex; justify-content:space-between; align-items:baseline; gap:18px;
  padding:16px 0; border-bottom:1px solid var(--line)}
.news-list li a{font-weight:700; font-size:19px; color:#1c1340; text-decoration:none}
.news-list li a:hover{color:var(--red)}
.news-list .date{color:var(--muted); font-size:14px; white-space:nowrap; font-weight:600}

/* ---- footer ---- */
.cu-footer{flex-shrink:0; background:var(--indigo-deep); color:#dcd6f5; margin-top:40px}
.cu-footer-inner{max-width:1180px; margin:0 auto; padding:42px 24px; display:flex;
  flex-wrap:wrap; gap:36px; justify-content:space-between}
.cu-footer-brand img{height:54px; width:auto; margin-bottom:10px}
.cu-foot-tag{color:var(--red); font-weight:700; font-size:17px; margin:0}
.cu-footer-links h3{margin:0 0 12px; color:#fff; font-size:15px; text-transform:uppercase; letter-spacing:.05em}
.cu-footer-links a{display:block; color:#dcd6f5; padding:4px 0; text-decoration:none}
.cu-footer-links a:hover{color:#fff}
.cu-copy{background:rgba(0,0,0,.25)}
.cu-copy p{max-width:1180px; margin:0 auto; padding:14px 24px; font-size:13px; color:#a79fd6; text-align:center}

/* ---- mobile ---- */
@media (max-width:820px){
  body{font-size:17px}
  .cu-hero h1{font-size:29px}
  .cu-burger{display:flex; flex-direction:column; gap:5px; margin-left:auto; cursor:pointer; padding:6px}
  .cu-burger span{width:26px; height:3px; background:var(--indigo); border-radius:2px}
  .cu-nav{flex-basis:100%; margin-left:0; max-height:0; overflow:hidden; transition:max-height .25s ease}
  .cu-nav ul{flex-direction:column; gap:0; padding-top:8px}
  .cu-nav a{padding:11px 6px; border-bottom:1px solid var(--line)}
  .cu-menu-toggle:checked ~ .cu-nav{max-height:520px}
  .news-list li{flex-direction:column; gap:4px}
}