/*
 * SMANJA v17.3.0 — Final Sidebar Balance
 * 1. Menghapus blok Media Sosial Resmi dari bawah Sorotan Sekolah Hari Ini.
 * 2. Menyeimbangkan tinggi sidebar desktop dengan kolom utama schoolboard.
 * 3. Info Cepat tetap di atas, Sambutan menjadi area fleksibel, Kalender tetap ringkas.
 * 4. Mobile/tablet tetap mengalir normal tanpa tinggi paksa.
 */
body.smanja-v173{
  --sj173-gap:12px;
  --sj173-radius:12px;
}

/* Safety: bila markup social lama masih tersisa karena cache/view override, jangan tampilkan. */
body.smanja-v173 .sj17-schoolboard .sj17-social-ribbon,
body.smanja-v173 .sj17-schoolboard .sj153-social-ribbon{display:none!important}

/* ================================================================
   DESKTOP — sidebar mengikuti tinggi keseluruhan kolom utama:
   Jadwal + Berita Terkini + Sorotan.
   ================================================================ */
@media (min-width:992px){
  body.smanja-v173 .sj17-schoolboard{
    align-items:stretch!important;
  }
  body.smanja-v173 .sj17-board-main{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  body.smanja-v173 .sj17-board-sidebar{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-self:stretch!important;
    gap:var(--sj173-gap)!important;
    min-height:0!important;
    height:auto!important;
  }

  /* Info cepat dibuat lebih efisien agar tidak mengambil terlalu banyak tinggi. */
  body.smanja-v173 .sj17-contact-card{
    padding:12px!important;
    border-radius:var(--sj173-radius)!important;
  }
  body.smanja-v173 .sj17-contact-tagline{
    margin:7px 0!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }
  body.smanja-v173 .sj17-contact-list{gap:4px!important}
  body.smanja-v173 .sj17-contact-list>a{
    min-height:44px!important;
    padding:6px 8px!important;
  }
  body.smanja-v173 .sj17-contact-actions{margin-top:6px!important}
  body.smanja-v173 .sj17-contact-actions>a{
    min-height:32px!important;
    padding:6px!important;
  }

  /* Sambutan menjadi elemen fleksibel: cukup besar tetapi tidak mendorong kalender terlalu ke bawah. */
  body.smanja-v173 .sj17-principal-card{
    min-height:0!important;
    height:100%!important;
    padding:13px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.smanja-v173 .sj17-principal-card>img{
    flex:0 0 auto!important;
    height:150px!important;
    margin:8px 0!important;
  }
  body.smanja-v173 .sj17-principal-card h3{margin:4px 0 2px!important}
  body.smanja-v173 .sj17-principal-card p{
    flex:1 1 auto!important;
    min-height:0!important;
    margin:7px 0 8px!important;
    font-size:13px!important;
    line-height:1.58!important;
    -webkit-line-clamp:7!important;
  }
  body.smanja-v173 .sj17-principal-card .sj9-text-link{margin-top:auto!important}

  /* Kalender dipadatkan supaya dasar sidebar naik sejajar dengan Sorotan. */
  body.smanja-v173 .sj17-calendar-card{
    padding:11px 12px!important;
    border-radius:var(--sj173-radius)!important;
  }
  body.smanja-v173 .sj17-calendar-card h3{margin:4px 0 2px!important}
  body.smanja-v173 .sj17-calendar-card table{
    margin:6px 0 7px!important;
    border-spacing:1px!important;
  }
  body.smanja-v173 .sj17-calendar-card caption{padding-bottom:4px!important}
  body.smanja-v173 .sj17-calendar-card th{padding:2px 0!important}
  body.smanja-v173 .sj17-calendar-card td{padding:3px 0!important}
}

/* Laptop sedang: tetap seimbang namun tidak terlalu padat. */
@media (min-width:992px) and (max-width:1199.98px){
  body.smanja-v173 .sj17-principal-card>img{height:138px!important}
  body.smanja-v173 .sj17-principal-card p{-webkit-line-clamp:6!important;font-size:12.7px!important}
  body.smanja-v173 .sj17-contact-list>a{min-height:42px!important}
}

/* Tablet/HP: tidak pakai equal-height; card mengalir alami dan tetap responsif. */
@media (max-width:991.98px){
  body.smanja-v173 .sj17-board-sidebar{
    height:auto!important;
    align-self:auto!important;
  }
  body.smanja-v173 .sj17-principal-card{height:auto!important;overflow:visible!important}
}

@media (max-width:767.98px){
  body.smanja-v173 .sj17-principal-card p{
    font-size:13px!important;
    line-height:1.6!important;
    -webkit-line-clamp:3!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.smanja-v173 .sj17-schoolboard *{scroll-behavior:auto!important}
}