/*
 * SMANJA v22.2.3 — Yayasan Frame Breathing Room
 * Deliberately scoped to the public Yayasan theme.
 * Improves inner gutters; keeps photo/banner/slider media full bleed.
 */
body.smanja-v223 {
  --sj223-outer-gap:24px;
  --sj223-frame-pad:clamp(22px,2.1vw,30px);
  --sj223-card-pad:clamp(16px,1.4vw,21px);
  --sj223-inline-gap:clamp(12px,1.2vw,18px);
}
/* Give the content canvas a little more horizontal room; leave hero full-width behavior intact. */
body.smanja-v223 .sj9-wrap,
body.smanja-v223 .sj22-page {
  width:min(1280px,calc(100% - 48px))!important;
  max-width:1280px!important;
  margin-inline:auto!important;
}
body.smanja-v223 .sj17-schoolboard {
  gap:var(--sj223-inline-gap)!important;
}
/* Outer framed sections. No padding on images or slider tracks themselves. */
body.smanja-v223 .sj9-priority,
body.smanja-v223 .sj15-media-section,
body.smanja-v223 .sj15-teacher-section,
body.smanja-v223 .sj154-facilities,
body.smanja-v223 .sj154-network-ads,
body.smanja-v223 .sj9-info-grid>.sj9-board,
body.smanja-v223 .sj9-resource-grid>.sj9-board,
body.smanja-v223 .sj13-school,
body.smanja-v223 .sj13-berseri,
body.smanja-v223 .sj22-quotes,
body.smanja-v223 .sj9-contact {
  padding:var(--sj223-frame-pad)!important;
}
/* Header and content in the schoolboard: preserve its grid layout and baseline. */
body.smanja-v223 .sj17-contact-card,
body.smanja-v223 .sj17-principal-card,
body.smanja-v223 .sj17-calendar-card,
body.smanja-v223 .sj151-today,
body.smanja-v223 .sj19-student-info {
  padding:var(--sj223-card-pad)!important;
  min-width:0;
}
body.smanja-v223 .sj151-today-grid,
body.smanja-v223 .sj19-stats,
body.smanja-v223 .sj9-news-grid,
body.smanja-v223 .sj15-announcement-grid,
body.smanja-v223 .sj154-facility-grid,
body.smanja-v223 .sj154-related-grid {
  gap:var(--sj223-inline-gap)!important;
}
/* Individual article cards: internal copy has space while images remain edge-to-edge. */
body.smanja-v223 .sj15-announcement-card {
  padding:12px 14px!important;
  column-gap:12px!important;
  min-width:0;
}
body.smanja-v223 .sj151-today-card {
  padding:14px 16px!important;
  min-width:0;
}
body.smanja-v223 .sj9-news-body {
  padding:19px 21px!important;
}
body.smanja-v223 .sj9-news-lead .sj9-news-body {
  padding:23px 26px!important;
}
body.smanja-v223 .sj9-service-card,
body.smanja-v223 .sj15-service-panel .sj9-service-card,
body.smanja-v223 .sj154-related-card {
  padding:var(--sj223-card-pad)!important;
  min-width:0;
}
body.smanja-v223 .sj15-service-panel {
  padding:15px 0 5px!important;
}
body.smanja-v223 .sj15-service-summary {
  padding:16px 20px!important;
}
body.smanja-v223 .sj15-video-copy {
  padding:20px 23px!important;
}
body.smanja-v223 .sj15-teacher-copy {
  padding:17px 19px 20px!important;
}
body.smanja-v223 .sj154-related-panel,
body.smanja-v223 .sj154-ad-panel {
  padding:22px!important;
}
body.smanja-v223 .sj154-facility-copy {
  padding:18px 20px 20px!important;
}
/* Education story and inspirational cards. */
body.smanja-v223 .sj13-steps {
  padding:30px 34px!important;
}
body.smanja-v223 .sj13-steps li p {
  padding:19px 22px!important;
}
body.smanja-v223 .sj13-values-grid article {
  padding:25px 20px!important;
}
body.smanja-v223 .sj22-quote-card {
  padding:24px 23px 22px!important;
}
/* Inner facility/detail pages. Keep cover photos and gallery crops full bleed. */
body.smanja-v223 .sj22-page-hero,
body.smanja-v223 .sj22-page-section,
body.smanja-v223 .sj22-facility-detail-body,
body.smanja-v223 .sj22-facility-detail-facts {
  padding:var(--sj223-frame-pad)!important;
}
body.smanja-v223 .sj22-facility-featured-copy,
body.smanja-v223 .sj22-facility-detail-intro {
  padding:clamp(25px,2.6vw,36px)!important;
}
body.smanja-v223 .sj22-facility-list-copy {
  padding:19px 21px!important;
}
/* Public overlays use matching comfortable copy gutters without altering close controls. */
body.smanja-v223 .modal .modal-body {
  padding:clamp(18px,2.1vw,28px)!important;
  overflow-wrap:anywhere;
}
body.smanja-v223 .modal .modal-header,
body.smanja-v223 .modal .modal-footer {
  padding:17px clamp(18px,2.1vw,26px)!important;
}
/* No horizontal overflow from rich content or long school names. */
body.smanja-v223 :is(.sj9-board,.sj17-principal-card,.sj151-today-card,.sj22-page-section,.sj154-related-card) {
  min-width:0;
  overflow-wrap:break-word;
}
/* Keep the generous gutters proportional to available space. */
@media(max-width:1199.98px) {
  body.smanja-v223 {--sj223-frame-pad:22px;--sj223-card-pad:16px;--sj223-inline-gap:12px;}
  body.smanja-v223 .sj9-wrap,
  body.smanja-v223 .sj22-page {width:calc(100% - 36px)!important;}
}
@media(max-width:767.98px) {
  body.smanja-v223 {--sj223-frame-pad:18px;--sj223-card-pad:15px;--sj223-inline-gap:10px;}
  body.smanja-v223 .sj9-wrap,
  body.smanja-v223 .sj22-page {width:calc(100% - 24px)!important;}
  body.smanja-v223 .sj15-announcement-card {padding:10px 12px!important;column-gap:10px!important;}
  body.smanja-v223 .sj151-today-card {padding:12px 14px!important;}
  body.smanja-v223 .sj9-news-body,
  body.smanja-v223 .sj9-news-lead .sj9-news-body {padding:17px 18px!important;}
  body.smanja-v223 .sj15-teacher-copy {padding:14px 16px 17px!important;}
  body.smanja-v223 .sj15-video-copy {padding:17px 18px!important;}
  body.smanja-v223 .sj154-related-panel,
  body.smanja-v223 .sj154-ad-panel {padding:16px!important;}
  body.smanja-v223 .sj13-steps {padding:19px!important;}
  body.smanja-v223 .sj13-steps li p {padding:15px 17px!important;}
  body.smanja-v223 .sj13-values-grid article {padding:19px 15px!important;}
  body.smanja-v223 .sj22-quote-card {padding:20px 19px!important;}
  body.smanja-v223 .sj22-facility-list-copy {padding:17px 18px!important;}
}
@media(max-width:479.98px) {
  body.smanja-v223 {--sj223-frame-pad:16px;--sj223-card-pad:14px;--sj223-inline-gap:9px;}
  body.smanja-v223 .sj9-wrap,
  body.smanja-v223 .sj22-page {width:calc(100% - 20px)!important;}
  body.smanja-v223 .sj15-announcement-card {padding:10px!important;}
  body.smanja-v223 .sj9-news-body,
  body.smanja-v223 .sj9-news-lead .sj9-news-body {padding:16px!important;}
  body.smanja-v223 .sj22-page-hero {padding:19px!important;}
}