/* AGA GeoAnalitik chrome shared by every page (2026-09-29, operator): the AGA mark in the masthead and
   the AGA Group footer, modelled on agagroup.my's, on AGA blue #0f4583 (the logo's own blue; operator
   2026-09-29). Lime stays the only DATA colour; AGA blue is chrome only. Sentence-case headings (charter §5). */
.mast .wrap { align-items: center; }
.mast { background: #0f4583; border-bottom: 0; color: #ffffff; }
.mast .wrap { padding-top: 22px; padding-bottom: 18px; }
.mast nav a { color: #ffffff; text-decoration-color: #7f9fc6; }
.mast nav a:hover { text-decoration-color: #ffffff; }
.mast a:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; }
.brand a.home { color: #ffffff; }
.mast .ref, .mast .ref time { color: #dce6f2; }
.brand { display: flex; align-items: center; flex-wrap: wrap; font-size: 30px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; }
.brand a.home { display: inline-flex; align-items: center; gap: 14px; }
.brand .aga-mark { display: block; height: 36px; width: auto; }
.brand span { font-size: 20px; font-weight: 400; margin-left: 12px; color: #dce6f2; }
@media (max-width: 640px) { .brand { font-size: 23px; } .brand .aga-mark { height: 28px; } .brand a.home { gap: 10px; } .brand span { font-size: 16px; margin-left: 8px; } }
.aga-foot { background: #0f4583; color: #dce6f2; margin: 72px 0 0; border: 0; padding: 48px 0 28px; font: 400 14px/1.6 "Chivo", system-ui, sans-serif; }
.aga-foot .wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; display: block; }
.aga-foot .cols { display: grid; grid-template-columns: 1.5fr 1fr 1.3fr 1.3fr; gap: 32px; }
.aga-foot .logo { display: block; height: 30px; width: auto; margin: 0 0 14px; }
.aga-foot .tagline { margin: 0; max-width: 34ch; }
.aga-foot h2 { color: #ffffff; font: 600 15px/1.3 "Chivo", system-ui, sans-serif; margin: 0 0 12px; letter-spacing: 0; }
.aga-foot ul { list-style: none; margin: 0; padding: 0; }
.aga-foot li { margin: 0 0 8px; }
.aga-foot a { color: #ffffff; text-decoration: underline; text-decoration-color: #7f9fc6; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.aga-foot a:hover { text-decoration-color: #ffffff; }
.aga-foot a:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
.aga-foot address { font-style: normal; }
.aga-foot .bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 36px; padding-top: 16px; border-top: 1px solid #3d6aa0; color: #b9cbe2; font-size: 13px; }
@media (max-width: 760px) { .aga-foot .cols { grid-template-columns: 1fr 1fr; } .aga-foot .cols > :first-child { grid-column: 1 / -1; } }
@media (max-width: 480px) { .aga-foot .cols { grid-template-columns: 1fr; } .aga-foot .wrap { padding: 0 16px; } }
@media print { .aga-foot { display: none; } }