:root{
  --ink:#171717;--muted:#6d6d6d;--line:#e7e7e7;--paper:#fff;
  --soft:#f6f6f6;--accent:#a52b20;--max:1180px;
}
*{box-sizing:border-box}
html{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f3f3f3}
body{margin:0}
a{color:inherit}
.site{max-width:var(--max);margin:0 auto;background:var(--paper);min-height:100vh;border-top:8px solid #111}
.header{padding:48px 34px 42px;border-bottom:1px solid var(--line)}
.brand{font-size:42px;line-height:1.05;text-decoration:none;letter-spacing:-1px}
.tagline{margin:12px 0 0;font-size:16px}
.ticker-wrap{background:var(--soft);padding:16px 26px}
.ticker{display:flex;gap:44px;align-items:center;background:#fff;padding:15px 18px;border-radius:4px;min-height:52px}
.ticker strong{color:var(--accent);white-space:nowrap}
.ticker a{font-size:14px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main{padding:34px}
.breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 24px}
.breadcrumbs a{text-decoration:none}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px}
.category{display:inline-block;background:#333;color:#fff;padding:7px 11px;border-radius:3px;font-size:12px;text-decoration:none;text-transform:uppercase}
h1{font-size:42px;line-height:1.12;margin:18px 0 14px;letter-spacing:-.5px}
.meta{color:var(--muted);font-size:14px;margin-bottom:24px}
.hero{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;background:#111}
.content{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.75}
.content p{margin:0 0 20px}
.content h2{font-family:Arial,Helvetica,sans-serif;font-size:27px;line-height:1.25;margin:34px 0 15px}
.content ul{padding-left:24px}
.sidebar{border-left:1px solid var(--line);padding-left:26px}
.sidebar h2{font-size:25px;margin-top:0}
.sidebar a{display:block;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px;line-height:1.4}
.section-title{font-size:27px;margin:0 0 22px;border-bottom:3px solid #111;padding-bottom:9px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{border:1px solid var(--line);background:#fff}
.card img{display:block;width:100%;height:190px;object-fit:cover;background:#111}
.card-body{padding:16px}
.card .category{font-size:10px;padding:5px 8px}
.card h2{font-size:20px;line-height:1.28;margin:11px 0 9px}
.card h2 a{text-decoration:none}
.card p{font-size:14px;line-height:1.55;color:#555;margin:0}
.archive-head{margin-bottom:28px}
.archive-head h1{margin-bottom:8px}
.pagination{margin-top:32px}
.pagination a{display:inline-block;padding:10px 14px;background:#111;color:#fff;text-decoration:none;border-radius:3px}
.footer{margin-top:48px;border-top:1px solid var(--line);padding:25px 34px;color:#666;font-size:13px}
.notice{background:#fff8df;border:1px solid #ead793;padding:13px 15px;margin:0 0 24px;font-size:13px;color:#665617}
@media(max-width:850px){
  .article-layout{grid-template-columns:1fr}
  .sidebar{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .site{border-top-width:6px}
  .header{padding:34px 20px}
  .brand{font-size:32px}
  .ticker-wrap{padding:12px}
  .ticker{gap:16px;padding:12px}
  .ticker a{font-size:12px}
  .main{padding:24px 18px}
  h1{font-size:31px}
  .grid{grid-template-columns:1fr}
  .card img{height:220px}
}