/*
 * SMANJA v15.1.0 — Yayasan Balanced Homepage Final
 * Homepage balance patch: wider headline area, compact principal/calendar sidebar,
 * compact "Sorotan Hari Ini" filler, stronger ticker, and numbered teacher slider.
 */
body.smanja-v151{
  --sj151-navy:#082f4d;
  --sj151-blue:#0a75b8;
  --sj151-cyan:#13a9cf;
  --sj151-gold:#e8b93f;
  --sj151-red:#d94b54;
  --sj151-green:#23896b;
  --sj151-line:#d9e6ee;
  --sj151-soft:#f5f9fc;
  --sj151-shadow:0 12px 30px rgba(7,43,76,.08);
}

/* Ticker dibuat sedikit lebih tegas tanpa kembali menjadi bulky. */
body.smanja-v151 .sj15-ticker{
  min-height:43px!important;
  border-radius:9px!important;
  box-shadow:0 7px 18px rgba(7,43,76,.055)!important;
}
body.smanja-v151 .sj15-ticker .sj92-ticker-label{
  padding:7px 12px!important;
  font-size:9px!important;
  letter-spacing:.055em!important;
}
body.smanja-v151 .sj15-ticker .sj92-ticker-items a{
  font-size:10px!important;
  font-weight:650!important;
}

/* ========================================================================
   SCHOOL BOARD — komposisi kiri/kanan diseimbangkan agar tidak ada void besar.
   ======================================================================== */
@media(min-width:992px){
  body.smanja-v151 .sj151-schoolboard{
    grid-template-columns:minmax(0,2.8fr) minmax(250px,.9fr)!important;
    gap:20px!important;
    margin-top:20px!important;
    align-items:start!important;
  }
}
body.smanja-v151 .sj151-board-main,
body.smanja-v151 .sj151-board-sidebar{min-width:0}
body.smanja-v151 .sj151-board-sidebar{gap:13px!important}

body.smanja-v151 .sj151-schoolboard .sj13-schedule{
  border-radius:10px!important;
  box-shadow:0 7px 20px rgba(7,43,76,.045)!important;
}
body.smanja-v151 .sj151-schoolboard .sj13-schedule-label{
  padding:11px 16px!important;
  min-height:44px!important;
}
body.smanja-v151 .sj151-schoolboard .sj13-schedule-label i{font-size:16px!important}
body.smanja-v151 .sj151-schoolboard .sj13-schedule-label strong{font-size:11px!important}
body.smanja-v151 .sj151-schoolboard .sj13-schedule-label small{font-size:8px!important}
body.smanja-v151 .sj151-schoolboard .sj13-schedule-scroll article{padding:13px 13px!important}
body.smanja-v151 .sj151-schoolboard .sj13-schedule-scroll span{font-size:9px!important}
body.smanja-v151 .sj151-schoolboard .sj13-schedule-scroll strong{font-size:19px!important}

/* Headline/banner berita dibuat lebih besar lewat lebar kolom utama + rasio lebih tinggi. */
body.smanja-v151 .sj151-board-news{margin-top:12px!important}
body.smanja-v13.smanja-v13complete.smanja-v15.smanja-v151 .sj13-board-slider.sj151-headline-slider .sj92-slides{
  aspect-ratio:16/6.65!important;
  min-height:0!important;
}
body.smanja-v151 .sj151-headline-slider{
  border-radius:12px!important;
  box-shadow:0 11px 28px rgba(7,43,76,.085)!important;
}
body.smanja-v151 .sj151-headline-slider .sj15-headline-cue{
  padding:6px 10px!important;
  font-size:9px!important;
  border-radius:8px!important;
}

/* ========================================================================
   SOROTAN SEKOLAH HARI INI
   ======================================================================== */
