.site-header{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.header-inner{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:60px}
.site-logo{font-size:1.25rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;text-decoration:none}
.site-logo:hover{color:var(--primary)}
.site-logo svg{width:28px;height:28px;color:var(--primary)}

.site-nav{display:flex;align-items:center;gap:4px}
.site-nav a{padding:8px 14px;border-radius:var(--radius);color:var(--text2);font-size:.9rem;font-weight:500;transition:all .2s;text-decoration:none}
.site-nav a:hover{background:#f1f5f9;color:var(--text)}
.site-nav a.active{background:var(--primary);color:#fff}

.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text)}
.mobile-toggle svg{width:24px;height:24px}

@media(max-width:768px){
  .mobile-toggle{display:block}
  .site-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);flex-direction:column;padding:12px 20px;gap:4px;box-shadow:var(--shadow-lg)}
  .site-nav.open{display:flex}
  .site-nav a{padding:10px 14px;width:100%}
}

.site-footer{background:var(--card);border-top:1px solid var(--border);margin-top:auto;padding:24px 20px;text-align:center;color:var(--text2);font-size:.85rem}
.footer-inner{max-width:1400px;margin:0 auto}
.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.footer-links a{color:var(--text2);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--primary)}

.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text2);margin-bottom:20px;padding:8px 0}
.breadcrumb a{color:var(--text2);text-decoration:none}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .sep{color:var(--text3)}
.breadcrumb .current{color:var(--text);font-weight:500}