:root{--radius:4px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--z-dropdown:1000;--z-sticky:1010;--z-modal:1020;--z-tooltip:1030}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);margin:0;background:var(--color-background);color:var(--color-text);line-height:1.6}a{color:var(--color-accent);transition:color 0.2s ease;text-decoration:none}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:700;line-height:1.4;margin:0 0 1rem}.site-header{background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-light)}.container-header{max-width:768px;margin:0 auto;padding:1rem;gap:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative}.logo img{height:32px;width:auto;display:block}.logo a{color:var(--color-heading);font-weight:700;font-size:1.5rem}.nav-menu{display:flex;gap:var(--space-md);list-style:none;margin:0;padding:0;will-change:transform;transform:translateZ(0)}.nav-menu a{color:var(--color-heading);font-weight:500;font-size:1rem;padding:var(--space-sm) 0;min-height:44px;min-width:44px;display:flex;align-items:center}.nav-menu a:hover{color:var(--color-accent)}.search-actions{display:flex;align-items:center;gap:var(--space-md)}.hamburger,.search-toggle{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-heading)}.hamburger:hover,.search-toggle:hover{color:var(--color-accent)}.hamburger{font-size:1.3rem;display:none}.search-form{display:none;position:absolute;top:100%;right:0;background:var(--color-background);padding:.75rem;border-top:1px solid var(--color-border-dark);box-shadow:var(--shadow-strong);z-index:1001;margin-right:1rem;border-radius:0 0 var(--radius) var(--radius)}.search-form input{padding:.5rem .75rem;font-size:.9rem;border:1px solid var(--color-border-dark);border-radius:var(--radius);background-color:var(--color-background);color:var(--color-text);outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.search-form input:focus{box-shadow:0 0 0 2px rgb(21 88 214 / .25);border-color:var(--color-accent);box-shadow:0 0 0 2px rgb(0 123 255 / .25)}.search-form.active{display:block}#menuOverlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .4);z-index:calc(var(--z-dropdown) - 100)}#menuOverlay.active{display:block}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--color-background);border:1px solid var(--color-border-dark);padding:var(--space-sm) 0;min-width:160px;box-shadow:var(--shadow-medium);display:none;flex-direction:column;z-index:var(--z-dropdown);border-radius:var(--radius);will-change:transform;transform:translateZ(0)}.dropdown-menu a{padding:var(--space-sm) var(--space-md);display:block;color:var(--color-text);font-size:var(--font-size-sm)}.dropdown-menu a:hover{background:var(--color-nav-hover);color:var(--color-accent)}.dropdown:hover .dropdown-menu{display:flex}@media (max-width:768px){.nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-background);padding:1rem;width:100%;z-index:1001;border-top:1px solid var(--color-border-dark);box-shadow:var(--shadow-medium)}.nav-menu.active{display:flex}.nav-menu a{padding:.75rem 0}.search-form{left:0;right:0;width:100%;padding:10px;margin:0;background-color:var(--color-background)}.search-form input[type="text"]{width:100%}.hamburger{display:block}.dropdown-menu{position:static;box-shadow:none;border:none;padding:0;background:var(--color-nav-hover);margin-top:.5rem}.dropdown-menu a{padding-left:1.5rem;font-size:.85rem}.dropdown.open .dropdown-menu{display:flex}.dropdown:hover .dropdown-menu{display:none}}.container{max-width:768px;margin:1.5rem auto;padding:0 var(--space-md)}.main-article-wrapper{display:grid;gap:var(--space-md);contain:layout}.news-container{display:block}.news-item{display:flex;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);gap:var(--space-md);backface-visibility:hidden;contain:layout style paint}.news-item img{width:80px;height:80px;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius);flex-shrink:0;background-color:#eee;transition:opacity 0.3s ease}.news-content{flex:1}.news-title{font-size:1rem;margin:10px 0;line-height:1.4}.news-title a{color:var(--color-heading);transition:color 0.15s ease-out,transform 0.15s ease-out}.news-title a:hover{color:var(--color-accent);transform:translateX(2px)}.news-category-main{margin-top:.5rem}.news-category{font-size:.8rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-muted)}.main-article{padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.main-article img{width:100%;height:auto;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius);background-color:#eee}@media (min-width:768px){.main-article-wrapper{grid-template-columns:repeat(2,1fr)}.main-article{display:flex;flex-direction:column;height:100%}.main-article .news-content{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.main-article .news-title{flex-grow:1}}.pagination{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-md) 0}.pagination .current,.pagination a{padding:var(--space-sm) .75rem;background:var(--color-background-alt);border:1px solid var(--color-border-dark);color:var(--color-heading);font-size:.9rem;border-radius:var(--radius);transition:color 0.15s ease-out,transform 0.15s ease-out,background-color 0.15s ease-out;backface-visibility:hidden}.pagination a:hover{background:var(--color-border);transform:translateY(-1px)}.pagination .current{background:var(--color-accent);color:#fff;font-weight:700;border-color:var(--color-accent)}.site-footer{background:var(--color-background-alt);border-top:1px solid var(--color-border);padding:1.5rem;color:var(--color-muted)}.container-footer{max-width:768px;margin:0 auto;text-align:center}.footer-menu{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer-menu li{display:inline-block}.footer-menu a{color:var(--color-text);font-size:.9rem;font-weight:500;text-decoration:none;transition:color 0.2s ease}.footer-menu a:hover{text-decoration:underline;color:var(--color-accent-hover)}@media (max-width:600px){.footer-menu{align-items:center;gap:var(--space-sm)}}@media (max-width:480px){.container{padding:0 var(--space-sm)}.single-post{padding:0 var(--space-sm)}}.single-post{max-width:768px;margin:1.5rem auto;padding:0 var(--space-md)}.post-header{margin:1.5rem auto}.post-header .category{font-size:.8rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-header .title{font-size:clamp(1.5rem, 5vw, 2rem);font-weight:700;margin:.5rem 0;line-height:1.4;color:var(--color-heading)}.post-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--color-muted);margin:1rem auto}.post-content a,.post-meta a{text-decoration:underline}.post-featured-image{margin:var(--space-md) auto}.post-featured-image img{width:100%;height:auto;border-radius:var(--radius);display:block}.post-content{font-size:1rem;line-height:1.6;color:var(--color-text)}.post-content>*,.post-content p{margin:var(--space-md) auto}.post-content h2{font-size:clamp(1.25rem, 4.5vw, 1.75rem);color:var(--color-heading);line-height:1.4;margin:var(--space-md) auto}.post-content h3{font-size:clamp(1.125rem, 4vw, 1.5rem);color:var(--color-heading);line-height:1.4;margin:var(--space-md) auto}.post-content h4{font-size:clamp(1rem, 2.8vw, 1.25rem);color:var(--color-heading);line-height:1.4;margin:var(--space-md) auto}.archive-header{border-bottom:1px solid var(--color-border);margin-bottom:1rem}.archive-title{font-size:1.5rem;color:var(--color-heading)}.archive-description{font-size:1rem}.no-posts,.text-center{text-align:center}.no-posts{padding:3rem 1rem;color:var(--color-muted)}.no-posts h2{font-size:1.5rem;margin-bottom:1rem;color:var(--color-heading)}.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}.post-tags{padding:1rem 0;font-size:.8rem;border-top:1px solid var(--color-border)}.post-tags a{color:var(--color-accent)}.post-tags a:hover{text-decoration:underline;color:var(--color-accent-hover)}.hamburger svg,.search-toggle svg{display:block;width:24px;height:24px;color:var(--color-heading)}.hamburger:hover svg,.search-toggle:hover svg{color:var(--color-accent)}@media (prefers-color-scheme:dark){.logo img{filter:brightness(0) saturate(100%) invert(1)}}.loader-ellips{font-size:12px;position:relative;width:4em;height:1em;margin:10px auto}.loader-ellips__dot{display:block;width:1em;height:1em;border-radius:.5em;background:rgb(21 88 214 / .058823529411764705);position:absolute;animation-duration:0.5s;animation-timing-function:ease;animation-iteration-count:infinite}.loader-ellips__dot:first-child,.loader-ellips__dot:nth-child(2){left:0}.loader-ellips__dot:nth-child(3){left:1.5em}.loader-ellips__dot:nth-child(4){left:3em}@keyframes reveal{0%{transform:scale(.001)}to{transform:scale(1)}}@keyframes slide{to{transform:translateX(1.5em)}}.loader-ellips__dot:first-child{animation-name:reveal}.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3){animation-name:slide}.loader-ellips__dot:nth-child(4){animation-name:reveal;animation-direction:reverse}.logo img{height:25px}:root{--font-main:"Roboto", sans-serif}.related-container{margin:1em auto}.related-container .news-item:first-of-type{border-top:1px solid var(--color-border)}.wp-caption-text,.wp-element-caption{font-size:.7rem;color:var(--color-text);text-align:center;margin-top:5px}.read-also{border-top:1px dotted var(--color-accent);border-bottom:1px dotted var(--color-accent);padding:1rem;background-color:var(--color-background-alt);color:var(--color-heading)}.read-also a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color 0.2s ease}.read-also a:hover{color:var(--color-accent-hover);text-decoration:underline}.ad-wrapper{margin:1rem auto;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}.ad-wrapper-feed{margin:1em auto;min-height:250px}.ad-label{font-size:.7rem;text-transform:uppercase}.responsive-ad{width:300px;height:250px;min-height:250px;background:var(--color-border)}.news-item-wrapper{padding-bottom:1rem}.post-info{display:flex;align-items:center;margin:1rem 0;padding:1rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.post{border-bottom:1px solid var(--color-border)}.post-author-info{display:flex;font-size:.8rem;color:var(--color-muted);flex-direction:column}.share-button-container{margin-left:auto}.share-button{display:block;cursor:pointer;background-color:var(--color-background);color:var(--color-text);transition:background-color 0.2s ease}.share-button:hover{color:var(--color-accent-hover)}.share-button svg{display:block}.post-content img{display:block;max-width:100%;height:auto}.wp-block-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius)}.wp-block-table table{width:100%;border-collapse:collapse;min-width:600px;color:var(--color-text)}.wp-block-table thead th{background-color:var(--color-nav-hover);color:var(--color-heading);font-weight:600;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-dark);text-align:left}.wp-block-table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.95rem}.wp-block-table tbody tr:nth-child(odd){background-color:var(--color-background)}.wp-block-table::-webkit-scrollbar{height:8px}.wp-block-table::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}@media (max-width:768px){.wp-block-table{display:block}}.article-footer{display:flex;flex-direction:column;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-muted);align-items:flex-start}.article-footer a{color:var(--color-accent);text-decoration:none;transition:color 0.2s ease}.article-footer a:hover{text-decoration:underline;color:var(--color-accent-hover)}.author-page,.author-photo{text-align:center}.author-photo{margin:1rem auto}.author-photo img{width:100px;height:auto;border-radius:50%}.social-profile{display:flex;gap:.75rem;margin:1rem auto;align-items:center;justify-content:center}.social-profile a{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent);width:20px;height:20px;transition:background-color 0.3s,color 0.3s}.social-profile a:hover{color:var(--color-heading)}.wp-caption-text,.wp-element-caption{margin-bottom:5px}.wp-block-table tbody th{padding:.75rem 1rem;text-align:left}.ad-wrappers::before{content:'Iklan';font-size:10px;line-height:1;color:var(--color-text);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.ad-wrapper-sticky-inner{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}@media (max-width:600px){.ad-wrapper-sticky{background:var(--color-border);margin:auto -1rem;min-height:600px;padding:1rem 0}.ad-wrapper-sticky-inner{position:-webkit-sticky;position:sticky;top:60px}.post-featured-image{margin:auto -1rem}.post-featured-image img{border-radius:0}}hr{border:none;height:1px;background-color:var(--color-border)}@media (max-width:600px){.ad-wrapper{margin:auto -1rem;padding:1rem 0;background:var(--color-border)}.ad-label{font-size:.7rem;text-transform:uppercase}}.related-posts{margin:1.5rem auto}.related-posts a{display:block;background:var(--color-accent);color:#fff;border-radius:10px;padding:1rem 1.5rem;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;text-decoration:none}.related-posts a:hover{transform:translateY(-5px)}.related-posts a::before{content:"Baca Juga:";margin-right:5px;font-weight:700;color:#fff}.related-posts a .bold{display:none}.author-img img{width:45px;height:auto;display:block;border-radius:50%;margin-right:.5rem}.horizontal-ad{display:block;width:300px;height:250px;min-height:250px;background:var(--color-border)}.content-ad{display:block;width:300px;height:600px;min-height:250px;background:var(--color-border)}@media (min-width:768px){.horizontal-ad{width:728px;height:90px;min-height:90px}.content-ad{width:300px;height:250px}}.sticky-ads{position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-border);z-index:100000;text-align:center;line-height:0}.sticky-ads-content{margin:.5rem auto;display:flex;justify-content:center;max-width:728px}.sticky-ads-close{position:absolute;top:-30px;right:0;width:30px;height:30px;background-color:var(--color-border);border-radius:12px 0 0 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-muted)}.sticky-ads-close svg{display:block}.sticky-ads-close{color:var(--color-text)}.sticky-ads-close:hover{color:var(--color-accent)}@keyframes slideUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}.wp-block-quote{margin:1em 0;padding:1em;border-left:4px solid var(--color-accent);background:var(--color-background-alt);position:relative;font-style:italic;color:var(--color-text);transition:all 0.3s ease}.wp-block-quote p{margin:0 0 1em 0;color:var(--color-muted)}.wp-block-quote p:last-child{margin-bottom:0}.wp-block-quote cite,.wp-block-quote footer{display:block;margin-top:1em;font-size:.8em;font-style:normal;color:var(--color-muted);text-align:right}.wp-block-quote cite:before,.wp-block-quote footer:before{content:"— "}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--color-accent);outline-offset:1px;border-radius:var(--radius)}*:focus{outline:none}.nav-menu a,.news-item img,.pagination a,.post-featured-image img{will-change:transform}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}