/* ==========================================================================
   STUDENT RESOURCES PAGE — page-specific styles
   Requires design-system.css to be loaded first
   ========================================================================== */

.awk-hero{ padding:80px 0; }
.awk-hero__inner{ display:flex; align-items:center; gap:48px; flex-wrap:wrap; }
.awk-hero__text{ flex:1; min-width:320px; }
.awk-hero h1{ font-size:44px; margin-bottom:20px; }
.awk-hero__desc{ max-width:460px; margin-bottom:28px; font-size:17px; }
.awk-hero__actions{ display:flex; gap:16px; flex-wrap:wrap; }
.awk-hero__image{ flex:1; min-width:320px; }
.awk-hero__image img{ border-radius:var(--awk-radius-lg); width:100%; height:340px; object-fit:cover; }

.awk-icon-card{ padding:32px 24px; text-align:center; }
.awk-icon-card h3{ font-size:18px; margin-bottom:8px; }
.awk-icon-card p{ font-size:14px; margin:0; }
.awk-icon-card--compact{ padding:0; background:none; box-shadow:none; }
.awk-icon-card--compact:hover{ transform:none; box-shadow:none; }
.awk-icon-card--compact .awk-icon-circle{ width:54px; height:54px; font-size:20px; }
.awk-icon-card--compact h3{ font-size:13px; margin-bottom:4px; }
.awk-icon-card--compact p{ font-size:11px; color:var(--awk-text-muted); }

/* Song of the Month / Menu of the Month split layout */
.awk-split{ display:grid; grid-template-columns:1fr 1fr; gap:48px; position:relative; }
.awk-split__divider{ position:absolute; left:50%; top:0; bottom:0; width:1px; background:var(--awk-border); }
.awk-split h3{ font-size:18px; margin-bottom:20px; }

/* Compact month cards (Song of the Month) */
.awk-month-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.awk-month-card{ padding:18px 12px; text-align:center; }
.awk-month-card .awk-icon-circle{ width:44px; height:44px; font-size:16px; margin-bottom:10px; }
.awk-month-card h3{ font-size:13px; margin-bottom:8px; }
.awk-month-card .awk-pill{ font-size:11px; padding:4px 12px; }

/* Download cards (Menu of the Month) */
.awk-download-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.awk-download-card{ padding:20px 16px; text-align:center; }
.awk-download-card__icon{
	width:44px; height:44px; border-radius:10px; color:#fff; font-weight:700; font-size:12px;
	display:flex; align-items:center; justify-content:center; margin:0 auto 12px;
}
.awk-download-card__label{ font-size:11px; color:var(--awk-text-muted); margin:0 0 2px; text-transform:uppercase; letter-spacing:.5px; }
.awk-download-card h5{ font-size:14px; margin:0 0 14px; color:var(--awk-navy); }
.awk-download-card__btn{
	display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700;
	padding:6px 14px; border-radius:var(--awk-radius-pill); border:1.5px solid currentColor;
	transition:background .2s ease, color .2s ease;
}
.awk-download-card__btn:hover{ background:currentColor; color:#fff !important; }

.awk-cta-wrap{ padding-bottom:80px; }
.awk-cta{ border-radius:var(--awk-radius-lg); padding:48px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; }
.awk-cta h3{ color:#fff; font-size:24px; margin-bottom:8px; }
.awk-cta p{ color:#cfd6ea; margin:0; }
.awk-cta__actions{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.awk-cta__phone{ color:#fff; font-weight:600; }

/* Scroll-reveal states (toggled by resources.js) */
.awk-reveal{ opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease; }
.awk-reveal.is-visible{ opacity:1; transform:translateY(0); }

@media(max-width:900px){
	.awk-split{ grid-template-columns:1fr; }
	.awk-split__divider{ display:none; }
	.awk-month-grid, .awk-download-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:640px){
	.awk-hero{ padding:48px 0; }
	.awk-hero h1{ font-size:30px; }
	.awk-cta{ padding:32px 24px; text-align:center; justify-content:center; }
}