/* PEMRED ADUHAY — Theme Core Foundation.
 * Shared structural authority. Feature presentation remains higher-layer owned.
 */
:root{--pah-core-container-max:1180px;--pah-core-gutter:16px}
.pah-core-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}

/* Semantic shell: skip link is visible only when keyboard-focused. */
.pah-skip-link{position:absolute;left:16px;top:-100px;z-index:100000;padding:10px 14px;background:var(--pe-surface,#fff);color:var(--pe-text,#20242a);border:1px solid var(--pe-border,#e4e6e8);text-decoration:none;font-weight:700}
.pah-skip-link:focus{top:12px}

/* Canonical media placeholder. Geometry is inherited from each feature wrapper. */
.pe-media-placeholder{display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;overflow:hidden;background:var(--pe-color-media,#e7e9ec);color:var(--pe-color-meta,#767d85);border-radius:var(--pe-image-radius,4px);font-family:var(--pe-font-family,Montserrat,Arial,sans-serif);font-weight:700;text-transform:uppercase;user-select:none;transform:none!important;transition:none!important}
.pe-media-placeholder .pah-media-placeholder-initial{font-size:clamp(18px,4vw,42px);line-height:1;opacity:.72}
.pe-post-card .pe-media-placeholder{aspect-ratio:16/10}
.pe-post-list .pe-media-placeholder{width:180px;height:120px}
.pe-single-image .pe-media-placeholder{aspect-ratio:16/9;min-height:220px}
@media(max-width:900px){.pe-post-list .pe-media-placeholder{width:120px;height:90px}.pe-single-image .pe-media-placeholder{min-height:180px}}

/* One Core-owned navigation/runtime presentation lifecycle. */
html.pah-is-navigating{cursor:progress}
html.pah-is-navigating #main{cursor:progress}

/* Core Skeleton: masks real server-rendered editorial units only. Header/Nav/PWA/Ads are excluded. */
html.pe-skeleton-boot{--pe-skeleton-base:#e3e7eb;--pe-skeleton-highlight:#f5f6f7}

@keyframes pe-global-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) :is(a,div,figure):has(>img){position:relative;overflow:hidden}
html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) :is(a,div,figure):has(>img)>img{opacity:0!important}
html.pe-skeleton-boot .pe-m8-hero:not(.pe-skeleton-ready):has(>img){position:relative;overflow:hidden}
html.pe-skeleton-boot .pe-m8-hero:not(.pe-skeleton-ready):has(>img)>img{opacity:0!important}
html.pe-skeleton-boot .pe-m8-hero:not(.pe-skeleton-ready):has(>img)::before,
html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) :is(a,div,figure):has(>img)::after{content:"";position:absolute;z-index:30;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--pe-skeleton-base) 20%,var(--pe-skeleton-highlight) 42%,var(--pe-skeleton-base) 64%);background-size:220% 100%;animation:pe-global-skeleton-shimmer 1.1s linear infinite}
html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) :is(h1,h2,h3,[class$="-title"],[class*="-title "],[class$="-meta"],[class*="-meta "],.pe-article-published){color:transparent!important;text-shadow:none!important;border-radius:4px;background:linear-gradient(90deg,var(--pe-skeleton-base) 20%,var(--pe-skeleton-highlight) 42%,var(--pe-skeleton-base) 64%)!important;background-size:220% 100%!important;animation:pe-global-skeleton-shimmer 1.1s linear infinite!important}
html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) :is(h1,h2,h3,[class$="-title"],[class*="-title "],[class$="-meta"],[class*="-meta "],.pe-article-published) *{color:transparent!important;text-shadow:none!important}
.pe-skeleton-unit.pe-skeleton-ready img{transition:opacity .16s ease}
@media(prefers-reduced-motion:reduce){html.pe-skeleton-boot .pe-m8-hero:not(.pe-skeleton-ready):has(>img)::before,html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) :is(a,div,figure):has(>img)::after,html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) :is(h1,h2,h3,[class$="-title"],[class*="-title "],[class$="-meta"],[class*="-meta "],.pe-article-published){animation:none!important}.pe-skeleton-unit.pe-skeleton-ready img{transition:none!important}}

html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) .pe-media-placeholder{color:transparent!important;background:linear-gradient(90deg,var(--pe-skeleton-base) 20%,var(--pe-skeleton-highlight) 42%,var(--pe-skeleton-base) 64%)!important;background-size:220% 100%!important;animation:pe-global-skeleton-shimmer 1.1s linear infinite!important}
@media(prefers-reduced-motion:reduce){html.pe-skeleton-boot :is(.pe-post-list,.pe-latest-item,.pe-index-item,.pe-search-sorotan-item,.pe-category-public-card,.pe-m5-top5-item,.pe-m5-topic-hero,.pe-m6-card,.pe-m7-viral-item,.pe-m7-popular-item,.pe-m8-hero,.pe-m8-strong-item,.pe-mitra-card,.pe-editorial-card,.pe-post-card,.pe-single):not(.pe-skeleton-ready) .pe-media-placeholder{animation:none!important}}

/* Final Theme Core responsive and accessibility contract. */
:focus-visible{outline:3px solid var(--pe-color-accent,#174b9b)!important;outline-offset:2px!important}
.navigation.pagination .page-numbers,
.pe-index-pagination .page-numbers,
.pe-content-pages .post-page-numbers{min-width:44px!important;min-height:44px!important}

/* Canonical Core summary geometry applies to the native generic Loop renderer. */
.pe-post-list{grid-template-columns:150px minmax(0,1fr)!important;gap:16px!important}
.pe-post-list .pe-post-thumb,
.pe-post-list .pe-post-thumb>img,
.pe-post-list .pe-post-thumb>.pe-media-placeholder{width:150px!important}
.pe-post-list-excerpt{display:block;margin:7px 0 0;color:var(--pe-color-text,#25292e);font-family:var(--pe-font-family);font-size:14px;line-height:1.55}
@media(max-width:900px){
  .pe-post-list{grid-template-columns:116px minmax(0,1fr)!important;gap:12px!important}
  .pe-post-list .pe-post-thumb,
  .pe-post-list .pe-post-thumb>img,
  .pe-post-list .pe-post-thumb>.pe-media-placeholder{width:116px!important}
}
@media(max-width:480px){
  .pe-post-list{grid-template-columns:108px minmax(0,1fr)!important;gap:10px!important}
  .pe-post-list .pe-post-thumb,
  .pe-post-list .pe-post-thumb>img,
  .pe-post-list .pe-post-thumb>.pe-media-placeholder{width:108px!important}
  .pe-post-list-excerpt{display:none!important}
}

/* Single title remains feature-styled but cannot escape the Core readable clamp. */
.pe-article-header h1,.pe-single h1{font-size:clamp(28px,var(--pe-font-article_title-desktop,34px),44px)!important}
@media(max-width:900px){.pe-article-header h1,.pe-single h1{font-size:clamp(26px,var(--pe-font-article_title-mobile,26px),36px)!important}}

