/* BTM Homepage Layout — scoped to #btmh so nothing else on the site changes. */
#btmh{--btmh-fg:#1a1a1a;--btmh-mut:#666;--btmh-line:#e2e2e2;--btmh-soft:#f5f5f6;--btmh-bus:#1d4ed8;--btmh-tech:#7c3aed;--btmh-ai:#059669;color:var(--btmh-fg);font-family:inherit}
#btmh *{box-sizing:border-box}
#btmh a{color:inherit;text-decoration:none}
#btmh a:hover .btmh-h{text-decoration:underline}
#btmh .btmh-wrap{max-width:1240px;margin:0 auto;padding:22px 16px 40px}
#btmh .btmh-h{font-weight:700;letter-spacing:-.2px;margin:0;color:inherit}
#btmh .btmh-time{display:block;font-size:12px;color:var(--btmh-mut);margin-top:6px}
#btmh .btmh-kick{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
#btmh .k-bus{color:var(--btmh-bus)}#btmh .k-tech{color:var(--btmh-tech)}#btmh .k-ai{color:var(--btmh-ai)}
#btmh .btmh-ph{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:6px;background:#2b3440;margin-bottom:10px}
#btmh .btmh-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
#btmh a:hover .btmh-ph img{transform:scale(1.04)}
#btmh .btmh-ph-bus{background:linear-gradient(135deg,#0f2a6b,#1d4ed8)}#btmh .btmh-ph-tech{background:linear-gradient(135deg,#2e1065,#7c3aed)}#btmh .btmh-ph-ai{background:linear-gradient(135deg,#022c22,#059669)}

/* Hero */
#btmh .btmh-hero{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:470px}
#btmh .btmh-hc{position:relative;display:block;overflow:hidden;border-radius:10px;background:#1f2937}
#btmh .btmh-hc.big{grid-row:1/3}
#btmh .btmh-hc.bg-bus{background:linear-gradient(135deg,#0f2a6b,#1d4ed8)}#btmh .btmh-hc.bg-tech{background:linear-gradient(135deg,#2e1065,#7c3aed)}#btmh .btmh-hc.bg-ai{background:linear-gradient(135deg,#022c22,#059669)}
#btmh .btmh-hc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
#btmh .btmh-hc:hover img{transform:scale(1.05)}
#btmh .btmh-ov{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(transparent,rgba(0,0,0,.85) 50%);color:#fff;display:block}
#btmh .btmh-hc .btmh-h{font-size:20px;line-height:1.22;margin-top:8px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}
#btmh .btmh-hc.big .btmh-ov{padding:26px 28px}
#btmh .btmh-hc.big .btmh-h{font-size:34px;line-height:1.12;letter-spacing:-.6px}
#btmh .btmh-ex{display:block;margin-top:8px;color:#e8e8e8;font-size:15px;max-width:600px}
#btmh .btmh-hc .btmh-time{color:#d6d6d6}
#btmh .btmh-badge{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:4px 9px;border-radius:4px;color:#fff}
#btmh .b-bus{background:var(--btmh-bus)}#btmh .b-tech{background:var(--btmh-tech)}#btmh .b-ai{background:var(--btmh-ai)}

/* Under hero */
#btmh .btmh-under{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:18px 0 4px}
#btmh .btmh-under a{border-top:3px solid var(--btmh-line);padding-top:10px}
#btmh .btmh-under a.u-bus{border-color:var(--btmh-bus)}#btmh .btmh-under a.u-tech{border-color:var(--btmh-tech)}#btmh .btmh-under a.u-ai{border-color:var(--btmh-ai)}
#btmh .btmh-under .btmh-h{font-size:16px;line-height:1.3}

/* Ads: existing ad code is printed as-is */
#btmh .btmh-ad{margin:26px 0;text-align:center}
#btmh .btmh-rail .btmh-ad{margin:0 0 22px}

/* Four-up */
#btmh .btmh-four{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--btmh-line);padding-top:24px;margin-top:24px}
#btmh .btmh-four .btmh-h{font-size:17px;line-height:1.25}

/* Band */
#btmh .btmh-band{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;background:var(--btmh-soft);padding:22px;margin-top:28px;border-radius:8px}
#btmh .btmh-bandbig .btmh-h{font-size:26px;line-height:1.18}
#btmh .btmh-bandbig p{margin:8px 0 0;color:var(--btmh-mut)}
#btmh .btmh-bandside a{display:grid;grid-template-columns:1fr 112px;gap:14px;padding:12px 0;border-bottom:1px solid var(--btmh-line);align-items:start}
#btmh .btmh-bandside a:first-child{padding-top:0}
#btmh .btmh-bandside a:last-child{border-bottom:0}
#btmh .btmh-bandside .btmh-h{font-size:16px;line-height:1.3}
#btmh .btmh-bandside .btmh-ph{margin:0}

/* Feed + rail */
#btmh .btmh-bottom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:28px}
#btmh .btmh-feed>a{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--btmh-line)}
#btmh .btmh-feed>a:first-child{padding-top:0}
#btmh .btmh-feed .btmh-ph{margin:0}
#btmh .btmh-feed .btmh-h{font-size:20px;line-height:1.25;margin:2px 0 6px}
#btmh .btmh-feed p{margin:0;color:var(--btmh-mut);font-size:15px}
#btmh .btmh-more{display:block!important;text-align:center;border:1px solid var(--btmh-fg)!important;padding:11px!important;font-weight:700;font-size:14px;margin-top:20px}
#btmh .btmh-railh{font-size:18px;font-weight:700;margin:0 0 10px;border-top:2px solid var(--btmh-fg);padding-top:10px}
#btmh .btmh-most{list-style:none;margin:0 0 22px;padding:0;counter-reset:m}
#btmh .btmh-most li{counter-increment:m;display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--btmh-line);font-weight:700;font-size:15px;line-height:1.3}
#btmh .btmh-most li:before{content:counter(m);font-size:24px;font-weight:300;color:var(--btmh-mut);min-width:22px;line-height:1}
#btmh .btmh-rail{position:relative}

@media (max-width:1000px){
 #btmh .btmh-hero{grid-template-columns:1fr;grid-template-rows:none;height:auto}
 #btmh .btmh-hc{aspect-ratio:16/10}
 #btmh .btmh-hc.big{grid-row:auto}
 #btmh .btmh-hc.big .btmh-h{font-size:24px}
 #btmh .btmh-under,#btmh .btmh-four{grid-template-columns:1fr 1fr}
 #btmh .btmh-band,#btmh .btmh-bottom{grid-template-columns:1fr}
}
@media (max-width:600px){
 #btmh .btmh-under,#btmh .btmh-four{grid-template-columns:1fr}
 #btmh .btmh-feed>a{grid-template-columns:120px 1fr}
 #btmh .btmh-feed .btmh-h{font-size:17px}
 #btmh .btmh-feed p,#btmh .btmh-ex{display:none}
}

/* Homepage only: hide header date */
body.home .btmi-mast .date{visibility:hidden}