/* ===== Profil Sekolah ===== */
.subnav{
  display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 8px;
}
.subnav a{
  padding:8px 12px; background:#fff; border:1px solid var(--line);
  border-radius:10px; color:var(--ink); text-decoration:none; font-weight:600;
}
.subnav a:hover{ border-color:#cbd8ee; }

/* Hero */
.hero-profile{
  background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow);
  display:grid; grid-template-columns:1.4fr .9fr; gap:18px; padding:18px; align-items:center; margin-bottom:12px;
}
.hero-profile .hero-text h1{ margin:0 0 6px; font-size:28px; }
.hero-profile .hero-text p{ margin:0; color:#44546b; }
.hero-profile img{ width:100%; height:220px; object-fit:cover; border-radius:10px; }

.section-block{ margin:22px 0; }
.flex-split{ display:grid; grid-template-columns: 320px 1fr; gap:18px; }
.figure{
  width:100%; height:320px; object-fit:cover; border-radius:12px; border:1px solid #e7eef6; background:#eef4fb;
}
.text .sign{ margin-top:10px; color:#334057; }
.section-title{ margin-bottom:12px; }

/* Timeline */
.timeline{ list-style:none; margin:0; padding:0; border-left:3px solid #d7e3ff; }
.timeline li{ position:relative; padding:10px 12px 10px 16px; margin-left:12px; }
.timeline li::before{
  content:""; position:absolute; left:-9px; top:14px; width:12px; height:12px; border-radius:50%;
  background:#2f76ff; box-shadow:0 0 0 3px #e8f0ff;
}
.timeline .time{ font-weight:700; color:#1f2a44; margin-bottom:4px; }
.timeline .desc{ color:#44546b; }

/* Identitas (grid key-value) */
.id-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;
}
.id-grid > div{
  background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px;
}
.id-grid span{ display:block; font-size:12px; color:#6b7a90; }
.id-grid strong{ display:block; margin-top:4px; }

/* Cards umum */
.cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.card{ background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:14px; }
.bullets{ margin:0; padding-left:18px; color:#334057; }
.bullets li{ margin:6px 0; }

/* Video wrapper */
.video-wrap{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:12px; border:1px solid var(--line); }
.video-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

/* Fasilitas grid */
.fac-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px;
}
.fac-card{
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow);
  padding:12px;
}
.fac-card img{ width:100%; height:150px; object-fit:cover; border-radius:10px; margin-bottom:8px; }

/* Struktur organisasi */
.org-card{
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow);
  padding:12px; text-align:center;
}
.org-card img{ max-width:100%; height:auto; border-radius:10px; }
.org-card .muted{ color:#6b7a90; margin:6px 0 0; }

/* CTA */
.cta-prog{
  background:#0b1b3a; color:#d7e6ff; border-radius:14px; padding:18px; text-align:center; margin:28px 0 8px;
}
.cta-prog .btn-primary{
  display:inline-block; margin-top:8px; background:#2f76ff; color:#fff; padding:10px 14px; border-radius:10px; text-decoration:none; font-weight:700;
}
.cta-prog .btn-primary:hover{ background:#1e63ec; }

/* Responsif */
@media (max-width: 900px){
  .flex-split{ grid-template-columns:1fr; }
}
@media (max-width: 720px){
  .hero-profile{ grid-template-columns:1fr; }
  .hero-profile img{ height:180px; }
}

/* Lirik mars */
.lyrics{
  white-space: pre-line;           /* hormati baris-baris */
  background: #f8fbff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  color: #25324a;
  margin-bottom: 14px;
  line-height: 1.8;
}