/* Core layout + typography */
body { font-family: Arial, sans-serif; color:#222; background:#fff; line-height:1.6; margin:0; }
a { color:#d60000; text-decoration:none; }
a:hover { text-decoration:none; }

/* Header */
.site-header { background:#fff; border-bottom:2px solid #d60000; position:sticky; top:0; z-index:1000; }
.site-header .inner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; }
.primary-nav { display:flex; gap:12px; }
.primary-nav a { color:#000; font-weight:bold; font-size:14px; }
.primary-nav a:hover { color:#d60000; }

.menu-toggle { display:none; font-size:22px; cursor:pointer; }

/* Mobile drawer */
.mobile-nav { display:none; position:fixed; top:0; right:-260px; width:260px; height:100%; background:#fff; box-shadow:-2px 0 8px rgba(0,0,0,.2); transition:right .3s ease; padding:20px; z-index:2000; }
.mobile-nav.active { right:0; display:block; }
.mobile-nav .close-btn { text-align:right; font-size:22px; cursor:pointer; margin-bottom:12px; }
.mobile-nav a { display:block; margin:10px 0; color:#000; font-weight:bold; }

/* Breaking */
.breaking { background:#111; color:#fff; padding:6px 15px; font-size:14px; overflow:hidden; white-space:nowrap; }
.breaking .ticker { display:inline-block; animation: scroll 12s linear infinite; }
@keyframes scroll { from { transform: translateX(100%);} to { transform: translateX(-100%);} }

/* Grids */
.container { max-width:1200px; margin:24px auto; padding:0 16px; }
.grid { display:grid; gap:16px; }
.grid-2 { grid-template-columns:2fr 1fr; }
.grid-cards { grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); }

.card { border:1px solid #eee; border-radius:10px; overflow:hidden; background:#fff; transition:.3s; }
.card:hover { transform:translateY(-3px); box-shadow:0 4px 12px rgba(0,0,0,.15); }
.card img { width:100%; height:160px; object-fit:cover; }
.card h3 { font-size:16px; padding:10px; margin:0; }

.section { margin:24px 0; }
.section h2 { margin:0 0 12px 0; border-left:5px solid #d60000; padding-left:8px; font-size:18px; }

.ad-slot { background:#f5f5f5; border:1px dashed #bbb; text-align:center; padding:14px; color:#666; margin:20px 0; }

/* Single */
.breadcrumb { font-size:14px; color:#555; margin:10px 0 16px; }
.summary { background:#f5f5f5; padding:12px; border-left:4px solid #d60000; margin-bottom:15px; color:#333; }
.single-wrap { display:grid; grid-template-columns: 2fr 1fr; gap:30px; }
.single-content img { border-radius:8px; margin-bottom:12px; }
.share-buttons a { display:inline-block; background:#d60000; color:#fff; padding:8px 12px; border-radius:4px; margin-right:6px; font-size:14px; }
.related-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(250px,1fr)); gap:15px; }
.widget { background:#f9f9f9; border:1px solid #eee; border-radius:8px; padding:16px; margin-bottom:16px; }
.widget-title { border-left:4px solid #d60000; padding-left:6px; margin:0 0 12px; font-size:18px; }

/* Footer */
.site-footer { background:#111; color:#fff; margin-top:30px; }
.site-footer .inner { max-width:1200px; margin:0 auto; padding:40px 16px; }
.footer-grid { display:grid; gap:20px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.footer-grid h4 { border-left:4px solid #d60000; padding-left:6px; margin:0 0 10px; font-size:16px; }
.footer-grid a { color:#ccc; font-size:14px; display:block; margin:6px 0; }
.footer-grid a:hover { color:#fff; }
.footer-bottom { text-align:center; border-top:1px solid #333; color:#aaa; padding:14px 0; font-size:13px; }

/* Responsive */
@media (max-width: 900px){
  .grid-2, .single-wrap { grid-template-columns:1fr; }
  .primary-nav { display:none; }
  .menu-toggle { display:block; }
}