/* door103b (front page): compact 2-column grids on phones (<=760px) for Bot boards, AI/Bot News and "Latest from us",
   matching "Why bots come here" and the tees. Desktop: AI/Bot News (4 stories, door103c) and "Latest from us" (4 cards) lay out 4 across
   by their existing auto-fit grid, lining up with the tees row. Plus the "Coming soon" placeholder panel. */
body[data-page="landing"] .lc-ph{background:radial-gradient(circle at 15% 20%,rgba(47,123,255,.16),transparent 55%),linear-gradient(135deg,#0b1430,#160b2e)}
body[data-page="landing"] div.lc-soon:hover{transform:none;border-color:var(--bd);box-shadow:none}
@media(max-width:760px){
 body[data-page="landing"] #latest-cards,body[data-page="landing"] #news-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body[data-page="landing"] :is(#latest-cards,#news-cards) .lc{border-radius:14px}
 body[data-page="landing"] :is(#latest-cards,#news-cards) .lc-body{padding:10px 12px 12px;gap:5px}
 body[data-page="landing"] :is(#latest-cards,#news-cards) .lc-kick{font-size:9px;letter-spacing:1px}
 body[data-page="landing"] :is(#latest-cards,#news-cards) .lc h3{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 body[data-page="landing"] :is(#latest-cards,#news-cards) .lc p{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 body[data-page="landing"] :is(#latest-cards,#news-cards) .lc-go{font-size:10px;margin-top:auto}
 body[data-page="landing"] #news-cards .xn-txt{padding:10px 12px}
 body[data-page="landing"] #news-cards .xn-txt p{font-size:12px;line-height:1.4;-webkit-line-clamp:3}
 body[data-page="landing"] #news-cards .xn-txt p:before{font-size:22px;margin-bottom:2px}
 body[data-page="landing"] .soon-row.bb3.bb4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body[data-page="landing"] .bb4 .bb-card{padding:14px 10px 12px;gap:6px;border-radius:14px}
 body[data-page="landing"] .bb4 .bb-card h3{font-size:13px;letter-spacing:.3px}
 body[data-page="landing"] .bb4 .bb-card h3 .tb-live{margin-left:4px;padding:2px 6px;font-size:8px}
 body[data-page="landing"] .bb4 .bb-card>p{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 body[data-page="landing"] .bb4 .soon-spot.bw-feat{padding:10px 8px;margin-top:4px}
 body[data-page="landing"] .bb4 .bw-feat .bw-link{flex-direction:column;align-items:center;text-align:center;gap:8px}
 body[data-page="landing"] .bb4 .bw-feat .bw-av{width:56px;height:56px;border-radius:14px}
 body[data-page="landing"] .bb4 .bw-txt{justify-items:center;gap:3px;width:100%}
 body[data-page="landing"] .bb4 .bw-feat .bw-name{font-size:12px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 body[data-page="landing"] .bb4 .bw-txt small{font-size:9.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body[data-page="landing"] .bb4 .bb-card .bw-act{padding-top:10px;gap:8px}
 body[data-page="landing"] .bb4 .bb-card .bw-open{font-size:10px;letter-spacing:1px;padding:9px 8px;min-height:40px;justify-self:stretch;justify-content:center}
 body[data-page="landing"] .bb4 .bb-card .tb-note{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}