/* 2026 Youth Leadership Conference — page-specific styles.
   Everything else is inherited from the Live2Lead stylesheet, so the two
   pages stay visually in step without duplicating 40KB of CSS. */

.youth-hero{position:relative;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-d) 60%,var(--blue-dd) 100%);color:#fff;padding:84px 0 72px;overflow:hidden}
.youth-hero::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='416' viewBox='0 0 240 416'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M120 0l104 60v120l-104 60L16 180V60z'/%3E%3Cpath d='M0 208l104 60v120L0 448M240 208l-104 60v120l104 60'/%3E%3C/g%3E%3C/svg%3E");
  background-size:240px 416px}
.youth-hero .wrap{position:relative}

.youth-hero-kicker{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.youth-hero-title{margin:0;font-size:clamp(34px,6vw,68px);font-weight:900;line-height:1.02;text-transform:uppercase;color:#fff}
.youth-hero-title span{color:var(--ink);background:#fff;padding:0 .14em}
.youth-hero-sub{margin:20px 0 0;max-width:640px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.95)}

.youth-hero-facts{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;max-width:900px}
.youth-hero-facts li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius);padding:16px 18px}
.youth-hero-facts b{display:block;font-size:16px;color:#fff}
.youth-hero-facts span{font-size:14px;color:rgba(255,255,255,.85)}

.youth-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

.youth-audience-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.youth-audience-grid li{background:var(--blue-t);color:var(--blue-dd);font-weight:600;padding:16px 18px;border-radius:var(--radius);font-size:15px}
.youth-audience-grid li:nth-child(even){background:var(--red-t);color:var(--red-d)}

.youth-page .pkg-note{margin:4px 0 0;font-size:12px;font-weight:700;color:var(--red-d)}
.host-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

.site-footer{background:var(--dark);color:#cfd4da;padding:40px 0;text-align:center}
.site-footer p{margin:0 0 8px;font-size:14px}
.site-footer a{color:#fff}
.foot-brand img{height:34px;width:auto;margin-bottom:10px}
.foot-small{color:#9aa1a9;font-size:13px}

@media (max-width:640px){
  .youth-hero{padding:60px 0 50px}
  .youth-hero-facts{grid-template-columns:1fr 1fr}
}