
:root{
  --brand:#2563eb;
  --brand-dark:#1d4ed8;
  --text:#1f2430;
  --muted:#6b7280;
  --bg:#fafafa;
  --card:#ffffff;
  --border:#e5e7eb;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.65;
}
.site-header{background:var(--card);border-bottom:1px solid var(--border);}
.header-inner{max-width:980px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;}
.brand{font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none;}
.brand span{color:var(--brand);font-weight:600;}
.top-nav a{color:var(--muted);text-decoration:none;font-size:.95rem;}
.top-nav a:hover{color:var(--brand);}
.container{max-width:980px;margin:0 auto;padding:24px;}
.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:20px;}
.breadcrumbs a{color:var(--muted);text-decoration:none;}
.breadcrumbs a:hover{color:var(--brand);}
.breadcrumbs .sep{margin:0 4px;}
h1{font-size:1.9rem;margin-bottom:.3rem;}
h2.wp-block-heading{font-size:1.4rem;margin-top:2rem;}
h3.wp-block-heading{font-size:1.2rem;margin-top:1.6rem;}
h4.wp-block-heading{font-size:1.05rem;margin-top:1.3rem;}
.meta{color:var(--muted);font-size:.85rem;margin-bottom:1.5rem;}
.article-body p{margin:1rem 0;}
.article-body img{max-width:100%;border:1px solid var(--border);border-radius:8px;margin:.5rem 0;}
.article-body ul,.article-body ol{margin:.8rem 0;padding-left:1.4rem;}
.article-body li{margin:.3rem 0;}
.article-body figure{margin:1.2rem 0;}
.article-body strong{color:var(--text);}
.article-topics{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--border);}
.chip{display:inline-block;background:#eff6ff;color:var(--brand-dark);border-radius:999px;padding:4px 12px;font-size:.8rem;text-decoration:none;margin-right:6px;}
.chip:hover{background:#dbeafe;}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:1.5rem;}
.topic-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;text-decoration:none;color:var(--text);transition:.15s;}
.topic-card:hover{border-color:var(--brand);box-shadow:0 2px 10px rgba(37,99,235,.12);}
.topic-card h3{margin:0 0 6px;font-size:1.05rem;}
.topic-card span{color:var(--muted);font-size:.85rem;}
.intro{color:var(--muted);}
.article-list{list-style:none;padding:0;}
.article-list li{padding:10px 0;border-bottom:1px solid var(--border);}
.article-list a{color:var(--text);text-decoration:none;font-size:1rem;}
.article-list a:hover{color:var(--brand);}
.site-footer{text-align:center;color:var(--muted);font-size:.85rem;padding:30px 0 50px;}
