/* MySchool OS 7.0.12 — purposeful school landing sidebar. */
.v2-school.sp-public .school-landing-sidebar{
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  min-width:0!important;
}
.v2-school.sp-public .school-side-card{
  min-width:0!important;
  padding:10px 11px!important;
  border:1px solid color-mix(in srgb,var(--school-primary) 14%,#dfe5e2)!important;
  border-left:4px solid var(--school-accent)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,#fff 94%,var(--school-surface))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.v2-school.sp-public .school-side-card>header{
  display:flex!important;align-items:center!important;gap:7px!important;
  margin:0 0 6px!important;font-size:13px!important;font-weight:800!important;
  color:var(--school-primary)!important;
}
.v2-school.sp-public .school-side-card>header>span{
  display:grid!important;place-items:center!important;width:22px!important;height:22px!important;
  border-radius:8px!important;background:color-mix(in srgb,var(--school-primary) 11%,#fff)!important;
  color:var(--school-primary)!important;font-weight:900!important;
}
.v2-school.sp-public .school-side-card>div{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.v2-school.sp-public .school-side-card b{display:block!important;font-size:13px!important;line-height:1.2!important;margin-bottom:3px!important}
.v2-school.sp-public .school-side-card p{margin:2px 0!important;font-size:11px!important;line-height:1.35!important;color:color-mix(in srgb,var(--school-font) 74%,#fff)!important}
.v2-school.sp-public .school-side-card small{display:block!important;margin-top:3px!important;font-size:9.5px!important;line-height:1.25!important;color:color-mix(in srgb,var(--school-font) 62%,#fff)!important}
.v2-school.sp-public .school-side-follow{border-left-color:var(--school-primary)!important}
.v2-school.sp-public .school-side-follow form{display:flex!important;gap:6px!important;margin-top:5px!important}
.v2-school.sp-public .school-side-follow input{min-width:0!important;flex:1!important;padding:7px 9px!important;border:1px solid #d8e3dc!important;border-radius:9px!important;font-size:10px!important}
.v2-school.sp-public .school-side-follow button{padding:7px 10px!important;border:0!important;border-radius:9px!important;font-size:10px!important;white-space:nowrap!important}
.v2-school.sp-public .school-side-event{border-left-color:var(--school-secondary)!important}
.v2-school.sp-public .school-event-countdown{display:inline-flex!important;margin:3px 0!important;padding:4px 7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--school-secondary) 16%,#fff)!important;color:var(--school-primary)!important;font-size:10px!important;font-weight:850!important}
.v2-school.sp-public .school-side-urgent{border-left-color:#d65a4a!important}
.v2-school.sp-public .school-side-urgent>header{color:#9c3227!important}.v2-school.sp-public .school-side-urgent>header>span{background:#fff0ec!important;color:#a63a2c!important}
.v2-school.sp-public .school-side-fact{border-left-color:var(--school-accent)!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--school-accent) 7%,#fff))!important}
.v2-school.sp-public .school-side-fact .fact-category{display:inline-flex!important;margin:0 0 2px!important;padding:2px 6px!important;border-radius:999px!important;background:color-mix(in srgb,var(--school-accent) 14%,#fff)!important;color:var(--school-primary)!important;font-weight:750!important}
.v2-school.sp-public .school-side-card.is-empty{opacity:.86!important}
.v2-school.sp-public .v2-compact-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:900px){
 .v2-school.sp-public .school-landing-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}
}
@media(max-width:600px){
 .v2-school.sp-public .school-landing-sidebar{grid-template-columns:1fr!important}
 .v2-school.sp-public .v2-compact-grid-two{grid-template-columns:1fr!important}
}
@media(min-width:901px){
 .v2-school.sp-public .school-landing-sidebar{height:380px!important;min-height:380px!important;max-height:380px!important}
 .v2-school.sp-public.school-layout-compact .school-landing-sidebar{height:310px!important;min-height:310px!important;max-height:310px!important}
}
.school-side-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.school-side-follow p{-webkit-line-clamp:1}