/* Shared public finish. Monthly layouts remain in reader-themes.css. */
html[data-site-theme]{--reader-forest:#153b30;--reader-gold:#a98b4d;--reader-rule:#ddd8ca;--reader-muted:#6c7568;--reader-card:#fffdf8}
html[data-site-theme] body{font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--theme-paper);color:#283c32}
html[data-site-theme] .hn-header{background:#153b30!important;border-bottom:1px solid #b2985e55;box-shadow:0 8px 28px #142f2110}
html[data-site-theme] .hn-header .hn-masthead{padding-block:25px;gap:45px}
html[data-site-theme] .hn-header .brand-word{font-family:Georgia,serif;font-size:42px;font-weight:600;letter-spacing:-.035em;color:#dfcd9f}
html[data-site-theme] .hn-header .brand-logo>img{width:58px;height:58px;object-fit:contain}
html[data-site-theme] .hn-header .hn-tools #search{height:42px;max-width:560px;border-color:#b3a67e7a;background:#ffffff08;margin-bottom:20px}
html[data-site-theme] .hn-header #search input{font-size:15px;padding-inline:18px}
html[data-site-theme] .hn-shortcuts .hn-icon{border-color:#ac956056;background:#112f27;border-radius:10px;color:#dfca91}
html[data-site-theme] .hn-shortcuts .hn-item{color:#f0e8d1;gap:7px}
html[data-site-theme] .hn-shortcuts .hn-label{font-size:11px;line-height:1.5;font-weight:500}
html[data-site-theme] .hn-market-options{background:#15382e;border-color:#a88f57;box-shadow:0 18px 45px #142b2544;border-radius:12px;padding:10px}
html[data-site-theme] .hn-market-options a{padding:15px;border-radius:8px}
html[data-site-theme] .utility{border-bottom:1px solid #cab88026;background:#102d25;color:#ded2b0}
html[data-site-theme] .utility .wrap{padding-block:12px;align-items:center}
html[data-site-theme] .utility a{color:#e2d3aa;font-size:11px;letter-spacing:.01em}
html[data-site-theme] .reader-date-stack>span{font-size:10px;line-height:1.6;letter-spacing:.02em}
html[data-site-theme] .reader-date-stack{gap:4px}
html[data-site-theme] nav[aria-label='Kategori artikel'],html[data-site-theme] nav[aria-label='Menu utama']{background:#fffdf9;border-bottom:1px solid var(--reader-rule)}
html[data-site-theme] .home-channel-navigation,html[data-site-theme] .channel-navigation{padding-block:14px;gap:22px}
html[data-site-theme] .home-channel-navigation .category-name,html[data-site-theme] .channel-navigation .category-name{font-size:12px;font-weight:600;color:#3f5043;letter-spacing:.005em}
html[data-site-theme] .home-channel-navigation .active,html[data-site-theme] .channel-navigation [aria-current=page]{color:#7f6837}
html[data-site-home] .breaking{margin-top:23px;border-color:#ddd8ca;padding-block:13px;color:#6c7568}
html[data-site-home] .breaking b{color:#7f6837;letter-spacing:.14em;font-size:9px}
html[data-site-home] .intro{margin:40px 0 30px;align-items:center;gap:20px}
html[data-site-home] .intro h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(32px,3.4vw,47px);line-height:1.16;letter-spacing:-.035em;color:#223f31;margin:12px 0}
html[data-site-home] .eyebrow{color:#8f7744;letter-spacing:.17em;font-size:10px}
html[data-site-home] .demo{font-size:9px;color:#7e806e;letter-spacing:.04em}
html[data-site-home] .home-intro-controls{gap:22px}
html[data-site-home] .home-proposal-link,html[data-site-home] .public-share-heading{font-size:12px;color:#46604c;text-underline-offset:5px}
html[data-site-home] .top-layout,html[data-site-home] .bottom-layout{gap:30px}
html[data-site-home] .hero{box-shadow:0 10px 25px #1d302614}
html[data-site-home] .hero-copy{left:28px;right:28px;bottom:29px;z-index:2}
html[data-site-home] .hero h2{font-family:Georgia,serif;font-weight:600;letter-spacing:-.022em;line-height:1.23;text-shadow:0 2px 14px #0008}
html[data-site-home] .hero-copy .tag{font-size:9px;letter-spacing:.08em;padding:6px 10px;background:#354939eb;color:#e5d29f}
html[data-site-home] .hero-copy>p{font-size:10px;color:#e0c88c;letter-spacing:.06em}
html[data-site-home] .side-card h3{font-family:Georgia,serif;font-size:21px;line-height:1.38;letter-spacing:-.02em;color:#263e31;font-weight:600}
html[data-site-home] .side-card img{border-radius:6px}
html[data-site-home] .side-card .category{font-size:9px;letter-spacing:.06em;color:#7c714d;line-height:1.7}
html[data-site-home] .popular{padding:22px;background:#f1f0e7;border:1px solid #dedbce}
html[data-site-home] .section-head{border-bottom:1px solid #b7bba9;padding-bottom:12px}
html[data-site-home] .section-head h2{font-family:Georgia,serif;font-size:26px;letter-spacing:-.03em;color:#294833;font-weight:500}
html[data-site-home] .popular-item{padding:17px 0;border-color:#d9d9cc}
html[data-site-home] .popular-item h3{font-size:13px;line-height:1.65;font-weight:600}
html[data-site-home] .popular-item .rank{font-family:Georgia,serif;font-style:italic;color:#9e8953}
html[data-site-home] .topics{padding:22px 0;margin:30px 0;border-color:#ddd8ca;gap:10px}
html[data-site-home] .topics button{padding:8px 12px;border:1px solid #d9d6c8;border-radius:20px;background:#fffdf9;font-size:10px;color:#68755f}
html[data-site-home] #newsList{gap:23px}
html[data-site-home] #newsList .news-row{border-color:#dfddd0;background:#fffdf9;box-shadow:0 5px 20px #20362505}
html[data-site-home] #newsList .news-row h3{font-family:Georgia,serif;font-weight:500;font-size:23px;line-height:1.38;letter-spacing:-.018em;color:#294333}
html[data-site-home] #newsList .news-row p{font-size:13px;line-height:1.85;color:#6d7768}
html[data-site-home] .category{font-size:10px;letter-spacing:.05em;color:#7d744f}
html[data-site-home] .time,html[data-site-home] .article-open-total{color:#7e8575;font-size:10px;line-height:1.6}
html[data-site-home] .editorial{padding:30px;background:#eaece0;border-top:2px solid #a38c51}
html[data-site-home] .editorial blockquote p{font-family:Georgia,serif;font-size:22px;line-height:1.7;color:#354c37}
html[data-site-home] .load-more{min-height:46px;padding:12px 24px;border-color:#aebaa4;color:#344f3c;font-size:12px;border-radius:5px}
html[data-site-theme] .professional-main{padding-top:38px;padding-bottom:55px}
html[data-site-theme] .professional-main>h1,html[data-site-theme] .professional-main>.control-panel>h1{font-family:Georgia,serif;letter-spacing:-.025em;line-height:1.2}
html[data-site-theme] .professional-main .control-panel{border-color:#dfddd0;border-radius:14px}
html[data-site-theme] :where(.member-card,.cart-item,.marketplace-card,.community-card,.account-section){border-color:#dfddd0;background:#fffdf9;box-shadow:0 5px 20px #1f352609;border-radius:12px}
html[data-site-theme] .member-card h3,html[data-site-theme] .member-card h2,html[data-site-theme] .cart-item h3{font-family:Georgia,serif;letter-spacing:-.02em}
html[data-site-theme] .member-normal del{color:#8c7850;text-decoration-thickness:1px}
html[data-site-theme] .member-price{color:#254b35;font-weight:600;letter-spacing:-.035em}
html[data-site-theme] .article-page>h1{font:500 clamp(30px,4.1vw,51px)/1.18 Georgia,serif;letter-spacing:-.035em;color:#233f30;max-width:24ch}
html[data-site-theme] .article-body{font-family:Georgia,serif;font-size:19px;line-height:1.95;max-width:730px;color:#384b3c}
html[data-site-theme] .article-body p{margin-block:0 1.4em}
html[data-site-theme] .article-page figure img{border-radius:8px}
html[data-site-theme] .control-nav a:not([hidden]){border-color:#dedbcd;background:#fffdf8;border-radius:6px;font-weight:500;color:#4e6250;text-decoration:none}
html[data-site-theme] .control-nav a[aria-current=page]{border-color:#b8a16d;color:#735d2e;background:#f3eee0}
html[data-site-theme] .professional-main input:not([type=checkbox]):not([type=radio]):not([type=file]),html[data-site-theme] .professional-main select{min-height:44px;font-size:16px;border-color:#cdd5c3;border-radius:7px}
html[data-site-theme] .professional-main textarea{font-size:16px;line-height:1.75;border-color:#cdd5c3;border-radius:7px}
html[data-site-theme] footer{background:#153b30;border-top:1px solid #a78d4e66;padding:45px 0;color:#e4d6af}
html[data-site-theme] footer .brand-word{font-family:Georgia,serif;font-size:36px;color:#dfce9e}
html[data-site-theme] footer .brand-logo>img{width:47px;height:47px}
html[data-site-theme] footer .footer-links{gap:12px 24px;margin:23px 0;font-size:12px}
html[data-site-theme] footer p{color:#bfc8b5;line-height:1.8}
.reader-image-placeholder{display:grid;place-content:center;gap:10px;width:100%;min-height:110px;aspect-ratio:16/10;background:linear-gradient(145deg,#193c30,#344d3c);color:#d7c394;text-align:center;border-radius:6px;overflow:hidden}.reader-image-placeholder svg{width:44px;height:44px;margin:auto}.reader-image-placeholder small{font:10px/1.5 system-ui;letter-spacing:.06em}.hero>.reader-image-placeholder{position:absolute;inset:0;aspect-ratio:auto;border-radius:inherit;min-height:0}.hero>.reader-image-placeholder small{position:absolute;top:22px;left:22px;color:#cebd91}.article-page figure>.reader-image-placeholder{min-height:220px}.reader-image-failed{position:relative}
@media(max-width:900px){html[data-site-theme] .hn-header .hn-masthead{gap:18px;padding-block:19px}}
@media(max-width:600px){html[data-site-theme] .utility .wrap{flex-wrap:nowrap!important;align-items:flex-start;gap:10px;padding-block:10px}html[data-site-theme] .reader-date-stack{width:auto!important;flex:1 1 175px;min-width:0}html[data-site-theme] .reader-date-stack>span{font-size:10px;white-space:nowrap}html[data-site-theme] .reader-utility-menu{flex:0 0 auto;align-self:flex-start;margin-top:3px}html[data-site-theme] .reader-utility-menu>summary{font-size:11px;padding:9px 10px}.reader-date-stack [data-reader-zoom]{max-width:100%}html[data-site-theme] .hn-header .hn-masthead{padding:17px 20px;gap:15px}html[data-site-theme] .hn-header .brand-logo>img{width:43px;height:43px}html[data-site-theme] .hn-header .brand-logo .brand-word{font-size:32px}html[data-site-theme] .hn-header .hn-tools #search{height:40px;margin-bottom:15px;width:100%}html[data-site-theme] .hn-header #search input{font-size:16px}html[data-site-theme] .hn-shortcuts .hn-label{font-size:9px!important;line-height:1.4}html[data-site-theme] .hn-shortcuts .hn-icon{width:33px;height:33px;border-radius:9px}html[data-site-theme] .home-channel-navigation,html[data-site-theme] .channel-navigation{padding-block:10px;gap:13px!important}html[data-site-home] .breaking{margin-top:15px;padding-block:10px}html[data-site-home] .intro{margin:27px 0 22px;gap:14px}html[data-site-home] .intro h1{font-size:32px;line-height:1.18;max-width:20ch;margin:10px 0}html[data-site-home] .home-intro-controls{width:100%;justify-content:space-between;padding-top:4px}html[data-site-home] .top-layout,html[data-site-home] .bottom-layout{gap:24px}html[data-site-home] .hero-copy{left:21px;right:21px;bottom:24px}html[data-site-home] .hero h2{font-size:29px;line-height:1.2}html[data-site-home] .side-card h3{font-size:19px;line-height:1.4}html[data-site-home] .popular{padding:20px}html[data-site-home] .popular-item h3{font-size:13px}html[data-site-home] #newsList .news-row h3{font-size:20px;line-height:1.4;overflow-wrap:break-word}html[data-site-home] .latest-head h2{font-size:28px}html[data-site-home] .editorial{padding:25px}html[data-site-home] .editorial blockquote p{font-size:21px}html[data-site-theme] .professional-main{padding-top:26px;padding-bottom:35px}html[data-site-theme] .article-body{font-size:18px;line-height:1.95}html[data-site-theme] .article-page>h1{font-size:33px;max-width:none}html[data-site-theme] .control-nav{gap:7px}html[data-site-theme] .control-nav a:not([hidden]){min-height:40px;font-size:12px}html[data-site-theme] .member-card{padding:24px}html[data-site-theme] footer{padding-top:35px;padding-bottom:35px}html[data-site-theme] footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px}html[data-site-theme] footer .brand-word{font-size:30px}}
@media(prefers-reduced-motion:no-preference){html[data-site-home] #newsList .news-row{transition:box-shadow .18s,border-color .18s}html[data-site-home] #newsList .news-row:hover{box-shadow:0 10px 28px #1f352614;border-color:#b6bdab}}

/* Editorial figures retain the full image and offer a clearly labelled enlarged view. */
html[data-site-theme] .article-illustration{margin:24px 0 28px}html[data-site-theme] .article-illustration-open{display:block;position:relative;line-height:0;border-radius:10px;overflow:hidden;background:#e9e5da}html[data-site-theme] .article-illustration-open .article-image{display:block;position:static;width:100%;height:auto;max-height:none;object-fit:contain;margin:0}html[data-site-theme] .article-illustration-zoom{position:absolute;right:12px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;background:#103f34e6;color:#fff8e7;border:1px solid #c8b782;border-radius:50%;font:21px/1 Arial;box-shadow:0 2px 8px #0003}html[data-site-theme] .article-illustration figcaption{font:12px/1.7 Manrope,Arial,sans-serif;color:#59655e;margin:0;padding:12px 4px;border-bottom:1px solid #ded8ca}html[data-site-theme] .article-illustration-open:focus-visible{outline:3px solid #a58233;outline-offset:4px}
html[data-site-theme] .article-page[data-article-slug="pertandingan-apa-pertunjukan-king-mu-main-bola-mirip-komika-lagi-berdiri-pecah"]>h1{font-size:clamp(30px,4vw,44px);line-height:1.2;max-width:29ch;margin:16px 0 20px;text-wrap:pretty}html[data-site-theme] .article-page[data-article-slug="pertandingan-apa-pertunjukan-king-mu-main-bola-mirip-komika-lagi-berdiri-pecah"]>.article-deck{max-width:70ch;font-size:18px;line-height:1.75;margin-bottom:22px}

/* Public service surfaces: consistent headings, clear contrast, no authored-document overrides. */
html[data-site-theme] .professional-main :is(.community-heading,.op-hero,.jobs-intro,.editorial-intro,.letter-hero,.inv-intro,.offer-hero)>h1,html[data-site-theme] .professional-main>section>h1,html[data-site-theme] .cv-heading h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.025em;line-height:1.2;overflow-wrap:break-word}
html[data-site-theme] :is(.letter-hero,.inv-intro){padding:clamp(24px,4vw,42px);background:linear-gradient(140deg,#12382e,#1e4f3e);color:#f7f3e8;border:1px solid #b49a5d55;border-radius:18px;box-shadow:0 8px 26px #153b3010;margin-bottom:28px}
html[data-site-theme] :is(.letter-hero,.inv-intro) :is(h1,h2){color:#fff9eb}html[data-site-theme] :is(.letter-hero,.inv-intro)>p{color:#edf1e6;line-height:1.8}html[data-site-theme] :is(.letter-hero,.inv-intro) a{display:inline-block;color:#ffe7a7;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;line-height:1.7;padding-block:5px}html[data-site-theme] :is(.letter-hero,.inv-intro)>span{color:#e2c98d}
html[data-site-theme] .professional-main :is(.community-heading,.op-hero,.jobs-intro,.editorial-intro)>p{font-size:16px;line-height:1.8;max-width:72ch}html[data-site-theme] .info-page{max-width:800px;line-height:1.85;font-size:17px}html[data-site-theme] .info-page :is(p,li,dd){overflow-wrap:break-word}
html[data-site-theme] :is(.cv-main,.updates-main){color:#283c32}html[data-site-theme] .cv-panel{border-radius:14px;border-color:#dfddd0;background:#fffdf9}html[data-site-theme] .cv-heading{margin-bottom:28px}html[data-site-theme] .cv-heading h1{color:#233f30}html[data-site-theme] .cv-fields label{line-height:1.65}html[data-site-theme] .cv-foot a{line-height:1.8;text-underline-offset:3px}html[data-site-theme] .updates-header{background:#153b30;border-color:#b2985e55}html[data-site-theme] .updates-header a{color:#f3e5c2}html[data-site-theme] .updates-hero h1{font-family:Georgia,serif;letter-spacing:-.03em}html[data-site-theme] .updates-brand{color:#f3e5c2}
html[data-site-theme] .professional-main :is(.community-navigation,.control-nav){scroll-margin-top:16px}html[data-site-theme] .professional-main :is(.community-navigation,.control-nav) a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;line-height:1.45}
html[data-site-theme] .cv-main .cv-back a,html[data-site-theme] .professional-main .back-home{color:#315a46}html[data-site-theme] .professional-main .empty-state{border:1px dashed #cdd4c4;background:#f5f5ed;border-radius:12px;padding:24px;font-size:15px;line-height:1.8}
@media(max-width:600px){html[data-site-theme] .professional-main{padding-top:24px}html[data-site-theme] .professional-main :is(.community-heading,.op-hero,.jobs-intro,.editorial-intro){margin-bottom:24px}html[data-site-theme] .professional-main :is(.community-heading,.op-hero,.jobs-intro,.editorial-intro)>h1{margin-block:12px 18px}html[data-site-theme] .professional-main :is(.community-heading,.op-hero,.jobs-intro,.editorial-intro)>p{font-size:15px}html[data-site-theme] :is(.letter-hero,.inv-intro){padding:24px;border-radius:14px}html[data-site-theme] .cv-main{padding-inline:20px}html[data-site-theme] .cv-panel{padding:20px}html[data-site-theme] .info-page{font-size:16px}}
@media(prefers-reduced-motion:reduce){html[data-site-theme] .brand-word,html[data-site-theme] .brand-word::before,html[data-site-theme] .brand-word::after{animation:none!important}}

/* One typography system for home and channel navigation, across all monthly themes. */
html[data-site-theme]{--reader-ui-font:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;--reader-title-font:Georgia,'Times New Roman',serif}
html[data-site-theme] :is(.hn-header #search input,.hn-shortcuts .hn-item,.hn-market-options b,.hn-market-options small,.channel-submenu a,.subcategory-nav a,.subcategory-label,.access-badge){font-family:var(--reader-ui-font)}
html[data-site-theme] #nav.home-channel-navigation>a,html[data-site-theme] #nav.home-channel-navigation>button:not(.subcategory-toggle),html[data-site-theme] #nav.home-channel-navigation .category-name,html[data-site-theme] .channel-navigation>a,html[data-site-theme] .channel-navigation .category-name{font-family:var(--reader-ui-font);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.005em}
html[data-site-theme] :is(.channel-submenu,.subcategory-menu) a{font-family:var(--reader-ui-font);font-size:13px;font-weight:500;line-height:1.5}
html[data-site-home] .intro h1,html[data-site-theme] .professional-main>section>h1{font-family:var(--reader-title-font);font-size:clamp(32px,3.4vw,46px);font-weight:500;line-height:1.2;letter-spacing:-.025em}
html[data-site-theme] :is(.hero h2,.side-card h3,.related-card h3,.kw-story-copy h3,.kw-hero h1){font-family:var(--reader-title-font);font-weight:500;letter-spacing:-.018em}
html[data-site-home] #newsList .news-row h3{font-family:var(--reader-title-font);font-weight:500}
html[data-site-theme] :is(.related-card p,.kw-story-copy>p,.article-deck,.category,.time,.article-open-total){font-family:var(--reader-ui-font)}