.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-rule,#e2e2de);background:var(--color-paper,#fff);border-radius:4px;cursor:pointer;flex-shrink:0}.nav-toggle-bars{display:block;width:18px;height:2px;background:var(--color-ink,#1a1a18);position:relative}.nav-toggle-bars:after,.nav-toggle-bars:before{content:"";position:absolute;left:0;width:18px;height:2px;background:inherit}.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}@media (max-width:960px){.nav-toggle{display:inline-flex}.top-nav{flex-wrap:wrap;gap:var(--space-2,8px);align-items:center}.top-nav .menu-list{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .2s ease,padding .2s ease}.top-nav .menu-list.is-open{display:flex;max-height:480px;padding-top:var(--space-2,8px);border-top-color:var(--color-rule,#e2e2de)}.top-nav .menu-item{padding:12px 4px;font-size:1rem;border-bottom:1px solid var(--color-rule-light,#f0f0ec)}.top-nav .auth-links{margin-left:auto;gap:6px;flex-shrink:0}.top-nav .auth-links .btn{min-height:unset;padding:6px 12px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}.top-nav .auth-links .btn.ghost{display:inline-flex}.user-caret,.user-name{display:none}}@media (max-width:768px){.container,.ed-page,.iv-shell{padding-left:var(--space-4,16px);padding-right:var(--space-4,16px)}.hp-page{padding-left:0;padding-right:0}.hp-page,.main-content{overflow-x:hidden}.section-space{padding-top:var(--space-6,24px);padding-bottom:var(--space-6,24px)}}@media (max-width:640px){.doc-search{flex-direction:column;align-items:stretch;gap:var(--space-3,12px)}.doc-search .btn,.doc-search input,.doc-search select{width:100%}}@media (max-width:768px){.collection-box-list,.ed-lembaga-grid,.hp-lembaga-grid,.hp-tokoh-grid,.khas-grid{grid-template-columns:1fr}.ed-tokoh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card-list{grid-template-columns:1fr}.content-card,.panel-head{flex-direction:column}.panel-head{align-items:stretch;gap:var(--space-3,12px)}.mypage-search{width:100%}.collection-hero,.profile-box,.profile-hero-grid{flex-direction:column}.profile-photo-box{width:100%;max-width:200px;margin:0 auto}.collection-hero-book{margin:0 auto}.pejabat-grid{grid-template-columns:1fr}.iv-hero-content,.iv-main--full{padding-left:0;padding-right:0}.doc-toc{position:static;max-height:none;margin-bottom:var(--space-4,16px)}.pdf-frame{min-height:60vh}}@media (max-width:480px){.account-card,.ed-auth-card{margin-left:var(--space-4,16px);margin-right:var(--space-4,16px);padding:var(--space-6,24px)}.ed-auth-wrap{padding:var(--space-6,24px) 0}}.opt-img--fill{object-fit:cover}.collection-article-cover,.content-cover,.ed-dir-cover,.ed-lembaga-emblem,.ed-list-thumb,.hp-news-media,.hp-profil-avatar,.khas-card-cover,.sr-isu-cover,.sr-list-cover{position:relative;overflow:hidden}.collection-article-cover>span,.content-cover>span,.ed-list-thumb>span,.hp-news-media>span,.hp-profil-avatar>span{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.collection-article-cover .opt-img--fill,.collection-article-cover img,.content-cover .opt-img--fill,.content-cover img,.ed-list-thumb .opt-img--fill,.ed-list-thumb img,.hp-news-media .opt-img--fill,.hp-news-media img{object-fit:cover;width:100%;height:100%}@media (max-width:960px){.hp-content,.hp-hero{padding-left:max(var(--space-4),4vw);padding-right:max(var(--space-4),4vw)}.hp-main-layout{grid-template-columns:1fr;min-width:0}.hp-content{min-width:0;overflow:hidden}.hp-today-cards{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:var(--space-3,12px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:unset;padding-bottom:var(--space-2,8px);margin-left:calc(-1 * max(var(--space-4), 4vw));margin-right:calc(-1 * max(var(--space-4), 4vw));padding-left:max(var(--space-4),4vw);padding-right:max(var(--space-4),4vw)}.hp-today-cards::-webkit-scrollbar{display:none}.hp-today-card{flex:0 0 min(78vw,280px);width:min(78vw,280px);max-width:min(78vw,280px);scroll-snap-align:start;min-height:140px}.hp-today-card h3{font-size:.9375rem;-webkit-line-clamp:3}.hp-today-card h3,.hp-today-card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.hp-today-card p{-webkit-line-clamp:2}.hp-news-grid{display:flex;flex-direction:column;gap:var(--space-3,12px);width:100%;max-width:100%;min-width:0}.hp-news-card,.hp-news-card--lead,.hp-news-card:not(.hp-news-card--lead){display:flex;flex-direction:row!important;align-items:stretch}.hp-news-card{min-width:0;max-width:100%;width:100%}.hp-news-card--lead{grid-column:auto;border:2px solid var(--color-ink);box-shadow:0 3px 0 var(--color-ink);background:var(--color-paper-warm,#faf9f6)}.hp-news-card:not(.hp-news-card--lead){border-color:var(--color-rule);box-shadow:none}.hp-news-card--lead .hp-news-media{width:144px;min-width:144px;max-width:144px;aspect-ratio:1/1;height:auto;align-self:stretch}.hp-news-card:not(.hp-news-card--lead) .hp-news-media{width:72px;min-width:72px;max-width:72px;aspect-ratio:1/1;height:auto;align-self:stretch}.hp-news-media-fallback{min-height:unset;aspect-ratio:1/1;border-right:1px solid var(--color-rule);border-bottom:none}.hp-news-body{padding:var(--space-3,12px) var(--space-4,16px);min-width:0;flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:4px}.hp-news-title{font-size:.875rem;line-height:1.35;overflow-wrap:anywhere}.hp-news-card--lead .hp-news-title{font-size:1.0625rem;line-height:1.3}.hp-news-excerpt{-webkit-line-clamp:3}.hp-news-excerpt--compact{-webkit-line-clamp:2}.hp-doc-grid{display:flex;flex-direction:column;gap:var(--space-3,12px);width:100%;min-width:0}.hp-doc-card{min-height:unset;max-width:100%;padding:var(--space-4,16px);padding-right:var(--space-8,32px)}.hp-doc-card-title{font-size:.875rem;padding-right:var(--space-4,16px);overflow-wrap:anywhere}.hp-doc-card-meta{font-size:.75rem}.hp-sec-header{flex-wrap:wrap;align-items:baseline;gap:var(--space-2,8px)}.hp-see-all{padding-bottom:0;font-size:.75rem}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-6,24px)}.btn:not(.top-nav .auth-links .btn),.ed-load-more,.menu-item,.read-link,.user-button{min-height:44px}}