/* V57.24: limited refinement to home/about/departments/region and staff leadership.
   Never alter service directory, guide reader, booking, survey or other working modules. */
:root{--v24-ink:#102f56;--v24-blue:#155895;--v24-gold:#d8b23b;--v24-muted:#607b91;--v24-shadow:0 15px 38px rgba(18,58,96,.075)}
body[data-page="home-page"] .v11-app,body[data-page="about-page"] .v11-app,body[data-page="region-page"] .v11-app,body[data-page="departments-page"] .v11-app,body[data-page="department-page"] .v11-app{max-width:1360px;margin:auto}
body[data-page="home-page"] .v11-section,body[data-page="about-page"] .v11-section,body[data-page="region-page"] .v11-section,body[data-page="departments-page"] .v11-section,body[data-page="department-page"] .v11-section{margin-bottom:14px;border-radius:23px;box-shadow:var(--v24-shadow)}
body[data-page="home-page"] .v21-home-hero{height:clamp(270px,32vw,365px);min-height:260px;border-radius:24px;margin-bottom:14px}
body[data-page="home-page"] .v21-home-copy h1{font-size:clamp(27px,3.5vw,44px);line-height:1.28}
body[data-page="home-page"] .v21-home-copy p{font-size:clamp(11px,1.15vw,14px);line-height:1.75}
body[data-page="home-page"] .v21-home-shade{background:linear-gradient(270deg,rgba(8,39,74,.93) 4%,rgba(7,48,92,.72) 52%,rgba(4,35,74,.18) 100%)}
body[data-page="home-page"] .v23-home-editorial{gap:13px;padding:16px;grid-template-columns:minmax(0,1.6fr) minmax(260px,.64fr)}
body[data-page="home-page"] .v23-achievement-feature{min-height:230px;grid-template-columns:1.16fr .84fr}
body[data-page="home-page"] .v23-achievement-feature-media{min-height:230px}
body[data-page="home-page"] .v23-achievement-feature-copy{padding:17px}
body[data-page="home-page"] .v23-home-quick{padding:15px 16px}
body[data-page="home-page"] .v23-home-quick .v11-quick{min-height:76px}
body[data-page="home-page"] .v11-section-head h2{font-size:clamp(19px,1.8vw,25px)}
body[data-page="home-page"] .v11-section-head p{font-size:12px}
body[data-page="home-page"] .v23-home-editorial .v23-mini-story img{object-fit:cover}
/* Interior banners stay compact; never dominate the initial viewport. */
body[data-page="about-page"] .v11-hero,body[data-page="region-page"] .v11-hero,body[data-page="departments-page"] .v11-hero,body[data-page="department-page"] .v11-hero{height:clamp(155px,19vw,225px)!important;min-height:155px!important;margin-bottom:14px!important;border-radius:24px!important;overflow:hidden}
body[data-page="about-page"] .v11-hero h1,body[data-page="region-page"] .v11-hero h1,body[data-page="departments-page"] .v11-hero h1,body[data-page="department-page"] .v11-hero h1{font-size:clamp(24px,2.8vw,38px)!important}
body[data-page="about-page"] .v11-hero p,body[data-page="region-page"] .v11-hero p{font-size:clamp(10px,1.1vw,14px)!important}
/* About: two elegant value cards, no third oversized duplicate branding block. */
body[data-page="about-page"] .v23-about-identity{display:block;padding:13px!important}
body[data-page="about-page"] .v23-about-manifesto{display:none!important}
body[data-page="about-page"] .v23-about-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-page="about-page"] .v23-about-values article{min-height:145px;padding:17px 19px;align-items:flex-start;background:linear-gradient(130deg,#fff,#f6faff);border:1px solid #dbe8f2;border-radius:20px}
body[data-page="about-page"] .v23-about-values h3{font-size:20px;line-height:1.3}
body[data-page="about-page"] .v23-about-values p{font-size:12px;line-height:1.85;color:#4c6379}
/* Leadership: top single undersecretary, 2 deputies on second row, extra leaders afterward. */
body[data-page="about-page"] .v23-about-leaders{padding:16px!important}
body[data-page="about-page"] .v23-leader-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;max-width:840px;margin:auto}
body[data-page="about-page"] .v23-leader-card{grid-column:auto!important;display:flex!important;flex-direction:row;align-items:center;gap:12px;max-width:none!important;min-height:118px!important;background:#fff!important;border:1px solid #dce9f2;border-radius:18px!important;overflow:hidden;box-shadow:none!important;padding:11px!important}
body[data-page="about-page"] .v23-leader-card.primary{grid-column:1/-1!important;justify-self:center;width:min(100%,430px);min-height:132px!important;border-color:#dbc58a!important;box-shadow:0 12px 25px rgba(16,64,103,.07)!important}
body[data-page="about-page"] .v23-leader-media{width:93px!important;height:93px!important;min-width:93px!important;min-height:93px!important;flex:0 0 auto;border-radius:15px!important;overflow:hidden;background:#e8f4fb!important}
body[data-page="about-page"] .v23-leader-media img{width:100%;height:100%;object-fit:cover}
body[data-page="about-page"] .v23-leader-card.primary .v23-leader-media{width:105px!important;height:105px!important;min-width:105px!important;min-height:105px!important}
body[data-page="about-page"] .v23-leader-card h3{font-size:17px!important;line-height:1.45;margin:3px 0!important}
body[data-page="about-page"] .v23-leader-card small{font-size:11px!important;color:#a17b1c;font-weight:850}
body[data-page="about-page"] .v23-leader-card p{font-size:11px!important;line-height:1.6;margin:0}
body[data-page="about-page"] .v23-about-activities,body[data-page="about-page"] .v23-about-duties{padding:16px!important}
/* Region: same image covers list and inner banner; compact summaries. */
body[data-page="region-page"] .v23-region-profile{gap:12px}
body[data-page="region-page"] .v23-region-manager-card{padding:14px}
body[data-page="region-page"] .v23-region-manager-card h2{font-size:19px}
body[data-page="region-page"] .v23-region-manager-card p{font-size:12px}
body[data-page="region-page"] .v23-region-links a{font-size:11px}
body[data-page="region-page"] .v23-region-metrics span{font-size:11px}
body[data-page="region-page"] .v23-fac-grid{gap:10px}
body[data-page="region-page"] .v23-fac-photo{height:124px}
body[data-page="region-page"] .v23-fac-body h3{font-size:14px}
body[data-page="region-page"] .v23-fac-body>p{font-size:11px}
/* Department detail remains dynamic from staff, but uses useful typography. */
body[data-page="department-page"] .v23-dept-overview{gap:15px}
body[data-page="department-page"] .v23-dept-about h2{font-size:24px}
body[data-page="department-page"] .v23-dept-about p{font-size:12px}
body[data-page="departments-page"] .v21-dept-grid{gap:12px}
body[data-page="departments-page"] .v21-dept-card-copy h3{font-size:17px}
body[data-page="departments-page"] .v21-dept-card-copy p{font-size:12px;line-height:1.65}
.v24-proposal-preview{margin-top:16px}
.v24-proposal-list{display:grid;gap:9px;margin-top:12px}
.v24-proposal-list details{border:1px solid #d8e7f2;background:#f9fcff;border-radius:12px;padding:11px}
.v24-proposal-list summary{font-size:14px;font-weight:800;color:#0c3f75;cursor:pointer}
.v24-proposal-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:10px;border-top:1px solid #e4eef5;font-size:12px}
.v24-proposal-item:first-child{margin-top:12px}
.v24-leader-editor{margin-bottom:9px}
.v24-leader-editor>h3{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media(max-width:900px){body[data-page="home-page"] .v23-home-editorial{grid-template-columns:1fr}body[data-page="home-page"] .v23-achievement-feature{grid-template-columns:1fr 1fr}body[data-page="about-page"] .v23-leader-grid{max-width:760px}body[data-page="region-page"] .v23-region-profile{grid-template-columns:1fr}}
@media(max-width:650px){body[data-page="home-page"] .v21-home-hero{height:285px!important}body[data-page="home-page"] .v21-home-copy h1{font-size:23px!important}body[data-page="home-page"] .v23-achievement-feature{grid-template-columns:1fr}body[data-page="home-page"] .v23-achievement-feature-media{min-height:190px}body[data-page="about-page"] .v23-about-values{grid-template-columns:1fr}body[data-page="about-page"] .v23-leader-grid{grid-template-columns:1fr!important}body[data-page="about-page"] .v23-leader-card.primary{grid-column:1!important}body[data-page="about-page"] .v23-leader-card{min-height:115px!important}body[data-page="about-page"] .v23-about-values article{min-height:auto}body[data-page="region-page"] .v23-fac-grid{grid-template-columns:1fr!important}body[data-page="region-page"] .v23-region-metrics{grid-template-columns:repeat(2,1fr)}}