:root{
  --red:#262B30;--red-dark:#a9182b;--ink:#111318;--muted:#6f747b;--line:#e8e9ec;--soft:#f6f7f8;--paper:#fff;
  --green:#7dc82d;--orange:#ff8b40;--blue:#23a6d8;--navy:#0d2f5f;--shadow:0 8px 30px rgba(20,26,35,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1050px,calc(100% - 34px));margin:auto}
.site-top{background:var(--red);color:white}.site-top .container{height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center}.brand img{height:46px;width:auto;max-width:370px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:18px;font-size:14px}.top-actions a{opacity:.95}.top-social{display:flex;gap:11px;font-weight:700}.top-search{width:28px;height:28px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:13px}
.main-nav{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:40}.main-nav .container{min-height:53px;display:flex;align-items:center;gap:31px}.main-nav a{padding:18px 0 15px;color:#444;font-size:15px;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--red)}.nav-spacer{flex:1}.nav-weather{color:#aaa;font-size:14px}.mobile-btn{display:none;border:0;background:none;font-size:23px}
.breaking{border-bottom:1px solid var(--line);background:#fafafa}.breaking .container{height:40px;display:flex;align-items:center;gap:14px;overflow:hidden}.breaking strong{color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.breaking span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#52565c}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px;padding:28px 0 42px}.content-column{min-width:0}.sidebar{min-width:0}.section-title{font-size:25px;margin:0 0 17px;font-weight:800}.section-kicker{font-size:13px;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:18px}.hero-media{height:340px;overflow:hidden;background:#ececec}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-copy{align-self:center}.tag{display:inline-block;color:var(--red);font-size:13px;font-weight:800;margin-bottom:7px}.hero h1{font-size:34px;line-height:1.08;margin:0 0 12px}.hero p{color:#5d626a;line-height:1.55;margin:0 0 14px}.meta{font-size:13px;color:#8b8f94}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:25px}.mini-card{display:grid;grid-template-columns:125px 1fr;gap:13px;border-bottom:1px solid var(--line);padding-bottom:15px}.mini-card img{width:125px;height:85px;object-fit:cover}.mini-card h3{font-size:16px;line-height:1.2;margin:2px 0 7px}.mini-card .meta{font-size:12px}
.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:205px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.news-item img{width:205px;height:125px;object-fit:cover;background:#eee}.news-item h2{font-size:22px;line-height:1.08;margin:2px 0 8px}.news-item p{color:#555b62;line-height:1.45;margin:7px 0;font-size:15px}.news-item:hover h2{color:var(--red)}
.zone4{margin-top:34px;padding-top:25px;border-top:5px solid var(--red)}.zone4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zone4-card{border:1px solid var(--line);background:white}.zone4-card img{width:100%;height:145px;object-fit:cover}.zone4-card .pad{padding:14px}.zone4-card h3{font-size:18px;line-height:1.2;margin:5px 0 9px}
.side-card{border-bottom:1px solid var(--line);padding:0 0 23px;margin:0 0 24px}.side-card h3{font-size:22px;margin:0 0 15px}.side-box{background:#f8f8f8;padding:18px;border-radius:3px}.editor-tip p{font-size:14px;line-height:1.45;color:#555}.btn-red{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white!important;font-weight:700;border:0;border-radius:3px;padding:11px 17px;cursor:pointer}.btn-red:hover{background:var(--red-dark)}.side-btn{width:100%;margin:7px 0}.most-read-item{display:grid;grid-template-columns:87px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.most-read-item img{width:87px;height:58px;object-fit:cover}.most-read-item h4{font-size:14px;line-height:1.18;margin:0}.most-read-item .rank{color:var(--red);font-weight:800;font-size:12px}.columnist{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.columnist img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#eee}.columnist strong{display:block;font-size:14px}.columnist small{color:#777}.ad-box{height:150px;background:#f5f5f5;color:#c2c2c2;display:grid;place-items:center;font-size:12px;margin-bottom:24px;border:1px solid #f0f0f0}
.footer{border-top:1px solid var(--line);background:#fff;margin-top:30px;padding:35px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px}.footer h4{margin:0 0 13px}.footer a{display:block;color:#333;font-size:14px;margin:8px 0}.footer-brand img{max-width:220px;background:#1b1b1b;padding:10px;border-radius:4px}.footer-copy{border-top:1px solid var(--line);margin-top:25px;padding-top:17px;text-align:center;color:#999;font-size:13px}
.article-wrap{padding:28px 0 50px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px}.article-main{min-width:0}.article-image{width:100%;height:390px;object-fit:cover;background:#eee}.article-title{font-size:38px;line-height:1.08;margin:22px 0 9px;max-width:760px}.article-subtitle{font-size:20px;color:#52575e;line-height:1.42;margin:15px 0}.article-meta{font-size:13px;color:#8a8d92;padding-bottom:16px;border-bottom:1px solid var(--line)}.article-meta a{color:var(--red);font-weight:800}.article-body{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.75;color:#2a2d31}.article-body p{margin:1.1em 0}.article-body h2,.article-body h3{font-family:Arial,Helvetica,sans-serif;line-height:1.2}.extra-image{margin:24px 0}.extra-image img{width:100%;max-height:520px;object-fit:cover}.source-box{background:#f7f7f8;border-left:4px solid var(--red);padding:15px 17px;margin:25px 0;color:#555;font-size:14px}.article-actions{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:26px 0}.action-btn{border:1px solid #dfe1e4;background:#fff;border-radius:20px;padding:8px 14px;cursor:pointer;font-weight:700}.action-btn.active{color:var(--red);border-color:var(--red)}.author-box{display:grid;grid-template-columns:80px 1fr;gap:16px;background:#f8f8f8;padding:18px;margin:25px 0}.author-box img{width:80px;height:80px;border-radius:50%;object-fit:cover}.author-box h4{margin:3px 0 6px;font-size:19px}.author-box p{margin:0;color:#61666d;font-size:14px;line-height:1.5}.comments{margin-top:30px}.comment{border-bottom:1px solid var(--line);padding:16px 0}.comment strong{display:block}.comment p{margin:8px 0;color:#444}.comment-form input,.comment-form textarea,.search-form input{width:100%;border:1px solid #dcdfe3;border-radius:4px;padding:12px;font:inherit;margin-bottom:10px}.comment-form textarea{min-height:130px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{padding:12px 14px;border-radius:4px;background:#f3f7ff;color:#2c4b7e;margin:13px 0}.notice.ok{background:#eef9f0;color:#256934}.notice.err{background:#fff0f1;color:#8f2530}
.category-header{padding:25px 0 16px;border-bottom:1px solid var(--line)}.category-header h1{font-size:33px;margin:0}.search-page{padding:28px 0}.search-form{display:flex;gap:8px}.search-form input{margin:0}.search-form button{min-width:115px}.journalist-hero{display:grid;grid-template-columns:130px 1fr;gap:23px;padding:30px 0;border-bottom:1px solid var(--line)}.journalist-hero img{width:130px;height:130px;border-radius:50%;object-fit:cover}.journalist-hero h1{font-size:32px;margin:7px 0}.journalist-hero p{max-width:690px;color:#5c6167;line-height:1.55}.journalist-stats{display:flex;gap:24px;margin-top:15px;flex-wrap:wrap}.journalist-stats strong{display:block;font-size:21px}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.ranking-user{display:flex;align-items:center;gap:10px}.ranking-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.empty{padding:40px 20px;text-align:center;border:1px dashed #d9dade;color:#777}
@media(max-width:900px){.page-grid,.article-grid{grid-template-columns:1fr}.sidebar{border-top:1px solid var(--line);padding-top:25px}.hero{grid-template-columns:1fr}.hero-media{height:310px}.footer-grid{grid-template-columns:1fr 1fr}.main-nav .container{overflow-x:auto}.top-actions .hide-mobile{display:none}.brand img{height:40px;max-width:250px}}
@media(max-width:620px){.container{width:min(100% - 24px,1050px)}.site-top .container{height:58px}.brand img{height:34px;max-width:210px}.top-social{display:none}.main-nav .container{gap:22px}.nav-weather{display:none}.hero-media{height:220px}.hero h1{font-size:28px}.mini-grid{grid-template-columns:1fr}.news-item{grid-template-columns:118px 1fr;gap:12px}.news-item img{width:118px;height:92px}.news-item h2{font-size:18px}.news-item p{display:none}.zone4-grid{grid-template-columns:1fr}.article-image{height:240px}.article-title{font-size:31px}.article-body{font-size:18px}.form-row{grid-template-columns:1fr}.journalist-hero{grid-template-columns:90px 1fr}.journalist-hero img{width:90px;height:90px}.journalist-hero h1{font-size:25px}.footer-grid{grid-template-columns:1fr}}
