.home-page{max-width:1220px;margin:0 auto;padding:10px}.top-layout{grid-template-columns:1fr 2fr 1fr;gap:20px;margin-bottom:28px;display:grid}.side-box,.main-news,.missed-section{background:#f1f0f0;padding:2px}.side-box h3,.main-news h3,.missed-section h3{background:#ffeb3b;margin-bottom:14px;padding:6px 10px;font-size:14px;display:inline-block}.small-post{color:#000;gap:10px;margin-bottom:12px;text-decoration:none;display:flex}.small-post img{aspect-ratio:1;object-fit:cover;flex-shrink:0;width:82px}.small-post p{font-size:13px;font-weight:650;line-height:1.3}.small-post span{color:#fff;background:#f49c21;padding:3px 6px;font-size:12px}.hero-card{color:#fff;height:400px;display:block;position:relative;overflow:hidden}.hero-card img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0000,#000000bf);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.hero-overlay h1{margin-bottom:15px;font-size:27px;line-height:1.15}.post-grid{background:#fff;grid-template-columns:repeat(3,1fr);gap:22px;padding:20px;display:grid}.post-card img{object-fit:cover;width:100%;height:230px}.post-card h2{margin:10px 0 6px;font-size:18px;line-height:1.35}.post-card a{color:#000;text-decoration:none}.meta{color:#666;align-items:center;gap:5px;margin-bottom:8px;font-size:12px;display:flex}.profile-icon{font-size:12px}.excerpt{color:#444;font-size:14px;line-height:1.5}.read-more{border:1px solid #222;margin-top:10px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-block}.pagination{background:#fff;justify-content:center;gap:6px;padding:20px;display:flex}.pagination a,.pagination span{color:#000;border:1px solid #999;padding:6px 10px;font-size:13px;text-decoration:none}.pagination span{background:#ffeb3b}.missed-section{margin-top:20px}.missed-grid{background:#fff;grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.missed-grid img{object-fit:cover;width:100%;height:150px}.missed-grid h4{margin-top:8px;font-size:15px;line-height:1.35}.missed-grid a{color:#000;text-decoration:none}.missed-grid p{color:#666;font-size:12px}@media (max-width:900px){.top-layout,.post-grid{grid-template-columns:1fr}.missed-grid{grid-template-columns:1fr 1fr}.hero-card{height:280px}}.category-header{background:#fff;border:1px solid #eee;margin-bottom:20px;padding:24px 20px}.category-header h1{text-transform:capitalize;margin-bottom:6px;font-size:32px}.category-header p{color:#666;font-size:14px}