/*
 * SMANJA v17.1.0 — Proportional Typography & Readability
 * Fokus:
 * - seluruh tipografi publik kembali ke skala baca normal (basis ±15px)
 * - metadata/eyebrow tidak lagi 5–8px
 * - judul, isi, tombol, ticker, jadwal, kartu, sidebar, layanan, guru,
 *   jejaring, iklan, fasilitas, header dan footer dibuat proporsional
 * - tetap responsif dan tidak mengubah struktur/data CMS
 */
body.smanja-v171{
  --sj171-text:15px;
  --sj171-small:12px;
  --sj171-meta:11px;
  --sj171-title:clamp(19px,1.45vw,24px);
  --sj171-section:clamp(24px,2vw,31px);
  --sj171-line:1.65;
  font-size:var(--sj171-text)!important;
  line-height:var(--sj171-line)!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body.smanja-v171 #content,
body.smanja-v171 .sj9-home,
body.smanja-v171 .sj15-home{font-size:var(--sj171-text)!important;line-height:var(--sj171-line)!important}

/* ======================================================================
   HEADER / NAVBAR — tetap ramping, tetapi teks terbaca jelas.
   ====================================================================== */
body.smanja-v171 .school-name{font-size:clamp(16px,1.25vw,19px)!important;line-height:1.2!important}
body.smanja-v171 .school-tagline{font-size:11px!important;line-height:1.3!important;letter-spacing:.055em!important}
body.smanja-v171 .navbar-secondary .nav-link{font-size:13px!important;line-height:1.25!important}
body.smanja-v171 .navbar-secondary .nav-link i{font-size:12px!important}
body.smanja-v171 .navbar-secondary .dropdown-item{font-size:13px!important;line-height:1.35!important}
body.smanja-v171 .header-right .btn{font-size:12px!important}

/* ======================================================================
   GLOBAL SECTION HIERARCHY
   ====================================================================== */
body.smanja-v171 .sj9-eyebrow,
body.smanja-v171 .sj92-data-label{font-size:11px!important;line-height:1.35!important;letter-spacing:.10em!important}
body.smanja-v171 .sj9-section-head h2,
body.smanja-v171 .sj15-student-heading h2{font-size:var(--sj171-section)!important;line-height:1.2!important}
body.smanja-v171 .sj9-section-head>p,
body.smanja-v171 .sj154-facilities .sj9-section-head p{font-size:14px!important;line-height:1.65!important}
body.smanja-v171 .sj9-text-link{font-size:12.5px!important;line-height:1.35!important}

/* ======================================================================
   TOP FLOW — marquee + 4 shortcut.
   ====================================================================== */
body.smanja-v171 .sj154-ticker,
body.smanja-v171 .sj15-ticker{min-height:42px!important}
body.smanja-v171 .sj15-ticker .sj92-ticker-label,
body.smanja-v171 .sj154-ticker .sj92-ticker-label{font-size:11px!important;padding:7px 11px!important}
body.smanja-v171 .sj15-ticker .sj92-ticker-items a,
body.smanja-v171 .sj154-ticker .sj92-ticker-items a{font-size:12.5px!important;line-height:1.45!important}
body.smanja-v171 .sj15-ticker>button{font-size:12px!important}

body.smanja-v171 .sj154-shortcuts>a,
body.smanja-v171 .sj15-shortcuts>a{min-height:66px!important;padding:10px 13px!important}
body.smanja-v171 .sj154-shortcuts>a>i,
body.smanja-v171 .sj15-shortcuts i{width:36px!important;height:36px!important;font-size:14px!important}
body.smanja-v171 .sj154-shortcuts strong,
body.smanja-v171 .sj15-shortcuts strong{font-size:13px!important;line-height:1.28!important}
body.smanja-v171 .sj154-shortcuts small,
body.smanja-v171 .sj15-shortcuts small{font-size:11px!important;line-height:1.35!important;margin-top:3px!important}

/* ======================================================================
   JADWAL SISWA
   ====================================================================== */
body.smanja-v171 .sj154-schedule-row>article{min-height:82px!important;padding:12px 14px!important}
body.smanja-v171 .sj154-schedule-row>.sj154-time-card span{font-size:12px!important;line-height:1.3!important}
body.smanja-v171 .sj154-schedule-row>.sj154-time-card strong{font-size:21px!important;line-height:1.12!important;margin-top:4px!important}
body.smanja-v171 .sj154-schedule-label i{width:34px!important;height:34px!important;min-width:34px!important;font-size:14px!important}
body.smanja-v171 .sj154-schedule-label strong{font-size:15px!important;line-height:1.2!important}
body.smanja-v171 .sj154-schedule-label small{font-size:11px!important;line-height:1.3!important}

/* ======================================================================
   BERITA TERKINI + SOROTAN
   ====================================================================== */
body.smanja-v171 .sj17-headline-slider .sj15-headline-cue{padding:8px 12px!important}
body.smanja-v171 .sj17-headline-slider .sj15-headline-cue,
body.smanja-v171 .sj17-headline-slider .sj15-headline-cue b{font-size:11.5px!important;line-height:1.25!important}
body.smanja-v171 .sj151-today{padding:15px!important}
body.smanja-v171 .sj151-today-head .sj9-eyebrow{font-size:11px!important}
body.smanja-v171 .sj151-today-head .sj9-text-link{font-size:12px!important}
body.smanja-v171 .sj151-today-card{min-height:104px!important;padding:13px!important}
body.smanja-v171 .sj151-today-copy small{font-size:11px!important;line-height:1.3!important}
body.smanja-v171 .sj151-today-copy strong{font-size:13.5px!important;line-height:1.42!important}
body.smanja-v171 .sj151-today-copy em{font-size:11px!important;line-height:1.35!important}

/* ======================================================================
   MEDIA SOSIAL
   ====================================================================== */
body.smanja-v171 .sj17-social-ribbon{min-height:150px!important}
body.smanja-v171 .sj17-social-copy{padding:17px 18px!important}
body.smanja-v171 .sj17-social-copy .sj9-eyebrow,
body.smanja-v171 .sj153-social-copy .sj9-eyebrow{font-size:11px!important}
body.smanja-v171 .sj17-social-copy h2,
body.smanja-v171 .sj153-social-copy h2{font-size:20px!important;line-height:1.25!important}
body.smanja-v171 .sj17-social-copy p,
body.smanja-v171 .sj153-social-copy p{font-size:12.5px!important;line-height:1.55!important;margin-bottom:10px!important}
body.smanja-v171 .sj17-social-ribbon .sj153-social-btn,
body.smanja-v171 .sj153-social-btn{min-height:32px!important;padding:6px 10px!important;font-size:11.5px!important;line-height:1.2!important}
body.smanja-v171 .sj17-social-ribbon .sj153-social-handle,
body.smanja-v171 .sj153-social-handle{font-size:11.5px!important;line-height:1.35!important}
body.smanja-v171 .sj153-social-shot>span{font-size:11px!important}

/* ======================================================================
   SIDEBAR: KEPALA SEKOLAH, KALENDER, KONTAK
   ====================================================================== */
body.smanja-v171 .sj17-principal-card>.sj9-eyebrow,
body.smanja-v171 .sj151-principal-card>.sj9-eyebrow,
body.smanja-v171 .sj151-calendar-card>.sj9-eyebrow{font-size:11px!important}
body.smanja-v171 .sj17-principal-card h3,
body.smanja-v171 .sj151-principal-card h3{font-size:18px!important;line-height:1.3!important}
body.smanja-v171 .sj17-principal-card small,
body.smanja-v171 .sj151-principal-card small{font-size:11.5px!important;line-height:1.4!important}
body.smanja-v171 .sj17-principal-card p,
body.smanja-v171 .sj151-principal-card p{font-size:13.5px!important;line-height:1.72!important}
body.smanja-v171 .sj17-principal-card .sj9-text-link,
body.smanja-v171 .sj151-principal-card .sj9-text-link,
body.smanja-v171 .sj151-calendar-card .sj9-text-link{font-size:12px!important}
body.smanja-v171 .sj151-calendar-card h3{font-size:17px!important;line-height:1.3!important}
body.smanja-v171 .sj151-calendar-card caption{font-size:11.5px!important}
body.smanja-v171 .sj151-calendar-card table{font-size:11.5px!important;line-height:1.35!important}
body.smanja-v171 .sj151-calendar-card th{font-size:10.5px!important}

body.smanja-v171 .sj17-contact-head .sj9-eyebrow{font-size:10.5px!important}
body.smanja-v171 .sj17-contact-head h3{font-size:17px!important;line-height:1.25!important}
body.smanja-v171 .sj17-contact-tagline{font-size:12.5px!important;line-height:1.55!important}
body.smanja-v171 .sj17-contact-list>a{min-height:52px!important;padding:8px 9px!important}
body.smanja-v171 .sj17-contact-list>a>i{width:31px!important;height:31px!important;font-size:12px!important}
body.smanja-v171 .sj17-contact-list small{font-size:10px!important;line-height:1.25!important}
body.smanja-v171 .sj17-contact-list strong{font-size:12.5px!important;line-height:1.35!important}
body.smanja-v171 .sj17-contact-list b{font-size:11px!important}
body.smanja-v171 .sj17-contact-actions>a{min-height:36px!important;padding:7px!important;font-size:11.5px!important}

/* ======================================================================
   INFOGRAFIS SISWA
   ====================================================================== */
body.smanja-v171 .sj15-student-heading .sj92-data-label{font-size:11px!important;padding:6px 10px!important}
body.smanja-v171 .sj15-stat-kicker{font-size:10.5px!important;line-height:1.25!important}
body.smanja-v171 .sj15-stat strong{font-size:clamp(34px,3vw,44px)!important}
body.smanja-v171 .sj15-stat h3{font-size:13px!important;line-height:1.3!important}
body.smanja-v171 .sj15-stat p{font-size:11.5px!important;line-height:1.4!important}

/* ======================================================================
   PENGUMUMAN / INFO PENTING
   ====================================================================== */
body.smanja-v171 .sj15-priority .sj9-eyebrow{font-size:11px!important}
body.smanja-v171 .sj15-priority h2{font-size:22px!important;line-height:1.25!important}
body.smanja-v171 .sj15-ann-copy time{font-size:10.5px!important;line-height:1.3!important}
body.smanja-v171 .sj15-ann-copy strong{font-size:13.5px!important;line-height:1.45!important}
body.smanja-v171 .sj15-ann-copy small{font-size:10.5px!important;line-height:1.35!important}
body.smanja-v171 .sj15-ann-arrow{font-size:12px!important}

/* ======================================================================
   LAYANAN DALAM SATU AKSES
   ====================================================================== */
body.smanja-v171 .sj15-service-summary small{font-size:10.5px!important;line-height:1.3!important}
body.smanja-v171 .sj15-service-summary strong{font-size:17px!important;line-height:1.25!important}
body.smanja-v171 .sj15-service-summary em{font-size:11.5px!important;line-height:1.3!important}
body.smanja-v171 .sj15-service-panel .sj9-service-card strong{font-size:13px!important;line-height:1.35!important}
body.smanja-v171 .sj15-service-panel .sj9-service-card small{font-size:11px!important;line-height:1.4!important}

/* ======================================================================
   GALERI + VIDEO
   ====================================================================== */
body.smanja-v171 .sj15-photo-card small{font-size:10.5px!important;line-height:1.25!important}
body.smanja-v171 .sj15-photo-card strong{font-size:14px!important;line-height:1.4!important}
body.smanja-v171 .sj15-carousel-nav{font-size:12px!important}
body.smanja-v171 .sj15-video-copy h3{font-size:18px!important;line-height:1.35!important}
body.smanja-v171 .sj15-video-copy p{font-size:13px!important;line-height:1.6!important}
body.smanja-v171 .sj15-video-placeholder span,
body.smanja-v171 .sj15-video-placeholder a,
body.smanja-v171 .sj15-media-empty{font-size:12.5px!important;line-height:1.5!important}

/* ======================================================================
   GURU & TENAGA KEPENDIDIKAN + PAGINATION
   ====================================================================== */
body.smanja-v171 .sj15-teacher-copy small{font-size:10.5px!important;line-height:1.3!important}
body.smanja-v171 .sj15-teacher-copy h3{font-size:14.5px!important;line-height:1.38!important}
body.smanja-v171 .sj15-teacher-copy p{font-size:12px!important;line-height:1.5!important}
body.smanja-v171 .sj151-page-control,
body.smanja-v171 .sj151-page-button,
body.smanja-v171 .sj151-page-last,
body.smanja-v171 .sj151-page-ellipsis{font-size:12px!important}

/* ======================================================================
   PROFILE POINTS / NILAI INSTITUSI
   ====================================================================== */
body.smanja-v171 .sj154-profile-points strong{font-size:12px!important;line-height:1.3!important}
body.smanja-v171 .sj154-profile-points small{font-size:10.5px!important;line-height:1.35!important}
body.smanja-v171 .sj154-profile-points i{font-size:12px!important}

/* ======================================================================
   BERITA / AGENDA / RESOURCE BERBASIS TEMPLATE V9
   ====================================================================== */
body.smanja-v171 .sj9-news-body h3{font-size:16px!important;line-height:1.45!important}
body.smanja-v171 .sj9-news-lead .sj9-news-body h3{font-size:22px!important;line-height:1.35!important}
body.smanja-v171 .sj9-meta,
body.smanja-v171 .sj9-date{font-size:11.5px!important;line-height:1.35!important}
body.smanja-v171 .sj9-news-body p,
body.smanja-v171 .sj9-agenda-item p,
body.smanja-v171 .sj9-board p,
body.smanja-v171 .sj9-books p,
body.smanja-v171 .sj9-contact p{font-size:14px!important;line-height:1.68!important}
body.smanja-v171 .sj9-agenda-item strong,
body.smanja-v171 .sj9-resource-grid strong{font-size:14px!important;line-height:1.4!important}

/* ======================================================================
   JEJARING, IKLAN, SARANA PRASARANA
   ====================================================================== */
body.smanja-v171 .sj154-mini-head h2{font-size:20px!important;line-height:1.25!important}
body.smanja-v171 .sj154-related-card strong{font-size:13px!important;line-height:1.35!important}
body.smanja-v171 .sj154-related-card small{font-size:11px!important;line-height:1.35!important}
body.smanja-v171 .sj154-related-card>b{font-size:12px!important}
body.smanja-v171 .sj154-related-empty{font-size:12px!important;line-height:1.5!important}
body.smanja-v171 .sj154-ad-head small{font-size:11px!important;line-height:1.35!important}
body.smanja-v171 .sj154-ad-card>span{font-size:11.5px!important;line-height:1.35!important;padding:8px 9px!important}
body.smanja-v171 .sj154-ad-empty strong{font-size:13px!important}
body.smanja-v171 .sj154-ad-empty small{font-size:11px!important;line-height:1.5!important}
body.smanja-v171 .sj154-facility-copy small{font-size:10.5px!important;line-height:1.3!important}
body.smanja-v171 .sj154-facility-copy strong{font-size:14px!important;line-height:1.4!important}
body.smanja-v171 .sj154-facility-copy p{font-size:12.5px!important;line-height:1.55!important}
body.smanja-v171 .sj154-facility-placeholder strong{font-size:14px!important}
body.smanja-v171 .sj154-facility-placeholder small{font-size:11.5px!important}

/* ======================================================================
   BUTTON / FORM / FOOTER — konsisten dengan ukuran baca halaman.
   ====================================================================== */
body.smanja-v171 .sj9-button,
body.smanja-v171 .sj9-button-blue,
body.smanja-v171 .sj9-button-gold,
body.smanja-v171 #content .btn{font-size:12.5px!important;line-height:1.3!important}
body.smanja-v171 #content input,
body.smanja-v171 #content select,
body.smanja-v171 #content textarea{font-size:14px!important}
body.smanja-v171 .sj8-footer-brand h3{font-size:17px!important;line-height:1.3!important}
body.smanja-v171 .sj8-footer-brand p{font-size:12.5px!important;line-height:1.55!important}
body.smanja-v171 .sj8-footer-links a{font-size:12.5px!important;line-height:1.4!important}
body.smanja-v171 .sj8-footer-bottom{font-size:12px!important;line-height:1.5!important}

/* ======================================================================
   DETAIL / LIST PUBLIK — jangan sampai lebih kecil dari badan berita.
   ====================================================================== */
body.smanja-v171 #content .card-body,
body.smanja-v171 #content .article-content,
body.smanja-v171 #content .post-content,
body.smanja-v171 #content .berita-content,
body.smanja-v171 #content .isi-berita{font-size:15px!important;line-height:1.72!important}
body.smanja-v171 #content .card-body p,
body.smanja-v171 #content .article-content p,
body.smanja-v171 #content .post-content p,
body.smanja-v171 #content .berita-content p,
body.smanja-v171 #content .isi-berita p{font-size:15px!important;line-height:1.72!important}

/* ======================================================================
   RESPONSIVE TYPOGRAPHY
   ====================================================================== */
@media(max-width:1199.98px){
  body.smanja-v171{--sj171-text:14.5px}
  body.smanja-v171 .navbar-secondary .nav-link{font-size:12.5px!important}
  body.smanja-v171 .sj17-principal-card p,
  body.smanja-v171 .sj151-principal-card p{font-size:13px!important}
}
@media(max-width:991.98px){
  body.smanja-v171{--sj171-text:14.5px}
  body.smanja-v171 .navbar-secondary .nav-link,
  body.smanja-v171 .navbar-secondary .dropdown-item{font-size:14px!important}
  body.smanja-v171 .sj154-shortcuts strong,
  body.smanja-v171 .sj15-shortcuts strong{font-size:12.5px!important}
  body.smanja-v171 .sj154-shortcuts small,
  body.smanja-v171 .sj15-shortcuts small{font-size:10.5px!important}
  body.smanja-v171 .sj17-board-sidebar{align-items:stretch!important}
}
@media(max-width:767.98px){
  body.smanja-v171{--sj171-text:14px;--sj171-small:11.5px;--sj171-meta:10.5px}
  body.smanja-v171 .school-name{font-size:15px!important}
  body.smanja-v171 .school-tagline{font-size:10px!important}
  body.smanja-v171 .sj154-shortcuts>a,
  body.smanja-v171 .sj15-shortcuts>a{min-height:64px!important;padding:9px 10px!important}
  body.smanja-v171 .sj154-shortcuts strong,
  body.smanja-v171 .sj15-shortcuts strong{font-size:12px!important}
  body.smanja-v171 .sj154-shortcuts small,
  body.smanja-v171 .sj15-shortcuts small{font-size:10px!important}
  body.smanja-v171 .sj154-schedule-row>article{min-height:76px!important}
  body.smanja-v171 .sj154-schedule-row>.sj154-time-card strong{font-size:19px!important}
  body.smanja-v171 .sj17-social-copy h2{font-size:18px!important}
  body.smanja-v171 .sj15-stat strong{font-size:32px!important}
  body.smanja-v171 .sj15-stat h3{font-size:12px!important}
  body.smanja-v171 .sj15-stat p{font-size:10.5px!important}
  body.smanja-v171 .sj9-section-head h2{font-size:24px!important}
  body.smanja-v171 .sj154-related-card strong{font-size:12.5px!important}
  body.smanja-v171 .sj154-facility-copy strong{font-size:13.5px!important}
}
@media(max-width:480px){
  body.smanja-v171{--sj171-text:14px}
  body.smanja-v171 .sj15-ticker .sj92-ticker-label{font-size:10px!important}
  body.smanja-v171 .sj15-ticker .sj92-ticker-items a{font-size:11.5px!important}
  body.smanja-v171 .sj151-today-copy strong{font-size:13px!important}
  body.smanja-v171 .sj17-principal-card p,
  body.smanja-v171 .sj151-principal-card p{font-size:13px!important}
  body.smanja-v171 .sj17-contact-tagline{font-size:12px!important}
  body.smanja-v171 .sj15-service-panel .sj9-service-card strong{font-size:12.5px!important}
  body.smanja-v171 .sj15-service-panel .sj9-service-card small{font-size:10.5px!important}
  body.smanja-v171 .sj15-teacher-copy h3{font-size:14px!important}
  body.smanja-v171 .sj15-teacher-copy p{font-size:11.5px!important}
}