/* V8: indikator pengunjung minimalis di footer, bukan kartu pada beranda. */
.school-footer-ending{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.school-visitor-counter{position:relative;flex-shrink:0;font-size:.8rem}
.school-visitor-counter summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;min-height:31px;padding:5px 9px;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:inherit;opacity:.88;font-weight:650;line-height:1}
.school-visitor-counter summary::-webkit-details-marker{display:none}
.school-visitor-counter summary::marker{content:''}
.school-visitor-counter summary svg{width:16px;height:16px;flex-shrink:0}
.school-visitor-number{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.school-visitor-counter summary:hover,.school-visitor-counter[open] summary{opacity:1;background:rgba(255,255,255,.11)}
.school-visitor-counter summary:focus-visible{outline:2px solid #8bdaff;outline-offset:3px}
.school-visitor-popover{position:absolute;bottom:calc(100% + 9px);right:0;z-index:20;width:min(255px,calc(100vw - 32px));display:grid;gap:7px;background:#fff;color:#314860;border:1px solid #dce5ec;border-radius:11px;box-shadow:0 14px 38px rgba(0,0,0,.19);padding:15px 16px;text-align:left;line-height:1.45}
.school-visitor-popover strong{font-size:.86rem;color:#1b4765}
.school-visitor-popover span{font-size:.8rem}
.school-visitor-popover small{color:#5d7282;font-size:.72rem;line-height:1.4}
@media(max-width:760px){.school-footer-ending{justify-content:center;gap:9px}.school-visitor-popover{right:-8px}}

/* V21: lima kartu koleksi bergambar; berita dan informasi dipisahkan. */
.school-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.school-collection-grid>.school-collection-card{min-height:0;padding:0;overflow:hidden;border-radius:15px;background:#fff;display:flex;flex-direction:column;border:1px solid #dfe8ef;box-shadow:0 6px 25px rgba(24,65,92,.06);transition:box-shadow .2s ease,transform .2s ease}
.school-collection-grid>.school-collection-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(24,65,92,.13)}
.school-collection-card .school-collection-media{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#e7f0f7}
.school-collection-card .school-collection-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.school-collection-card:hover .school-collection-media img{transform:scale(1.035)}
.school-collection-card .school-collection-body{padding:21px 21px 19px;display:flex;flex:1;flex-direction:column;gap:7px}
.school-collection-card .school-collection-body h3{color:#234c65;font-family:Georgia,"Times New Roman",serif;font-size:1.21rem;line-height:1.24;margin:0}
.school-collection-card .school-collection-body p{color:#607787;font-size:.83rem;line-height:1.6;margin:0 0 14px}
.school-collection-card .school-collection-action{display:block;border-top:1px solid #e6edf1;margin-top:auto;padding-top:14px;color:#b08545;font-size:.68rem;font-weight:800;letter-spacing:.105em}
.school-collection-card:focus-visible{outline:3px solid #2d92c9;outline-offset:3px}
.cms-card-cover-manager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cms-card-cover-form{display:flex;gap:13px;align-items:flex-start;border:1px solid #e0e8ed;border-radius:10px;padding:12px;min-width:0;background:#fbfdff}
.cms-card-cover-form>img{width:125px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#e8eff4;flex-shrink:0}
.cms-card-cover-form>div{min-width:0;flex:1}
.cms-card-cover-form strong,.cms-card-cover-form small,.cms-card-cover-form label{display:block}
.cms-card-cover-form strong{font-size:.88rem;color:#254b62}
.cms-card-cover-form small{font-size:.73rem;color:#687d8b;margin-bottom:8px}
.cms-card-cover-form label{font-size:.76rem;color:#4f687a;line-height:1.5}
.cms-card-cover-form input[type=file]{display:block;max-width:100%;margin:6px 0;font-size:.76rem}
.cms-card-cover-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.cms-card-cover-buttons .btn{min-height:34px;padding:6px 10px;font-size:.74rem}
@media(max-width:1100px){.school-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-card-cover-manager{grid-template-columns:1fr}}
@media(max-width:760px){.school-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.school-collection-grid{grid-template-columns:1fr}.school-collection-card .school-collection-body{padding:20px}.cms-card-cover-form{flex-direction:column}.cms-card-cover-form>img{width:100%;max-height:200px}}
@media(prefers-reduced-motion:reduce){.school-collection-grid>.school-collection-card,.school-collection-card .school-collection-media img{transition:none}}