*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font,system-ui,sans-serif);color:#152033;background:#f6f8fb;line-height:1.65}a{color:var(--link,#0b57d0);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;background:#fff;padding:10px;z-index:999}.skip-link:focus{top:16px}.site-header{background:#fff;border-bottom:1px solid #e4e8ef;position:sticky;top:0;z-index:50}.topbar{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#101828;min-width:max-content}.brand:hover{text-decoration:none}.brand img{border-radius:10px}.brand-mark{width:var(--logo-size,36px);height:var(--logo-size,36px);display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-weight:900;font-size:22px}.brand strong,.brand small{display:block}.brand strong{font-size:1.28rem;line-height:1}.brand small{font-size:.72rem;color:#667085;margin-top:4px}.header-search{margin-left:auto;display:flex;width:min(430px,45vw)}.header-search input,.search-page input{flex:1;border:1px solid #d0d5dd;border-radius:10px 0 0 10px;padding:10px 13px;min-width:0}.header-search button,.search-page button,.contact-form button,.button{border:0;background:var(--button);color:#fff;padding:10px 16px;border-radius:0 10px 10px 0;font-weight:700;cursor:pointer}.button{display:inline-flex;border-radius:10px;align-items:center;justify-content:center}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.main-nav{background:var(--secondary);color:#fff}.nav-scroll{display:flex;overflow:auto}.nav-scroll a{color:#fff;padding:11px 15px;white-space:nowrap;font-size:.92rem}.nav-scroll a:hover{background:#ffffff14;text-decoration:none}.hero{display:grid;grid-template-columns:1.45fr 1fr;margin-top:28px;background:#101828;border-radius:18px;overflow:hidden;color:#fff;min-height:440px}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-content{padding:42px;display:flex;flex-direction:column;justify-content:center}.hero-content span,.eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#93c5fd}.hero h1{font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.12;margin:12px 0}.hero h1 a{color:#fff}.hero p{color:#d0d5dd}.hero .button{align-self:flex-start}.content-with-sidebar,.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;margin-top:36px;margin-bottom:50px}.home-section{margin-bottom:38px}.home-section>header,.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.home-section h2,.sidebar-box h2,.related-section h2{font-size:1.35rem;margin:0;color:#101828}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-card{background:#fff;border:1px solid #e4e8ef;border-radius:15px;overflow:hidden;min-width:0;box-shadow:0 2px 10px #10182808}.post-card-image{display:block;position:relative;aspect-ratio:16/9;background:#e9eef5}.wallpaper-grid .post-card-image{aspect-ratio:3/4}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-type{position:absolute;left:10px;bottom:10px;background:#101828d9;color:#fff;border-radius:999px;padding:4px 9px;font-size:.7rem}.post-card-body{padding:16px}.post-card h2{font-size:1.08rem;line-height:1.35;margin:0 0 8px}.post-card h2 a{color:#101828}.post-card p{margin:0 0 12px;color:#667085;font-size:.9rem}.post-meta,.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:#667085;font-size:.78rem}.sidebar{min-width:0}.sidebar-box{background:#fff;border:1px solid #e4e8ef;border-radius:15px;padding:18px;margin-bottom:22px}.compact-post{border-bottom:1px solid #eaecf0;padding:12px 0}.compact-post:last-child{border-bottom:0}.compact-post a{display:flex;gap:11px;color:#101828}.compact-post img{width:92px;height:68px;object-fit:cover;border-radius:8px}.compact-post span{min-width:0}.compact-post strong,.compact-post small{display:block}.compact-post strong{font-size:.88rem;line-height:1.35}.compact-post small{color:#667085;margin-top:6px}.ad-placeholder,.ad-slot{margin:24px auto;min-height:100px;border:1px dashed #c9ced8;background:#f9fafb;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667085;padding:16px}.ad-placeholder small{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.breadcrumb{margin-top:20px}.breadcrumb ol{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;font-size:.82rem;color:#667085}.breadcrumb li+li:before{content:'›';margin-right:8px}.listing-page,.page-content{padding-block:28px 55px}.listing-page>header{margin-bottom:25px}.listing-page h1,.page-content h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.15;margin:0 0 12px;color:#101828}.listing-page>header p{color:#667085}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:34px;gap:15px}.page-numbers{display:flex;gap:6px}.pagination a,.pagination .disabled{padding:8px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination .disabled{opacity:.45}.empty-state{text-align:center;padding:70px 20px}.empty-state h1{font-size:2rem}.empty-icon{font-size:4rem;color:#98a2b3}.article-main{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:clamp(20px,4vw,48px);min-width:0}.article-header h1{font-size:clamp(2rem,4.6vw,4rem);line-height:1.1;letter-spacing:-.035em;margin:10px 0 16px;color:#101828}.lead{font-size:1.17rem;color:#475467}.featured-image{margin:28px 0}.featured-image img{width:100%;border-radius:13px}.featured-image figcaption,.image-gallery figcaption{font-size:.82rem;color:#667085;margin-top:8px}.prose{font-size:1.04rem;color:#26364e}.prose h2{font-size:1.75rem;line-height:1.25;margin:2em 0 .65em;color:#101828}.prose h3{font-size:1.35rem;margin:1.6em 0 .6em;color:#101828}.prose p{margin:0 0 1.2em}.prose blockquote{border-left:4px solid var(--primary);margin:24px 0;padding:12px 18px;background:#f5f8fd;color:#344054}.prose table{border-collapse:collapse;width:100%;display:block;overflow:auto;margin:22px 0}.prose th,.prose td{border:1px solid #d0d5dd;padding:10px;min-width:110px}.prose pre{overflow:auto;background:#101828;color:#e5e7eb;padding:16px;border-radius:10px}.prose iframe{max-width:100%;aspect-ratio:16/9;height:auto;border:0}.toc{background:#f6f8fb;border:1px solid #e4e8ef;border-radius:12px;padding:17px 20px;margin:25px 0}.toc ol{margin-bottom:0}.toc-level-3{margin-left:18px}.image-gallery{margin-top:34px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-grid figure{margin:0;border:1px solid #e4e8ef;border-radius:12px;padding:10px}.gallery-grid img{width:100%;border-radius:8px}.download-button{display:block;text-align:center;background:var(--button);color:#fff;border-radius:8px;padding:9px;margin-top:10px;font-weight:700}.tag-list,.share-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tag-list a,.share-buttons a,.share-buttons button{border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:999px;padding:7px 11px;font-size:.8rem}.share-buttons button{cursor:pointer}.source-note{border-top:1px solid #eaecf0;padding-top:18px;color:#667085}.related-section{margin-bottom:50px}.page-content{max-width:850px}.page-content>.prose{background:#fff;border:1px solid #e4e8ef;border-radius:15px;padding:clamp(22px,4vw,46px)}.contact-form{margin-top:25px;background:#fff;border:1px solid #e4e8ef;border-radius:15px;padding:24px}.contact-form label{display:block;font-weight:700;margin-bottom:15px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:10px;margin-top:6px}.contact-form button{border-radius:9px}.honeypot{position:absolute;left:-9999px}.success-box,.error-box{padding:14px 16px;border-radius:9px;margin:16px 0}.success-box{background:#ecfdf3;color:#027a48}.error-box{background:#fef3f2;color:#b42318}.sitemap-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sitemap-columns>div{background:#fff;padding:22px;border-radius:12px;border:1px solid #e4e8ef}.sitemap-columns a{display:block;padding:5px 0}.site-footer{background:#101828;color:#d0d5dd;margin-top:50px;padding-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px}.site-footer h2{color:#fff;font-size:1rem}.site-footer a{display:block;color:#d0d5dd;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1f;margin-top:35px;padding:18px 0;font-size:.82rem}.cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;max-width:860px;margin:auto;background:#101828;color:#fff;border-radius:14px;padding:17px;z-index:100;box-shadow:0 20px 60px #0005;display:flex;justify-content:space-between;gap:20px;align-items:center}.cookie-consent[hidden]{display:none}.cookie-consent p{margin:0}.cookie-consent a{color:#93c5fd}.cookie-consent button{border:0;border-radius:8px;padding:8px 12px;margin-left:6px}.back-to-top{position:fixed;right:20px;bottom:20px;border:0;width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:none}.back-to-top.visible{display:block}.preview-banner{background:#fffaeb;border:1px solid #fedf89;color:#93370d;padding:10px;border-radius:8px;margin-bottom:20px}
@media(max-width:900px){.content-with-sidebar,.article-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hero{grid-template-columns:1fr;min-height:0}.hero-image{max-height:430px}.wallpaper-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.article-sidebar{display:none}}
@media(max-width:680px){.container{width:min(100% - 22px,1180px)}.site-header{position:relative}.topbar{height:66px}.brand small{display:none}.header-search{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none}.main-nav.open{display:block}.nav-scroll{flex-direction:column}.hero{margin-top:14px;border-radius:13px}.hero-content{padding:24px}.post-grid,.wallpaper-grid,.gallery-grid,.sitemap-columns,.footer-grid,.sidebar{grid-template-columns:1fr}.article-main{padding:20px}.article-header h1{font-size:2.15rem}.cookie-consent{flex-direction:column;align-items:stretch}.pagination{font-size:.78rem}.page-numbers{display:none}.footer-bottom{flex-direction:column}.ad-desktop{display:none}}
@media(min-width:681px){.ad-mobile{display:none}}
@media(prefers-color-scheme:dark){html[data-theme-mode="auto"] body{background:#0f172a;color:#dbe3ef}html[data-theme-mode="auto"] .site-header,html[data-theme-mode="auto"] .post-card,html[data-theme-mode="auto"] .sidebar-box,html[data-theme-mode="auto"] .article-main,html[data-theme-mode="auto"] .page-content>.prose,html[data-theme-mode="auto"] .contact-form{background:#111c31;border-color:#26344e}html[data-theme-mode="auto"] .post-card h2 a,html[data-theme-mode="auto"] .home-section h2,html[data-theme-mode="auto"] .sidebar-box h2,html[data-theme-mode="auto"] .article-header h1,html[data-theme-mode="auto"] .prose h2,html[data-theme-mode="auto"] .prose h3,html[data-theme-mode="auto"] .listing-page h1,html[data-theme-mode="auto"] .page-content h1{color:#f8fafc}html[data-theme-mode="auto"] .prose,html[data-theme-mode="auto"] .compact-post a{color:#dbe3ef}}
html[data-theme-mode="dark"] body{background:#0f172a;color:#dbe3ef}html[data-theme-mode="dark"] .site-header,html[data-theme-mode="dark"] .post-card,html[data-theme-mode="dark"] .sidebar-box,html[data-theme-mode="dark"] .article-main,html[data-theme-mode="dark"] .page-content>.prose,html[data-theme-mode="dark"] .contact-form{background:#111c31;border-color:#26344e}html[data-theme-mode="dark"] .post-card h2 a,html[data-theme-mode="dark"] .home-section h2,html[data-theme-mode="dark"] .sidebar-box h2,html[data-theme-mode="dark"] .article-header h1,html[data-theme-mode="dark"] .prose h2,html[data-theme-mode="dark"] .prose h3,html[data-theme-mode="dark"] .listing-page h1,html[data-theme-mode="dark"] .page-content h1{color:#f8fafc}
.layout-list .post-grid{grid-template-columns:1fr}.layout-list .post-grid .post-card{display:grid;grid-template-columns:minmax(220px,38%) 1fr}.layout-list .post-grid .post-card-image{height:100%;aspect-ratio:auto}.sidebar-left .content-with-sidebar,.sidebar-left .article-layout{grid-template-columns:320px minmax(0,1fr)}.sidebar-left .content-with-sidebar>.main-column,.sidebar-left .article-layout>.article-main{order:2}.sidebar-left .content-with-sidebar>.sidebar,.sidebar-left .article-layout>.sidebar{order:1}@media(max-width:900px){.sidebar-left .content-with-sidebar,.sidebar-left .article-layout{grid-template-columns:1fr}.sidebar-left .content-with-sidebar>* ,.sidebar-left .article-layout>*{order:initial}.layout-list .post-grid .post-card{grid-template-columns:1fr}}
.sidebar-hidden .content-with-sidebar,.sidebar-hidden .article-layout{grid-template-columns:minmax(0,1fr)}.sidebar-hidden .sidebar{display:none}.home-page.homepage-compact .hero{min-height:320px;grid-template-columns:1.25fr 1fr}.home-page.homepage-compact .hero-content{padding:28px}.home-page.homepage-compact .hero h1{font-size:clamp(1.65rem,2.6vw,2.5rem)}.home-page.homepage-compact .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page.homepage-compact .post-card-body{padding:13px}.home-page.homepage-magazine .hero{grid-template-columns:1.7fr 1fr}.home-page.homepage-magazine .main-column>.home-section:first-child .post-grid .post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}.home-page.homepage-magazine .main-column>.home-section:first-child .post-grid .post-card:first-child .post-card-image{height:100%;aspect-ratio:auto}@media(max-width:900px){.home-page.homepage-compact .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page.homepage-magazine .main-column>.home-section:first-child .post-grid .post-card:first-child{grid-template-columns:1fr}}@media(max-width:680px){.home-page.homepage-compact .post-grid{grid-template-columns:1fr}}
/* v1.0.10: sidebar box artikel tetap terlihat ketika membaca artikel panjang */
.article-layout{align-items:start}
@media(min-width:901px){
.article-sidebar{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
}
@media(max-width:900px){
.article-sidebar{position:static;top:auto;max-height:none;overflow:visible}
}