/* For Schools only. Shared styles: /assets/site/site.css */

/* Hover/focus states (style-hover in the design tool) */
.schools-hv1:hover{box-shadow:0 6px 18px rgba(3,86,147,0.16) !important}
.schools-hv2:hover{transform:translateY(-2px) !important}

@media (max-width:720px){
  /* Section rhythm: desktop spacing x0.55, 20px gutters (full-bleed sections stay full-bleed).
     The hero card already scales its own padding with clamp(), so it only gets a slimmer outer margin. */
  .schools-s1{padding:50px 20px 22px !important;}
  .schools-s2{padding:61px 20px 61px !important;}
  .schools-s3{padding:33px 0 55px !important;}
  .schools-s4{padding:55px 20px 22px !important;}
  .schools-s5{padding:33px 20px 55px !important;}
  .schools-s6{padding:61px 20px 61px !important;}
  .schools-s7{padding:66px 20px 66px !important;}
  .schools-s8{padding:66px 20px 66px !important;}
  .schools-s9{padding:61px 20px 61px !important;}
  .schools-s10{padding:66px 20px 66px !important;}
  .schools-s11{padding:72px 20px 72px !important;}
  .schools-s0{margin:0 12px !important;border-radius:24px !important;}

  /* Flip Bank app preview: sidebar becomes a row across the top, Squirrel's tip sits beside him */
  .schools-sim{grid-template-columns:1fr !important;min-height:0 !important;}
  .schools-sim-nav{flex-direction:row !important;flex-wrap:wrap;align-items:center;border-right:none !important;border-bottom:1px solid #E6E9EE;padding:8px !important;gap:4px !important;}
  .schools-sim-nav > template + div, .schools-sim-nav > div[style*="contents"]{display:contents;}
  .schools-sim-mascot{margin:6px 0 0 !important;padding-top:0 !important;width:100%;display:flex;align-items:center;gap:10px;}
  .schools-sim-mascot img{width:44px !important;margin:0 !important;flex:none;}
  .schools-sim-tip{position:static !important;flex:1;box-shadow:none !important;}

  /* District FAQ + "Built for teachers": question/label above its answer instead of side by side */
  .schools-row{grid-template-columns:1fr !important;gap:6px !important;}
}