
:root{--blue:#063a73;--kabar:#0a1d4d;--muted:#666}
body{font-family:Georgia,'Times New Roman',Times,serif;margin:0;color:#222;background:#fff}
.wrap{max-width:1150px;margin:0 auto;padding:0 18px;box-sizing:border-box}
.header{background:#fff;border-bottom:4px solid var(--blue);padding:12px 0}
.header .logo img{height:64px}
.header .header-right{display:flex;align-items:center;gap:12px}
.site-title{font-size:22px;color:var(--blue);margin:0}
.nav{background:var(--blue);padding:8px 14px}
.nav a{color:#fff;text-decoration:none;font-weight:600;margin-right:12px}
.kabar{padding:8px 0;background:var(--kabar);color:#fff;overflow:hidden}
.kabar .label{font-weight:700;margin-right:12px;display:inline-block;color:#fff}
.container{display:grid;grid-template-columns:1fr 340px;gap:24px;margin:18px auto;max-width:1150px;padding:0 14px;box-sizing:border-box}
.footer{background:var(--blue);color:#fff;padding:18px;margin-top:24px}
.iwo-slider-container{position:relative;overflow:hidden;border-radius:6px}
.iwo-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 1.2s ease-in-out}
.iwo-slide.active{opacity:1;position:relative}
.iwo-slide img{width:100%;height:420px;object-fit:cover;display:block;border-radius:6px}
.iwo-slide-content{position:absolute;left:18px;right:18px;bottom:18px;padding:14px;background:linear-gradient(rgba(6,58,115,0.6), rgba(6,58,115,0.35));color:#fff;border-radius:6px;font-family:Georgia, serif}
.iwo-slide-title{font-size:20px;margin:0 0 6px}
.article-grid article{margin-bottom:18px;border-bottom:1px solid #eee;padding-bottom:12px}
.sidebar .widget{background:#fff;padding:12px;border:1px solid #eee;margin-bottom:12px}
a{color:var(--blue);}
@media(max-width:900px){.container{grid-template-columns:1fr}.iwo-slide img{height:260px}.header .header-right{display:none}}
