/* ==========================================================================
   RULES & REGULATIONS 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; }

/* Profile card — School Uniform section */
.awk-profile-card{
	display:flex; align-items:flex-start; gap:18px; padding:24px;
}
.awk-profile-card__avatar{ flex-shrink:0; }
.awk-profile-card__avatar img{
	width:80px; height:80px; border-radius:50%; object-fit:cover;
	border:3px solid var(--awk-bg-soft);
}
.awk-profile-card__body h4{ font-size:17px; margin:0 0 8px; }
.awk-profile-card__body p{ font-size:13px; color:var(--awk-text-body); margin:0 0 12px; line-height:1.6; }

/* Timetable card — School Timings section */
.awk-timetable-card{ padding:24px; }
.awk-timetable-card__header{ display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.awk-timetable-card__icon{
	width:40px; height:40px; border-radius:50%; background:var(--awk-cream);
	display:flex; align-items:center; justify-content:center; font-size:18px;
}
.awk-timetable-card__header h4{ font-size:18px; margin:0; }
.awk-timetable-card__table{ width:100%; border-collapse:collapse; font-size:14px; }
.awk-timetable-card__table th{
	text-align:left; padding:10px 12px; background:var(--awk-bg-soft);
	color:var(--awk-text-muted); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.4px;
}
.awk-timetable-card__table td{ padding:10px 12px; border-top:1px solid var(--awk-border); color:var(--awk-text-body); }
.awk-timetable-card__table tr:first-child td{ border-top:none; }

.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; }

.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-grid--3{ grid-template-columns: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; }
	.awk-profile-card{ flex-direction:column; align-items:center; text-align:center; }
}