body{margin:0;font-family:var(--font-body);line-height:var(--line-height);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--font-heading);line-height:1.3;color:var(--text)}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;gap:16px;padding:10px 16px;position:relative}
.site-logo{font-family:var(--font-heading);font-weight:600;font-size:20px;color:var(--text)}
.primary-nav{flex:1}
.nav-list{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.nav-list a{color:var(--text)}
.search-form input{border:1px solid var(--border);border-radius:var(--card-radius);padding:6px 10px}
.nav-toggle{display:none;background:none;border:0;font-size:22px;cursor:pointer}
.breadcrumb{font-size:13px;color:var(--muted);margin:14px 0}
.breadcrumb a{color:var(--muted)}
.site-main{padding:8px 16px 40px}
.content-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:28px}
.content-with-sidebar.no-sidebar{grid-template-columns:1fr}
.hero{margin-bottom:24px}
.hero-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:var(--card-radius);background:var(--border)}
.hero-img{width:100%;height:100%;object-fit:cover}
.hero-title{font-size:30px;margin:14px 0 6px}
.hero-excerpt{color:var(--muted)}
.section-title{font-size:20px;margin:20px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--primary);display:inline-block}
.news-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:20px}
.news-card{background:var(--bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;display:flex;flex-direction:column}
.card-thumb{aspect-ratio:5/3;overflow:hidden;background:var(--border)}
.card-img{width:100%;height:100%;object-fit:cover}
.card-title{font-size:16px;margin:10px 12px 6px}
.card-link{color:var(--text)}
.card-meta{font-size:12px;color:var(--muted);margin:0 12px}
.card-excerpt{font-size:13px;color:var(--muted);margin:6px 12px 14px}
.news-card:nth-child(3n+2){margin-top:14px}
.post-title{font-size:28px;margin:0 0 8px}
.post-meta{color:var(--muted);font-size:14px;margin-bottom:16px}
.post-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:var(--card-radius);margin:0 0 18px;background:var(--border)}
.post-img{width:100%;height:100%;object-fit:cover}
.post-content{font-size:17px}
.post-content p{margin:0 0 1.2em}
.faq{margin:24px 0}
.faq-item{border:1px solid var(--border);border-radius:var(--card-radius);padding:10px 14px;margin-bottom:8px}
.faq-item summary{cursor:pointer;font-weight:600}
.author-box{background:var(--border);border-radius:var(--card-radius);padding:14px;margin:24px 0}
.related{margin-top:30px}
.tags-label{color:var(--muted)}
.post-tags a{color:var(--accent)}
.sidebar .widget{margin-bottom:26px}
.widget-title{font-size:16px;border-left:3px solid var(--primary);padding-left:8px;margin:0 0 10px}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{padding:5px 0;border-bottom:1px dashed var(--border)}
.pagination{margin:24px 0;display:flex;gap:8px;flex-wrap:wrap}
.site-footer{border-top:1px solid var(--border);padding:24px 0;margin-top:40px;color:var(--muted);font-size:14px}
.footer-list{list-style:none;display:flex;gap:16px;padding:0;margin:0 0 8px;flex-wrap:wrap}
@media(max-width:900px){
  .content-with-sidebar{grid-template-columns:1fr}
  .news-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .news-grid{grid-template-columns:1fr}
  .news-card:nth-child(3n+2){margin-top:0}
  .primary-nav,.search-form{display:none}
  .nav-toggle{display:block}
  .header-inner.nav-open .primary-nav{display:block;position:absolute;top:54px;left:0;right:0;background:var(--bg);padding:12px 16px;border-bottom:1px solid var(--border)}
  .header-inner.nav-open .nav-list{flex-direction:column;gap:10px}
}