/* ===== RESOURCES PAGE — CLOUDY LIGHT THEME ===== */
/* Scoped to body.page-resources; footer intentionally excluded so it stays dark like the rest of the site */

body.page-resources{
  --navy-deep:#eaf3fc;
  --navy:#dfeaf8;
  --navy-panel:#ffffff;
  --line: rgba(20,45,90,0.12);
  --line-strong: rgba(20,45,90,0.24);
  --ink:#0d1b3d;
  --ink-dim:#2c4166;
  --ink-faint:#5c7099;
  background:var(--navy-deep);
}

/* header becomes a light frosted bar on this page only */
body.page-resources header{
  background:linear-gradient(to bottom, rgba(234,243,252,0.92), rgba(234,243,252,0));
  backdrop-filter:blur(10px);
}
body.page-resources .logo-badge img{ filter:drop-shadow(0 0 6px rgba(47,95,163,0.35)); }
body.page-resources .nav-cta,
body.page-resources .btn-primary{ color:#0d1b3d; }

/* hide the dark rain animation on this page; clouds replace it */
body.page-resources .rain,
body.page-resources .rain-veil{ display:none; }

/* footer stays on-brand dark regardless of the page theme above */
body.page-resources footer{
  --navy-deep:#050b1c;
  --navy:#0a1530;
  --line: rgba(172,201,240,0.10);
  --line-strong: rgba(172,201,240,0.22);
  --ink:#eef3fb;
  --ink-dim:#98a9c9;
  --ink-faint:#54628a;
  background:var(--navy-deep);
}

/* drifting cloud decoration */
.cloud-decor{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.cloud-shape{
  position:absolute; border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(255,255,255,0.95), rgba(255,255,255,0) 72%);
  filter:blur(4px);
  animation: cloud-drift 70s linear infinite;
}
.cloud-1{ width:520px; height:220px; top:8%; left:-15%; animation-duration:90s; }
.cloud-2{ width:400px; height:180px; top:32%; right:-12%; animation-duration:75s; animation-direction:reverse; opacity:0.85; }
.cloud-3{ width:600px; height:260px; top:58%; left:-18%; animation-duration:110s; opacity:0.7; }
.cloud-4{ width:340px; height:150px; top:80%; right:-10%; animation-duration:65s; animation-direction:reverse; opacity:0.9; }
@keyframes cloud-drift{
  from{ transform:translateX(0); }
  to{ transform:translateX(140vw); }
}

/* hero */
.cloud-hero{ padding:170px 0 50px; text-align:center; position:relative; z-index:2; }
.cloud-hero .eyebrow{ justify-content:center; color:var(--sky-4); }
.cloud-hero .eyebrow::before{ background:var(--sky-4); }
.cloud-hero h1{ font-size:clamp(2.3rem,4.8vw,3.6rem); margin:18px auto 20px; color:var(--ink); max-width:760px; }
.cloud-hero p.lede{ color:var(--ink-dim); max-width:600px; margin:0 auto; }

/* resource cards */
.resource-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; position:relative; z-index:2; }
.resource-card{
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,0.75);
  border-radius:22px;
  padding:38px;
  box-shadow:0 25px 60px rgba(30,70,130,0.10);
  transition:transform .35s ease, box-shadow .35s ease;
}
.resource-card:hover{ transform:translateY(-4px); box-shadow:0 32px 70px rgba(30,70,130,0.14); }
.resource-card .res-icon{
  width:46px; height:46px; border-radius:50%;
  background:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.9);
  display:flex; align-items:center; justify-content:center; margin-bottom:22px;
  box-shadow:0 8px 20px rgba(30,70,130,0.10);
}
.resource-card .res-icon svg{ width:20px; height:20px; stroke:var(--sky-4); }
.resource-card h3{ color:var(--ink); font-size:1.3rem; margin-bottom:12px; font-weight:600; }
.resource-card p{ color:var(--ink-dim); font-size:0.95rem; margin-bottom:16px; }
.resource-card ul{ list-style:none; }
.resource-card ul li{
  color:var(--ink-dim); font-size:0.9rem; padding:10px 0;
  border-top:1px solid rgba(20,45,90,0.10);
  display:flex; gap:10px; align-items:flex-start;
}
.resource-card ul li:last-child{ border-bottom:1px solid rgba(20,45,90,0.10); }
.resource-card ul li svg{ width:15px; height:15px; stroke:var(--sky-4); margin-top:2px; flex-shrink:0; }

/* glossary */
.glossary-panel{
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,0.75);
  border-radius:26px; padding:50px;
  position:relative; z-index:2;
}
.glossary-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px 48px; }
.glossary-item dt{ color:var(--ink); font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:0.98rem; margin-bottom:6px; }
.glossary-item dd{ color:var(--ink-dim); font-size:0.9rem; line-height:1.6; }

.cloud-cta{ text-align:center; position:relative; z-index:2; }
.cloud-cta p{ color:var(--ink-dim); }

@media (max-width:980px){
  .resource-grid{ grid-template-columns:1fr; }
  .glossary-grid{ grid-template-columns:1fr; }
  .cloud-hero{ padding:150px 0 40px; }
  .cloud-1, .cloud-2, .cloud-3, .cloud-4{ opacity:0.5; }
}