/* ==========================================================================
   RSUD SMART — Pusat Edukasi Pasien (PKRS)
   ========================================================================== */
.rs-edu-page { padding-block: clamp(2rem, 5vw, 3.5rem) clamp(3rem, 7vw, 5rem); }
.rs-edu-page > * { margin-block: 0; }
.rs-edu { display: grid; gap: 1.5rem; }

/* Alat cari & saring */
.rs-edu__tools { display: grid; gap: .9rem; }
.rs-edu__search { display: flex; align-items: center; gap: .6rem; padding: 0 1rem; height: 56px; border-radius: 16px; background: #fff; border: 1.5px solid var(--rs-line); box-shadow: var(--rs-shadow); }
.rs-edu__search:focus-within { border-color: var(--rs-secondary); box-shadow: 0 0 0 4px rgba(58, 132, 196, .15); }
.rs-edu__search svg { width: 20px; height: 20px; flex: none; color: var(--rs-muted); fill: none; stroke: currentColor; stroke-width: 2; }
.rs-edu__search input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; font: inherit; font-size: 1rem; outline: none; }
.rs-edu__chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.rs-edu__chips button { padding: .45rem .95rem; border-radius: 999px; border: 1.5px solid var(--rs-line); background: #fff; font: inherit; font-size: .88rem; font-weight: 700; color: var(--rs-ink); cursor: pointer; }
.rs-edu__chips button small { color: var(--rs-muted); font-weight: 600; }
.rs-edu__chips button[aria-pressed="true"] { background: var(--rs-primary); border-color: var(--rs-primary); color: #fff; }
.rs-edu__chips button[aria-pressed="true"] small { color: #C9D3EC; }
.rs-edu__chips--type button { font-size: .82rem; padding: .35rem .8rem; }
.rs-edu__chips--type button[aria-pressed="true"] { background: var(--rs-accent-dark); border-color: var(--rs-accent-dark); }
.rs-edu__count { margin: 0; font-size: .86rem; color: var(--rs-muted); min-height: 1.2em; }
.rs-edu__empty { margin: 0; padding: 1.5rem; border-radius: var(--rs-r-l); background: var(--rs-surface); text-align: center; color: var(--rs-muted); }

/* Kartu */
.rs-edu__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 1.25rem; }
.rs-educard[hidden] { display: none; }
.rs-educard > a { display: flex; flex-direction: column; height: 100%; border-radius: var(--rs-r-l); overflow: hidden; background: #fff; border: 1px solid var(--rs-line); box-shadow: var(--rs-shadow); text-decoration: none; color: var(--rs-ink); transition: transform .25s var(--rs-ease), box-shadow .25s var(--rs-ease); }
.rs-educard > a:hover { transform: translateY(-4px); box-shadow: var(--rs-shadow-lift); }
.rs-educard__media { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #E6EEF9, #EAF7EE); color: var(--rs-primary); }
.rs-educard__media--video { background: linear-gradient(135deg, #26358C, #3A84C4); color: #fff; }
.rs-educard__media--leaflet, .rs-educard__media--infografis { background: linear-gradient(135deg, #EAF7EE, #FFF4D6); color: var(--rs-accent-dark); }
.rs-educard__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rs-educard__media > svg { width: 44px; height: 44px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.rs-educard__media em { position: absolute; left: .75rem; top: .75rem; padding: .2rem .65rem; border-radius: 99px; background: rgba(14, 26, 58, .78); color: #fff; font-style: normal; font-size: .72rem; font-weight: 800; }
.rs-educard__play { position: absolute; display: grid; place-content: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(226, 54, 75, .92); color: #fff; font-style: normal; font-size: 1.1rem; box-shadow: 0 8px 20px -6px rgba(0, 0, 0, .5); }
.rs-educard__body { display: flex; flex-direction: column; gap: .35rem; padding: 1.1rem 1.2rem 1.2rem; flex: 1; }
.rs-educard__body small { font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--rs-secondary); }
.rs-educard__body strong { font-size: 1.08rem; line-height: 1.35; }
.rs-educard__ex { font-size: .9rem; color: var(--rs-muted); line-height: 1.55; }
.rs-educard__foot { margin-top: auto; padding-top: .5rem; font-size: .8rem; font-weight: 700; color: var(--rs-muted); }

/* Halaman materi */
.rs-edumeta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; margin-top: 1rem; font-size: .9rem; color: #DDE5F7; }
.rs-edumeta a { padding: .25rem .75rem; border-radius: 99px; background: rgba(255, 255, 255, .14); color: #fff; font-weight: 700; text-decoration: none; }
.rs-edumeta__rev { display: inline-flex; align-items: center; gap: .4rem; color: #A7E58F; font-weight: 700; }
.rs-edumeta__rev svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.rs-edu-single { padding-block: clamp(2rem, 5vw, 3.5rem) clamp(3rem, 7vw, 5rem); }
.rs-edu-article { max-width: 780px; margin-inline: auto; display: grid; gap: 1.5rem; }
.rs-edu-article > * { margin-block: 0 !important; }
.rs-edu-lead p { margin: 0; font-size: clamp(1.08rem, 2vw, 1.22rem); line-height: 1.65; color: var(--rs-ink); font-weight: 500; }
.rs-edu-content { font-size: 1.05rem; line-height: 1.8; }
.rs-edu-content h2 { font-size: clamp(1.25rem, 2.6vw, 1.55rem); margin: 2rem 0 .6rem; }
.rs-edu-content li { margin-bottom: .4rem; }
.rs-eduvideo { position: relative; aspect-ratio: 16 / 9; border-radius: var(--rs-r-l); overflow: hidden; background: #0E1A3A; box-shadow: var(--rs-shadow-lift); }
.rs-eduvideo iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rs-edubox { padding: 1.3rem 1.4rem; border-radius: var(--rs-r-l); }
.rs-edubox h2 { margin: 0 0 .4rem; font-size: 1.1rem; }
.rs-edubox p { margin: 0; line-height: 1.65; }
.rs-edubox p + p { margin-top: .5rem; }
.rs-edubox--madura { background: #FFF8E5; border: 1px solid #F1D98B; }
.rs-edubox--file { display: flex; flex-wrap: wrap; gap: 1.1rem; align-items: center; background: #EAF7EE; border: 1px solid #BFE5C9; }
.rs-edubox--file img { width: 140px; border-radius: 12px; box-shadow: var(--rs-shadow); }
.rs-edubox--file > div { flex: 1 1 220px; }
.rs-edubox--file .rs-btn { margin-top: .75rem; }
.rs-edubox__icon { display: grid; place-content: center; width: 64px; height: 64px; border-radius: 18px; background: #fff; color: var(--rs-accent-dark); }
.rs-edubox__icon svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.rs-edubox--note { background: var(--rs-surface); border: 1px solid var(--rs-line); font-size: .92rem; }
.rs-eduactions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
.rs-edurel { margin-top: 1rem !important; display: grid; gap: 1rem; }
.rs-edurel h2 { margin: 0; font-size: 1.3rem; }
.rs-edurel .rs-edu__grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.rs-edurel p { margin: 0; }

/* Beranda */
.rs-eduhome { background: var(--rs-surface); }

/* Cetak: hanya isi materi */
@media print {
	.rs-site-header, .rs-footer, footer, .rs-fab, .rs-eduactions, .rs-edurel, .rs-eduvideo, .rs-breadcrumb, nav { display: none !important; }
	.rs-banner { background: none !important; color: #000 !important; padding: 0 !important; }
	.rs-banner__title, .rs-edumeta, .rs-edumeta a { color: #000 !important; background: none !important; }
	.rs-edu-content { font-size: 12pt; }
	.rs-edubox { border: 1px solid #999; background: none !important; }
}