/* SD IT Lukmanul Hakim – penyempurnaan editorial dan navigasi V4 */
:root{--content-width:1170px;--font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-family:var(--font-ui);font-size:15.5px;line-height:1.68;overflow-x:hidden}
.container{width:min(var(--content-width),calc(100% - 48px))}
.site-header{box-shadow:0 6px 28px rgba(13,53,43,.055)}
.nav-wrap{min-height:82px;gap:16px}.brand-words{max-width:190px}
.brand-words strong{line-height:1.27}.main-nav{align-items:center;gap:clamp(7px,.8vw,18px)}
.main-nav>a,.nav-dropdown>summary{font-weight:650;font-size:.84rem;white-space:nowrap;padding:8px 5px}
.nav-dropdown{position:relative;align-self:center}.nav-dropdown>summary{cursor:pointer;list-style:none}
.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary::after{content:"⌄";padding-left:6px;font-size:.9em}
.nav-dropdown[open]>summary{color:var(--forest);border-bottom:2px solid var(--gold)}
.nav-submenu{position:absolute;top:100%;left:-10px;min-width:225px;max-width:min(310px,90vw);background:#fff;border:1px solid var(--border);box-shadow:0 18px 36px rgba(13,53,43,.14);z-index:50;border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:3px}
.nav-submenu a{padding:10px 13px;border-radius:8px;font-size:.9rem;white-space:normal}.nav-submenu a:hover{background:#eff5ef}
.hero h1{font-size:clamp(2.35rem,4.5vw,4.1rem);line-height:1.13;letter-spacing:-.04em}
.hero p,.inner-hero p{max-width:690px}.section{padding-block:clamp(38px,5vw,76px)}
.section-lead{max-width:750px}.section-lead h2{line-height:1.2}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.news-card{overflow:hidden;border-radius:18px;border:1px solid #e3eae4;background:#fff;box-shadow:0 7px 25px rgba(13,53,43,.055);display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}
.news-card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(13,53,43,.1)}
.news-card .news-art{height:214px;min-height:0;overflow:hidden;background:#ebf1ec;flex-shrink:0}
.news-card .news-art img{width:100%;height:100%;object-fit:cover;min-height:0}
.news-card .news-content{padding:20px 21px 23px;display:flex;flex-direction:column;gap:10px;flex:1}
.news-card .news-content h3{font-size:1.15rem;line-height:1.44;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card .news-content p{font-size:.91rem;line-height:1.65;color:#586a62;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card .news-content small{color:#7a806e;font-weight:700;font-size:.77rem}
.news-card .news-content .text-link{margin-top:auto;padding-top:6px;font-weight:700}
/* Artikel detail: baca dengan nyaman, preservasi paragraf, list, heading. */
.cms-single,.article-body{max-width:900px;margin-inline:auto}
.article-section{background:#f8faf7}.article-paper{background:white!important;border:1px solid #e4ebe4!important;border-radius:20px!important;padding:clamp(22px,5vw,54px)!important;box-shadow:0 14px 46px rgba(13,53,43,.06)}
.article-cover{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:13px;margin:0 0 34px}
.cms-photo.article-cover{margin-bottom:30px}
.article-prose{font-size:1.08rem;line-height:1.95;color:#273a34;overflow-wrap:anywhere;white-space:normal}
.article-prose p{line-height:1.95;margin:0 0 1.24em}.article-prose h2{font-size:1.55rem;margin:1.7em 0 .75em;line-height:1.34}.article-prose h3{font-size:1.3rem;margin:1.5em 0 .7em}
.article-prose ul,.article-prose ol{padding-left:1.5em;margin:0 0 1.25em}.article-prose li{padding-left:.3em;margin-bottom:.48em}
.article-prose blockquote{background:#f1f7f1;padding:16px 22px;border-left:4px solid var(--gold);margin:1.5em 0;border-radius:0 11px 11px 0;color:#38564b}
.article-prose a{color:#12654b;text-decoration:underline;text-underline-offset:3px}
.article-body>.text-link,.cms-single>.text-link{display:inline-flex;margin-top:24px}
/* Admin konsisten dan enak di layar sempit */
.admin-main{min-width:0}.admin-layout{gap:26px}.admin-side{min-width:0}.admin-side a{border-radius:9px}
.admin-main .content-card{border-radius:17px;margin-bottom:22px}.quick-content-panel{max-width:none}.quick-content-actions{display:flex;gap:11px;flex-wrap:wrap}
.news-admin-thumb{width:76px;height:57px;border-radius:8px;object-fit:cover}
.media-picker{padding:14px;border:1px solid #dde9e0;border-radius:12px}.media-picker summary{font-weight:700;cursor:pointer}
.cms-menu-editor{max-width:970px}.quick-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;color:#597266}
.menu-link-choice{border:1px solid #cfddcf;padding:6px 12px;border-radius:18px;background:#f4f8f4;color:#2b5542;font-size:.8rem;cursor:pointer}
.menu-link-choice:hover{background:#e8f1e6}.cms-menu-editor input,.cms-menu-editor select{max-width:100%}
/* Preview dialog does not send a request or publish. */
.school-preview-dialog{position:fixed;inset:5vh auto auto;border:0;padding:0;border-radius:18px;max-height:88vh;overflow:auto;width:min(790px,calc(100vw - 28px));box-shadow:0 30px 80px rgba(0,0,0,.32);color:#253a31;background:#fff}
.school-preview-dialog::backdrop{background:rgba(10,34,27,.72)}
.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#123d35;color:#fff;padding:14px 24px;font-size:.77rem;font-weight:750;letter-spacing:.13em}
.preview-close{background:transparent;border:1px solid #ffffff70;border-radius:50%;width:36px;height:36px;color:white;font-size:18px}
.preview-article{padding:clamp(21px,5vw,48px)}.preview-category{color:#8c6b34;font-size:.73rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-bottom:15px}
.preview-title{font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.25;margin-bottom:19px;letter-spacing:-.04em}
.preview-excerpt{font-size:1.05rem;color:#566b61}.preview-photo{width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin-bottom:25px}
.preview-body{font-size:1rem;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.preview-body p{margin-bottom:1.4em}
.preview-footer{padding:13px 24px;color:#5a7063;background:#f1f5f1;font-size:.82rem;border-top:1px solid #e0e9e1}
@media(max-width:1120px){.menu-toggle{display:flex!important}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5ebe5;padding:15px max(20px,calc((100vw - 720px)/2));box-shadow:0 18px 25px #183c2929;max-height:75vh;overflow-y:auto;flex-direction:column;align-items:stretch;gap:0!important}.main-nav.is-open{display:flex}.main-nav>a,.nav-dropdown>summary{display:block;font-size:.94rem;padding:12px}.nav-dropdown .nav-submenu{position:static;box-shadow:none;min-width:0;margin:0 0 12px 14px}.nav-wrap{position:relative}.nav-dropdown{align-self:stretch}}
@media(max-width:860px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-single,.article-body{width:min(100% - 30px,760px)}.article-paper{padding:26px!important}}
@media(max-width:580px){.container{width:calc(100% - 28px)}.news-grid{grid-template-columns:1fr}.news-card .news-art{height:215px}.hero h1{font-size:clamp(2rem,9vw,3rem)}.inner-hero h1{font-size:clamp(1.9rem,9vw,2.85rem)}.article-prose{font-size:1rem;line-height:1.83}.article-prose p{line-height:1.83}.article-paper{padding:20px!important}.article-cover{margin-bottom:20px}.quick-content-actions>*{width:100%}.topstripe{font-size:.66rem}.school-preview-dialog{inset:2vh auto auto;max-height:95vh}}