/* head-neck/ landing page: additions to ../truncal/landing.css (cards for five pages, the coverage-map frame).
   The head figure's own styles (hn-cov-*) come from shared/css/headneck.css, shared with the block pages. */
.hn-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-res-grid--text{grid-template-columns:minmax(0,1fr)}
/* Coverage-map frame and key from /shared/regional/css/regional.css, which this page does not load. */
.tb-app .tb-cov{margin:0;max-width:440px}
.tb-app .tb-cov-stage{border:1px solid var(--line);background:#fbf9f4;padding:8px}
.tb-app .tb-cov-legend{list-style:none;margin:10px 0 0;padding:0}
.tb-app .tb-cov-legend li{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:15px;line-height:1.4}
.tb-app .tb-cov-sw{flex:none;width:28px;height:18px;border:1px solid #1d4f7c}
.tb-app .tb-cov-sw--dense{background:rgba(44,116,179,.78)}
.tb-app .tb-cov-sw--moderate{background:repeating-linear-gradient(45deg,#1d4f7c 0 2px,rgba(44,116,179,.32) 2px 6px)}
.tb-app .tb-cov-sw--patchy{background:radial-gradient(circle,#1d4f7c 1.1px,transparent 1.4px) 0 0/6px 6px,rgba(44,116,179,.12)}
.tb-app .tb-cov-note{color:var(--muted);font-size:14px}
@media (max-width:900px){.hn-cards{grid-template-columns:1fr}}