/* P405 — Home page: narrow-screen achievements, growing agenda, footer Google Map.
   Loaded after P404 so only these requested areas override older styles. */

/* Agenda: show all rows from up to five dates in document flow. No nested scroll area. */
body.school-site-body #calendar .sdc-cal-agenda-list {
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-width:none;
}
body.school-site-body #calendar .sdc-cal-agenda {
  height:auto!important;
  min-height:0;
  overflow:visible;
}

/* Contact column: a real interactive map + visible Google Maps fallback/directions. */
body.school-site-body .footer-grid > .sdc-p405-footer-contact {min-width:0}
body.school-site-body .sdc-p405-map {
  margin-top:12px;
  border:1px solid rgba(210,236,224,.3);
  background:#e7efeb;
  border-radius:12px;
  overflow:hidden;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
body.school-site-body .sdc-p405-map iframe {
  box-sizing:border-box;
  display:block;
  width:100%;
  height:170px;
  border:0;
  background:#e7efeb;
}
body.school-site-body .sdc-p405-map .sdc-p405-map-link {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:9px 10px;
  min-height:42px;
  text-decoration:none;
  background:#f1f7f4;
  color:#0b5840!important;
  font-family:Sarabun,Arial,sans-serif;
  font-size:13px!important;
  font-weight:800;
  text-align:center;
}
body.school-site-body .sdc-p405-map .sdc-p405-map-link:hover,
body.school-site-body .sdc-p405-map .sdc-p405-map-link:focus-visible {
  background:#d8efe4;
  color:#063e2c!important;
}
@media (min-width:821px) and (max-width:1080px) {
  body.school-site-body .footer-grid > .sdc-p405-footer-contact .sdc-p405-map{max-width:460px}
}
@media (max-width:820px) {
  /* First four counters remain 2 per row; award / achievements fills final row. */
  body.school-site-body main.home-module-stack .stats-grid.stats-grid-live > .stat-card.pink {
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;
  }
  body.school-site-body main.home-module-stack .stats-grid.stats-grid-live > .stat-card.pink > div {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    flex-wrap:wrap;
  }
  body.school-site-body main.home-module-stack .stats-grid.stats-grid-live > .stat-card.pink > div strong {
    font-size:14px!important;
  }
  body.school-site-body main.home-module-stack .stats-grid.stats-grid-live > .stat-card.pink > div small {
    display:block!important;
    width:100%;
    font-size:12px!important;
  }
  body.school-site-body .sdc-p405-map iframe{height:185px}
}