/* NYC v3, 10 Nov 2026 10:03 (John, WhatsApp m:7d954949). Loaded after b10n.css on every page. */

/* 1. Stacked headlines: line breaks per breakpoint, no words changed. */
.hb br.bm,.hb br.bd{display:inline}
@media (min-width:700px){.hb br.bm{display:none}}
@media (max-width:699px){.hb br.bd{display:none}}
/* two headlines that sat in a narrow measure get room for their first line: How NYC works, Speaking */
.hb#mv-h,.hb#book-h{max-width:12em}

/* 2. Rough Diamond book, much larger: on desktop about the height of the text beside it; on phones edge to edge. Never cropped. */
@media (min-width:900px){
.bookfeat .bf.stk{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(28px,4vw,64px)}
.bookfeat .bf.stk figure{margin:0}
.bookfeat .bf.stk figure img{display:block;width:118%;max-width:none;margin:0 0 0 -9%;height:auto}
}
@media (max-width:899px){
.bookfeat .bf.stk figure{margin:16px -20px -4px;width:calc(100% + 40px);max-width:680px}
.bookfeat .bf.stk figure img{display:block;width:100%;max-width:none;height:auto}
}

/* 3. Footer in deep NYC teal (--deep #0B3B40). White text 12.3:1, the small line at 82% white 8.8:1, both AA. */
footer.v2{background:#0B3B40 !important;color:#fff;border-top:0}
footer.v2 a{color:#fff}
footer.v2 small{color:rgba(255,255,255,.82)}
