/* WIQ Youth Development visual treatment */
.cq-youth-section{
  position:relative; overflow:hidden;
  border:1px solid rgba(17,94,74,.16)!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(208,166,77,.16),transparent 24%),
    radial-gradient(circle at 8% 88%,rgba(17,112,88,.10),transparent 25%),
    linear-gradient(145deg,#ffffff 0%,#f6fbf8 58%,#fbf7ec 100%)!important;
  box-shadow:0 18px 42px rgba(9,62,49,.09)!important;
}
.cq-youth-section::before{
  content:""; position:absolute; width:270px; height:270px; right:-105px; top:-110px;
  border:1px solid rgba(193,148,55,.17); border-radius:50%;
  box-shadow:0 0 0 30px rgba(193,148,55,.055),0 0 0 62px rgba(12,94,72,.035);
  pointer-events:none;
}
.cq-youth-section::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.055;
  background-image:linear-gradient(30deg,#0d624d 12%,transparent 12.5%,transparent 87%,#0d624d 87.5%,#0d624d),linear-gradient(150deg,#0d624d 12%,transparent 12.5%,transparent 87%,#0d624d 87.5%,#0d624d);
  background-size:34px 58px;
  mask-image:linear-gradient(90deg,transparent 40%,#000 100%);
}
.cq-youth-section > *{position:relative;z-index:1}
.cq-youth-section h2{margin-bottom:18px!important}
.cq-youth-section h2::before{content:"✦";display:inline-grid;place-items:center;width:38px;height:38px;margin-right:12px;border-radius:12px;background:linear-gradient(145deg,#0b5b48,#158269);color:#f6d784;font-size:16px;box-shadow:0 8px 20px rgba(11,91,72,.18);vertical-align:middle}
.cq-youth-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:22px;align-items:center;margin:4px 0 22px;padding:22px;border-radius:18px;background:linear-gradient(125deg,#0a4d3d,#0d6b54);color:#fff;box-shadow:0 14px 30px rgba(8,69,54,.18);overflow:hidden;position:relative}
.cq-youth-hero::after{content:"";position:absolute;inset:auto -70px -105px auto;width:230px;height:230px;border:38px solid rgba(255,255,255,.045);border-radius:50%}
.cq-youth-hero-copy small{display:block;color:#e7c66e;font-weight:800;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.cq-youth-hero-copy strong{display:block;color:#fff;font:600 clamp(20px,2.2vw,29px)/1.2 Georgia,serif;margin-bottom:9px}
.cq-youth-hero-copy span{display:block;color:#dcece7;font-size:13px;line-height:1.7;max-width:620px}
.cq-youth-orbit{position:relative;width:176px;height:176px;margin:auto}
.cq-youth-orbit .cq-youth-core{position:absolute;inset:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f4d77c,#bd8d30);color:#0a4d3d;font-size:34px;box-shadow:0 0 0 8px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.18);z-index:3}
.cq-youth-orbit .cq-youth-ring{position:absolute;inset:14px;border:1px solid rgba(246,215,132,.48);border-radius:50%;animation:cqYouthSpin 14s linear infinite}
.cq-youth-orbit .cq-youth-ring::before,.cq-youth-orbit .cq-youth-ring::after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#f2cf6d;box-shadow:0 0 14px rgba(242,207,109,.6)}
.cq-youth-orbit .cq-youth-ring::before{left:4px;top:30px}.cq-youth-orbit .cq-youth-ring::after{right:10px;bottom:22px}
.cq-youth-orbit .cq-youth-ring.r2{inset:0;border-color:rgba(255,255,255,.20);animation-direction:reverse;animation-duration:20s}
.cq-youth-orbit .cq-youth-ring.r2::before{left:auto;right:18px;top:6px;background:#8fd9c3}.cq-youth-orbit .cq-youth-ring.r2::after{right:auto;left:14px;bottom:8px;background:#8fd9c3}
@keyframes cqYouthSpin{to{transform:rotate(360deg)}}
.cq-youth-lead{font-size:15px!important;line-height:1.85!important;color:#294f44!important}
.cq-youth-label{display:flex!important;align-items:center;gap:10px;margin:20px 0 13px!important;color:#0a5946!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.14em}
.cq-youth-label::before{content:"";width:30px;height:2px;background:#c3983f;border-radius:4px}
.cq-youth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.cq-youth-program{margin:0!important;min-height:94px;padding:16px 14px 14px!important;border:1px solid #dce8e3;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(8,59,47,.055);font-size:12px!important;font-weight:700;color:#19483b!important;line-height:1.45!important;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}
.cq-youth-program::before{content:attr(data-icon);font-size:23px;position:absolute;left:14px;top:13px;filter:saturate(.8)}
.cq-youth-program::after{content:"";position:absolute;right:-24px;top:-24px;width:60px;height:60px;border-radius:50%;background:rgba(195,151,61,.08);transition:transform .3s ease}
.cq-youth-program:hover{transform:translateY(-5px);border-color:#c8a04d;box-shadow:0 15px 28px rgba(8,59,47,.12);color:#0a604a!important}.cq-youth-program:hover::after{transform:scale(1.45)}
.cq-youth-objective{margin-top:6px!important;padding:17px 19px 17px 50px!important;border-radius:14px;background:linear-gradient(90deg,rgba(215,238,229,.88),rgba(250,245,230,.88));border-left:4px solid #c3983f;color:#234b40!important;position:relative}
.cq-youth-objective::before{content:"↗";position:absolute;left:17px;top:16px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#0c624d;color:#fff;font-size:12px}
.cq-youth-section.cq-youth-visible .cq-youth-program{animation:cqYouthRise .52s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--youth-i,0) * 65ms)}
@keyframes cqYouthRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* Pan-African compact Youth card */
.card.cq-youth-card{position:relative;overflow:hidden;border:1px solid rgba(195,151,61,.35)!important;background:linear-gradient(135deg,#0a5543,#0c745a)!important;color:#fff!important;box-shadow:0 12px 25px rgba(8,65,50,.16)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.card.cq-youth-card::after{content:"YOUTH";position:absolute;right:-7px;bottom:-10px;font:800 30px/1 Arial,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.07)}
.card.cq-youth-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 19px 34px rgba(8,65,50,.23)!important}
@media(max-width:900px){.cq-youth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-youth-hero{grid-template-columns:1fr}.cq-youth-orbit{width:150px;height:150px}.cq-youth-orbit .cq-youth-core{inset:40px}}
@media(max-width:520px){.cq-youth-grid{grid-template-columns:1fr 1fr;gap:9px}.cq-youth-program{min-height:90px;padding:14px 11px 12px!important}.cq-youth-hero{padding:18px}.cq-youth-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.cq-youth-orbit .cq-youth-ring,.cq-youth-section.cq-youth-visible .cq-youth-program{animation:none}.cq-youth-program{transition:none}}