.berita-layout{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.site-header{background:#fff;border-bottom:1px solid #e4e6eb;padding:1rem 0;position:sticky;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.site-logo{font-size:1.5rem;font-weight:800;color:#1a1a2e;text-decoration:none;letter-spacing:-.02em}.site-logo em{color:#00d474;font-style:normal}.main-nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:6px;color:#4b5563;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s}.nav-link:hover{background:#00d474;color:#fff}.site-footer{background:#1a1a2e;color:#9ca3af;padding:2rem 0;margin-top:auto}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;max-width:1280px;margin:0 auto;padding:0 1.5rem}.footer-brand .footer-logo{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.02em}.footer-brand .footer-logo em{color:#00d474;font-style:normal}.footer-brand p{margin-top:.5rem;opacity:.8}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-section h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#9ca3af;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-section a:hover{color:#00d474}.footer-bottom{text-align:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid #374151;font-size:.875rem}.main-content{flex:1;display:flex;flex-direction:column}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:3rem;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e4e6eb;border-top-color:#00d474;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr}.footer-nav{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.footer-nav{grid-template-columns:1fr}.header-inner{flex-direction:column;gap:1rem}.main-nav{justify-content:center}}