.filter-section{background:var(--surface);color:var(--text);padding:.75rem 0;box-shadow:none;margin-bottom:1.5rem}.search-form{position:relative;width:100%}.search-input{background:var(--surface);color:var(--text);padding:.5rem 1rem;padding-right:5rem;border:2px solid var(--border);width:100%;font-size:.9rem;transition:all 0.3s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem var(--accent-soft);outline:none}.search-form button,.search-form .btn-reset{position:absolute;top:50%;transform:translateY(-50%);padding:.5rem 1.5rem;font-weight:600;border:none;transition:all 0.3s ease}.search-form button{right:5px}.search-form .btn-reset{right:100px;padding:.5rem .8rem}.search-form button:hover,.search-form .btn-reset:hover{transform:translateY(-50%) scale(1.05)}@media (max-width:768px){.search-input{padding:.6rem 1rem;padding-right:5rem;font-size:.9rem}.search-form button{padding:.4rem 1rem;font-size:.85rem}.search-form .btn-reset{right:85px;padding:.4rem .6rem}}.featured-link{text-decoration:none;color:inherit;display:block}.featured-article{background:var(--surface);color:var(--text);overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .1);transition:all 0.3s ease;height:100%}.featured-article:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgb(0 0 0 / .15)}.featured-media{position:relative}.featured-img{width:100%;height:300px;object-fit:cover}.featured-content{padding:2rem}.featured-title{font-size:1.5rem;font-weight:700;color:var(--heading);margin-bottom:1rem;line-height:1.3}#berita-container{position:relative;isolation:isolate}.article-card{position:relative;z-index:1;background:var(--surface);color:var(--text);overflow:hidden;box-shadow:0 2px 12px rgb(0 0 0 / .08);transition:transform 0.3s ease,box-shadow 0.3s ease;will-change:transform;margin-bottom:.6rem;text-decoration:none;display:block}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgb(0 0 0 / .12)}.article-card-horizontal{display:flex;flex-direction:row;align-items:stretch}.article-img-wrapper{position:relative;flex:0 0 300px;align-self:stretch}.article-img{display:block;width:100%;height:100%;min-height:200px;object-fit:cover}.article-badge{position:absolute;bottom:.75rem;left:.75rem;z-index:2;display:inline-block;background:#f07e24;color:#fff;padding:.45rem 1rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.article-body{padding:1.5rem;display:flex;align-items:center;flex:1 1 auto;min-height:200px}.article-content-center{display:flex;flex-direction:column;justify-content:center;gap:3rem;width:100%}.article-title{font-size:1.1rem;font-weight:600;color:var(--heading);margin-bottom:0;line-height:1.4}.article-footer{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.85rem;color:var(--text-muted)}.article-author,.article-date{display:inline-flex;align-items:center;gap:.35rem}@media (max-width:768px){.article-card-horizontal{flex-direction:column}.article-img-wrapper{flex:0 0 auto;width:100%;align-self:auto}.article-img{width:100%;height:200px;min-height:0}.article-body{min-height:auto;align-items:flex-start}.article-content-center{gap:.5rem;width:100%}.article-title{margin-bottom:.75rem}.article-footer{padding-top:1rem;border-top:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;flex-wrap:nowrap}}.index-section{margin-bottom:1.25rem;background:var(--surface);box-shadow:0 2px 12px rgb(0 0 0 / .08);overflow:hidden}.index-section-title{background:#fff0;color:var(--heading);font-weight:700;margin:0;padding:.9rem 1rem .75rem}.index-section .featured-link,.index-section #berita-container{display:block}.index-section .featured-article{box-shadow:0 2px 12px rgb(0 0 0 / .08)}.index-section #berita-container .article-card:first-child{margin-top:0}@media (max-width:768px){.index-section-title{padding:.85rem .9rem .65rem;font-size:1.1rem}}[data-theme="dark"] .featured-article,[data-theme="dark"] .index-section .featured-article,[data-theme="dark"] .article-card{box-shadow:0 8px 24px rgb(0 0 0 / .35)}.article-img,.article-img[loading="lazy"],.featured-img[loading="lazy"]{opacity:1}