/* P404 | Public homepage mobile/tablet layout only.
   Loaded LAST, after p368. Avoid changing SDC staff pages and desktop. */
@media (max-width: 860px) {
  /* Compact the hero CTA cards: prevent earlier mobile rules and slide flex
     sizing from stretching them vertically on narrow screens. */
  body.school-site-body main.home-module-stack .hero-section .hero-stage {
    box-sizing:border-box;
    height:auto!important;
    min-height:330px!important;
    aspect-ratio:auto!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-content.hero-static-content {
    box-sizing:border-box;
    width:calc(100% - 24px)!important;
    max-width:1180px!important;
    min-height:330px!important;
    height:auto!important;
    margin-inline:auto!important;
    padding:14px 0 28px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy.hero-copy-static {
    box-sizing:border-box;
    display:block!important;
    flex:0 1 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    padding:4px 0 0!important;
    margin:0!important;
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-eyebrow {
    max-width:100%;
    overflow-wrap:anywhere;
    font-size:10px!important;
    line-height:1.3!important;
    letter-spacing:0!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static h1 {
    max-width:100%!important;
    font-size:clamp(22px,5.5vw,32px)!important;
    line-height:1.18!important;
    margin:9px 0 3px!important;
    overflow-wrap:break-word;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-place {
    margin:0 0 7px!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-motto {
    margin:0!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-desc {
    display:none!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-buttons {
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:14px 0 0!important;
    padding:0!important;
    flex:none!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-buttons .hero-btn {
    box-sizing:border-box;
    display:flex!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:7px 9px!important;
    gap:7px!important;
    margin:0!important;
    border-radius:12px!important;
    box-shadow:0 4px 12px rgba(0,27,16,.18)!important;
    text-align:left!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-buttons .hero-btn>i:first-child {
    flex:0 0 17px!important;
    font-size:16px!important;
    line-height:1!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-buttons .hero-btn>i:last-child,
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-buttons .hero-btn small {
    display:none!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-buttons .hero-btn>span {
    box-sizing:border-box;
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    line-height:1.25!important;
    text-align:left!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static .hero-buttons .hero-btn b {
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-welcome.hero-welcome-static {
    display:none!important;
  }

  /* 3 equal columns, always centered in a full-width shell, no phantom gap
     on the right and no orphaned sixth shortcut. */
  body.school-site-body main.home-module-stack > .quickdock-wrap {
    box-sizing:border-box;
    width:100%!important;
    max-width:100%!important;
    margin-top:-14px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.school-site-body main.home-module-stack > .quickdock-wrap > .site-shell {
    box-sizing:border-box;
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:1180px!important;
    padding:0!important;
    margin:0 auto!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live {
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(92px,auto)!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0 auto!important;
    border-radius:16px!important;
    overflow:hidden!important;
    clip-path:none!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item {
    box-sizing:border-box;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:92px!important;
    margin:0!important;
    padding:9px 4px!important;
    gap:6px!important;
    border:0!important;
    border-right:1px solid #e1eae5!important;
    border-bottom:1px solid #e1eae5!important;
    border-radius:0!important;
    text-align:center!important;
    transform:none;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item:nth-child(3n) {
    border-right:0!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item:nth-last-child(-n+3) {
    border-bottom:0!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item > i {
    display:block!important;
    flex:0 0 auto!important;
    min-width:0!important;
    width:auto!important;
    line-height:1.1!important;
    font-size:21px!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item > span {
    box-sizing:border-box;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    text-align:center!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item b {
    display:block!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item small,
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item em {
    display:none!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item:focus-visible,
  body.school-site-body main.home-module-stack .hero-buttons .hero-btn:focus-visible {
    outline:3px solid #f6ca58!important;
    outline-offset:-3px!important;
  }
}
@media (max-width: 360px) {
  body.school-site-body main.home-module-stack .hero-section .hero-stage,
  body.school-site-body main.home-module-stack .hero-section .hero-content.hero-static-content {
    min-height:310px!important;
  }
  body.school-site-body main.home-module-stack .hero-section .hero-copy-static h1 {
    font-size:21px!important;
  }
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item {
    padding:8px 2px!important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.school-site-body main.home-module-stack .quickdock.quickdock-live > .quickdock-item,
  body.school-site-body main.home-module-stack .hero-buttons .hero-btn {
    transition:none!important;
  }
}