/* === Homepage layout like the screenshot (valid CSS only) === */
.k-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:24px;max-width:1200px;margin:0 auto;padding:0 16px}
@media (max-width:1100px){.k-grid{grid-template-columns:1.6fr 1fr}}
@media (max-width:900px){.k-grid{grid-template-columns:1fr}}
.k-col-title{font:700 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;letter-spacing:.06em;margin:0 0 10px;text-transform:lowercase;opacity:.85}
.k-hero-card{display:block}
.k-hero-img{display:block;position:relative;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background:#f1f3f5;aspect-ratio:16/9}
.k-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.k-badge{position:absolute;left:10px;top:10px;background:#0b0f19;color:#fff;border-radius:4px;padding:4px 6px;font:700 11px/1 system-ui}
.k-hero-title{font:800 28px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:10px 0}
.k-hero-title a{text-decoration:none;color:inherit}
.k-hero-excerpt{margin:0 0 8px;color:#444}
.k-hero-meta{color:#66707a;display:flex;align-items:center;gap:8px}
.k-dot{opacity:.6}
.k-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.k-item{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center}
.k-item-thumb{display:block;width:56px;height:56px;border-radius:6px;overflow:hidden;background:#f1f3f5;border:1px solid rgba(0,0,0,.06)}
.k-item-thumb img{width:100%;height:100%;object-fit:cover}
.k-item-date{font-size:12px;opacity:.7;margin-bottom:2px}
.k-item-title{font:600 14px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial;text-decoration:none;color:inherit}
.k-item-title:hover{text-decoration:underline}