/* Base styles - Common across all pages */
:root{--brand:#4b5563;--brand-light:rgba(75,85,99,0.06)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff;background-image:radial-gradient(circle,rgba(75,85,99,0.08) 1px,transparent 1px);background-size:22px 22px;background-attachment:fixed}

/* Unified Site Header */
.site-header{position:static;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);height:44px;display:flex;align-items:center;padding:0 20px;box-shadow:none}
.site-header-inner{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.site-header .logo{font-size:18px;font-weight:900;color:var(--brand);letter-spacing:-0.5px;font-family:'Arial Black',sans-serif;text-decoration:none}
.site-header-nav{display:flex;align-items:center;gap:18px}
.site-header-nav a{color:#555;text-decoration:none;font-size:12px;font-weight:500;transition:color .2s;letter-spacing:0.2px}
.site-header-nav a:hover{color:var(--brand)}
.site-header-nav a.active{color:var(--brand);font-weight:600}
.nav-icon-btn{display:flex;align-items:center;text-decoration:none;opacity:0.7;transition:opacity .2s}
.nav-icon-btn:hover{opacity:1}
.nav-icon-btn img{filter:invert(35%) sepia(0%) saturate(0%) brightness(60%)}

/* Ad container */
.ad-container{margin:0;text-align:center;background:transparent;border:none;padding:0;position:relative;width:100%;max-width:100%;overflow:visible;box-sizing:content-box;display:block;min-height:50px}
.ad-container::before{content:'ADVERTISEMENT';display:block;font-size:8px;font-weight:400;letter-spacing:.8px;color:#ccc;padding:2px 0 1px;text-align:center;line-height:1}
.ad-container.ad-real{background:transparent;border:none}
.ad-container ins,.ad-container iframe,.ad-container>div{max-width:100%!important;box-sizing:content-box!important}

/* Footer styles */
.footer{background:#fff;padding:12px 15px;border-top:1px solid rgba(0,0,0,.06);margin-top:20px}
.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.footer-link{color:#999;text-decoration:none;font-size:12px;transition:color .2s;font-weight:400}
.footer-link:hover{color:var(--brand)}
.footer-divider{display:none}
.footer-bottom{text-align:center;font-size:11px;color:#bbb}
.footer-bottom p{display:inline}
.footer-brand{font-weight:600;color:var(--brand)}

/* Mobile responsive - base */
@media(max-width:768px){
    .site-header{height:40px;padding:0 12px}
    .site-header .logo{font-size:16px}
    .site-header-nav{gap:12px}
    .site-header-nav a{font-size:11px}
    .footer-links{gap:12px}
    .footer{padding:10px 12px;margin-top:15px}
}