/* ---------- Layout ---------- */
main.container{padding-top:30px;padding-bottom:60px}

/* ---------- Hero grid (homepage) ---------- */
.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin-bottom:44px;padding-bottom:36px;border-bottom:1px solid #e7e5df}
.hero-main{position:relative}
.hero-main img{border-radius:2px;aspect-ratio:16/10;object-fit:cover}
.hero-main .eyebrow{color:#c8232c;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px}
.hero-main h1{font-size:32px}
.hero-side{display:flex;flex-direction:column;gap:18px}
.hero-side-item{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid #eee}
.hero-side-item:last-child{border-bottom:0}
.hero-side-item img{width:96px;height:72px;object-fit:cover;border-radius:2px;flex-shrink:0}
.hero-side-item h3{font-size:15px;margin-bottom:4px}
.hero-side-item a{color:inherit;text-decoration:none}
.hero-side-item a:hover h3{color:#c8232c}

/* ---------- Main grid: posts + sidebar ---------- */
.content-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:40px}
.post-card{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #eee}
.post-card img{aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.post-card a{color:inherit;text-decoration:none}
.post-card .cat-tag{color:#c8232c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.post-card h2{font-size:20px;margin:6px 0 8px}
.post-card:hover h2{color:#c8232c}
.post-card p{color:#555;font-size:14.5px;margin:0}
.post-card .meta{color:#999;font-size:12.5px;margin-top:8px}

/* ---------- Sidebar ---------- */
.sidebar-block{margin-bottom:36px}
.sidebar-title{font-family:Georgia,serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #191919;padding-bottom:10px;margin-bottom:16px}
.trending-item{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}
.trending-rank{font-family:Georgia,serif;font-size:26px;font-weight:700;color:#e0ddd4;line-height:1;width:32px;flex-shrink:0}
.trending-item a{color:inherit;text-decoration:none;font-size:14.5px;font-weight:600}
.trending-item a:hover{color:#c8232c}

/* ---------- Single post ---------- */
.post-header{margin-bottom:24px}
.post-header .cat-tag{color:#c8232c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.post-header h1{font-size:34px;margin:10px 0}
.post-header .meta{color:#888;font-size:13.5px}
.featured-img{margin:22px 0;border-radius:2px}
.post-body{max-width:760px;font-size:17px;line-height:1.75;color:#282828}
.post-body h2{font-size:24px;margin-top:36px}
.post-body h3{font-size:19px;margin-top:24px}
.post-body p{margin:0 0 18px}
.post-body ul,.post-body ol{margin:0 0 18px;padding-left:24px}
.post-body li{margin-bottom:8px}

/* ---------- Category label / breadcrumb ---------- */
.breadcrumb{font-size:13px;color:#888;margin-bottom:16px}
.breadcrumb a{color:#888}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid #e7e5df;margin-top:40px;padding:26px 0;color:#888;font-size:13px}

/* ---------- Pagination ---------- */
.pagination{display:flex;gap:10px;margin-top:20px}
.pagination a{padding:8px 14px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#191919;font-size:14px}
.pagination a:hover{background:#191919;color:#fff}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .content-grid{grid-template-columns:1fr}
  .post-card{grid-template-columns:120px 1fr}
  .post-card h2{font-size:17px}
  .post-header h1{font-size:26px}
}