body.smanja-v151 .sj151-today{
  margin-top:12px;
  padding:13px;
  border:1px solid var(--sj151-line);
  border-radius:12px;
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
  box-shadow:0 8px 23px rgba(7,43,76,.045);
}
body.smanja-v151 .sj151-today-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:9px;
}
body.smanja-v151 .sj151-today-head .sj9-eyebrow{font-size:7px!important;letter-spacing:.13em!important}
body.smanja-v151 .sj151-today-head h2{
  margin:2px 0 0!important;
  color:#173b55!important;
  font-size:14px!important;
  line-height:1.25!important;
}
body.smanja-v151 .sj151-today-head .sj9-text-link{font-size:8px!important;white-space:nowrap}
body.smanja-v151 .sj151-today-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.smanja-v151 .sj151-today-card{
  appearance:none;
  width:100%;
  min-width:0;
  min-height:91px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 16px;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid #e1e9ef;
  border-radius:10px;
  background:#fff;
  color:#24485f;
  text-align:left;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(7,43,76,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.smanja-v151 .sj151-today-card:hover,
body.smanja-v151 .sj151-today-card:focus-visible{
  transform:translateY(-2px);
  border-color:#bcd7e7;
  box-shadow:0 10px 20px rgba(7,43,76,.08);
  outline:0;
}
body.smanja-v151 .sj151-today-icon{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:9px;
  font-size:13px;
  color:#fff;
  background:var(--sj151-blue);
}
body.smanja-v151 .sj151-today-announcement .sj151-today-icon{background:linear-gradient(135deg,#d74852,#f07b42)}
body.smanja-v151 .sj151-today-agenda .sj151-today-icon{background:linear-gradient(135deg,#0875ba,#10a1d3)}
body.smanja-v151 .sj151-today-news .sj151-today-icon{background:linear-gradient(135deg,#1f7c64,#31a27c)}
body.smanja-v151 .sj151-today-copy{display:block;min-width:0}
body.smanja-v151 .sj151-today-copy small{
  display:block;
  margin-bottom:3px;
  color:#768a99;
  font-size:6.5px;
  font-weight:800;
  letter-spacing:.09em;
}
body.smanja-v151 .sj151-today-copy strong{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#1b3f57;
  font-size:9px;
  line-height:1.35;
}
body.smanja-v151 .sj151-today-copy em{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#8294a1;
  font-size:7px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.smanja-v151 .sj151-today-card>b{color:#9aabb6;font-size:12px;text-align:right}

/* ========================================================================
   SIDEBAR KEPALA SEKOLAH + KALENDER — lebih ramping.
   ======================================================================== */
body.smanja-v151 .sj151-principal-card,
body.smanja-v151 .sj151-calendar-card{
  padding:14px!important;
  border-radius:10px!important;
  box-shadow:0 7px 20px rgba(7,43,76,.045)!important;
}
body.smanja-v151 .sj151-principal-card>.sj9-eyebrow,
body.smanja-v151 .sj151-calendar-card>.sj9-eyebrow{font-size:6.5px!important;letter-spacing:.13em!important}
body.smanja-v151 .sj151-principal-card>img{
  width:100%!important;
  height:132px!important;
  margin:9px 0 8px!important;
  border-radius:7px!important;
  object-fit:contain!important;
  background:linear-gradient(180deg,#f0f5f8,#eef4f7)!important;
}
body.smanja-v151 .sj151-principal-card h3,
body.smanja-v151 .sj151-calendar-card h3{
  margin:6px 0 3px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
body.smanja-v151 .sj151-principal-card small{font-size:7px!important;line-height:1.45!important}
body.smanja-v151 .sj151-principal-card p{
  margin:8px 0!important;
  font-size:8px!important;
  line-height:1.55!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
body.smanja-v151 .sj151-principal-card .sj9-text-link,
body.smanja-v151 .sj151-calendar-card .sj9-text-link{font-size:8px!important}
body.smanja-v151 .sj151-calendar-card table{
  margin:7px 0 9px!important;
  border-spacing:2px!important;
  font-size:9px!important;
}
body.smanja-v151 .sj151-calendar-card caption{
  padding:0 0 6px!important;
  font-size:8px!important;
}
body.smanja-v151 .sj151-calendar-card th{padding:3px 0!important;font-size:7px!important}
body.smanja-v151 .sj151-calendar-card td{padding:4px 0!important;border-radius:4px!important}

/* ========================================================================
   PAGINATION SLIDER GURU: < 1 2 3 > Last
   ======================================================================== */
body.smanja-v151 .sj15-teacher-track{
  scrollbar-width:none;
  scroll-padding-inline:1px;
}
body.smanja-v151 .sj15-teacher-track::-webkit-scrollbar{display:none}
body.smanja-v151 .sj151-teacher-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:11px;
  min-height:30px;
}
body.smanja-v151 .sj151-page-list{display:flex;align-items:center;gap:4px}
body.smanja-v151 .sj151-page-control,
body.smanja-v151 .sj151-page-button,
body.smanja-v151 .sj151-page-last{
  min-width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  padding:0 8px;
  border:1px solid #d8e4eb;
  border-radius:7px;
  background:#fff;
  color:#36586e;
  font-size:9px;
  font-weight:750;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
body.smanja-v151 .sj151-page-control:hover,
body.smanja-v151 .sj151-page-button:hover,
body.smanja-v151 .sj151-page-last:hover{transform:translateY(-1px);border-color:#a9cadc;background:#f5fafc}
body.smanja-v151 .sj151-page-button[aria-current="page"]{
  border-color:#0b70b2;
  background:#0b70b2;
  color:#fff;
  box-shadow:0 4px 10px rgba(11,112,178,.19);
}
body.smanja-v151 .sj151-page-last{min-width:44px;background:#f2f7fa;color:#0b5f94}
body.smanja-v151 .sj151-page-control:disabled,
body.smanja-v151 .sj151-page-last:disabled{opacity:.4;cursor:not-allowed;transform:none}
body.smanja-v151 .sj151-page-ellipsis{padding:0 1px;color:#8799a5;font-size:9px}

/* Enhancement motion is intentionally subtle. */
body.smanja-v151 .sj151-today.sj151-reveal{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1);
}
body.smanja-v151 .sj151-today.sj151-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1199.98px) and (min-width:992px){
  body.smanja-v151 .sj151-schoolboard{grid-template-columns:minmax(0,2.4fr) minmax(240px,.9fr)!important;gap:16px!important}
  body.smanja-v151 .sj151-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.smanja-v151 .sj151-today-card:last-child{grid-column:1/-1}
}

@media(max-width:991.98px){
  body.smanja-v151 .sj151-schoolboard{grid-template-columns:1fr!important;gap:16px!important;margin-top:18px!important}
  body.smanja-v151 .sj151-board-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.smanja-v151 .sj151-principal-card>img{height:150px!important}
  body.smanja-v151 .sj151-today-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:767.98px){
  body.smanja-v151 .sj15-ticker{min-height:40px!important}
  body.smanja-v151 .sj15-ticker .sj92-ticker-items a{font-size:9px!important}
  body.smanja-v151 .sj151-schoolboard .sj13-schedule-label{padding:9px 11px!important}
  body.smanja-v151 .sj151-schoolboard .sj13-schedule-scroll article{padding:11px!important}
  body.smanja-v13.smanja-v13complete.smanja-v15.smanja-v151 .sj13-board-slider.sj151-headline-slider .sj92-slides{aspect-ratio:16/8.1!important}
  body.smanja-v151 .sj151-today{padding:10px;border-radius:10px}
  body.smanja-v151 .sj151-today-head{align-items:flex-start;margin-bottom:8px}
  body.smanja-v151 .sj151-today-head .sj9-text-link{display:none}
  body.smanja-v151 .sj151-today-grid{grid-template-columns:1fr!important;gap:6px}
  body.smanja-v151 .sj151-today-card,
  body.smanja-v151 .sj151-today-card:last-child{grid-column:auto;min-height:70px;padding:8px}
  body.smanja-v151 .sj151-board-sidebar{grid-template-columns:1fr!important}
  body.smanja-v151 .sj151-principal-card{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:11px;align-items:start}
  body.smanja-v151 .sj151-principal-card>.sj9-eyebrow{grid-column:1/-1}
  body.smanja-v151 .sj151-principal-card>img{grid-column:1;grid-row:2/7;width:92px!important;height:118px!important;margin:7px 0 0!important}
  body.smanja-v151 .sj151-principal-card h3,
  body.smanja-v151 .sj151-principal-card small,
  body.smanja-v151 .sj151-principal-card p,
  body.smanja-v151 .sj151-principal-card .sj9-text-link{grid-column:2}
  body.smanja-v151 .sj151-principal-card p{-webkit-line-clamp:2}
  body.smanja-v151 .sj151-teacher-pagination{gap:4px;margin-top:9px}
  body.smanja-v151 .sj151-page-control,
  body.smanja-v151 .sj151-page-button,
  body.smanja-v151 .sj151-page-last{min-width:26px;height:26px;padding:0 6px;font-size:8px}
  body.smanja-v151 .sj151-page-last{min-width:39px}
}

@media(max-width:420px){
  body.smanja-v151 .sj151-page-list .sj151-page-button:nth-of-type(n+5){display:none}
}

@media(prefers-reduced-motion:reduce){
  body.smanja-v151 .sj151-today.sj151-reveal,
  body.smanja-v151 .sj151-today.sj151-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
  body.smanja-v151 .sj151-today-card,
  body.smanja-v151 .sj151-page-control,
  body.smanja-v151 .sj151-page-button,
  body.smanja-v151 .sj151-page-last{transition:none!important}
}