/* =====================================================================
   Bushwick Daily · the home page, stage 4 (hl/stage4.php). Phone rules; hl-wide.css lays the same nodes out wider.
   Tokens are hl.css's. Loaded only while `bd_hl4` is on.
   ===================================================================== */
.hl-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px var(--gutter) 0}
.hl-pair__card,.hl-car__card{display:block;min-width:0}
.hl-pair__card .hl-kicker,.hl-car__card .hl-kicker{margin-top:8px}
.hl-pair__card .hl-kicker__meta{display:none}                       /* two narrow cards: the section is enough */
.hl-pair__card .hl-h3{margin-top:4px;font-size:15px;line-height:19px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.hl4-latest .hl-row .hl-timeline__time{margin-bottom:2px;line-height:16px}
.hl4-latest .hl-section-head + .hl-row{padding-top:12px}
.hl-car{display:flex;gap:12px;margin-top:12px;padding:0 var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hl-car::-webkit-scrollbar{display:none}
.hl-car__card{flex:0 0 62%;max-width:260px;scroll-snap-align:start}
.hl-car__card .hl-h3{margin-top:4px;font-size:16px;line-height:21px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.hl4 .hl-section-head + .hl-feature{margin-top:12px}
.hl4-more .hl-rows > .hl-row:first-child{padding-top:12px}
/* In pictures: the edge of the next frame shows that it swipes */
.hl4 .hl-gallery__frame{flex-basis:92%}