/* Capacity, surge, coming vacant and arrival (web/js/capacity.js, surge.js, coming.js, curb.js). Its own file so
   additions here never collide with book.css. Follows the type rule: "Source Serif 4",Georgia,16px minimum, no capitals, ' | ' separators. */
/* what a plan holds (web/js/capacity.js): six numbers in a grid, the rest folded */
.capgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:12px 0 2px}
.capgrid .cap{border-top:1px solid var(--faint);padding-top:6px}
.capgrid .cap b{display:block;font-family:var(--sans);font-weight:500;font-size:24px;line-height:1.15;font-variant-numeric:lining-nums tabular-nums}
.capgrid .cap span{display:block;font-size:16px;line-height:1.3;color:var(--soft);margin-top:2px}
ul.svc{columns:2;column-gap:16px;margin:4px 0 8px;padding-left:20px;font-size:16px}
@media (max-width:620px){ul.svc{columns:1}.capgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* surge mode and coming vacant (web/js/surge.js, web/js/coming.js) */
.surgehead{font-size:16px;margin:12px 0 4px}
.chips.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:620px){.chips.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.alertf{border:1px solid var(--faint);border-radius:8px;padding:10px 12px;margin:10px 0}
.alertf .cta{margin-top:8px}
.alertf .ttl{font-weight:600;margin:0 0 6px}
ul.alerts{list-style:none;padding:0;margin:6px 0 10px;font-size:16px}
ul.alerts li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;border-top:1px solid var(--faint);padding:6px 0}
ul.alerts .am{color:var(--soft)} ul.alerts .am b{color:var(--sap);font-weight:600}
/* the round number on these tiles (need on a coming-vacant tile, beds on a surge photo), styled here so it does not
   depend on book.css's card badges */
.cards.list .hd{display:flex;align-items:center;gap:8px;margin-top:2px}
.cards.list .sc{flex:none;width:36px;height:36px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;background:var(--sap);color:var(--paper);font-size:16px;font-weight:600;font-variant-numeric:lining-nums tabular-nums;line-height:1}
.cards.list .ph .sc{position:absolute;top:8px;left:8px;border:2px solid var(--paper)}
.cards.list li.coming .sc{background:var(--ink)}
.cards.list li.coming .u,.cards.list li.coming .s{font-size:16px;line-height:1.4}
.cards.list li.coming .u{color:var(--soft)}
.cards.list>li.coming>button{padding-top:12px}

/* arrival, from the aerial (web/js/curb.js) */
.curb{margin-top:10px}
.curbimg{display:block;width:100%;max-width:420px;aspect-ratio:1000/820;object-fit:cover;border-radius:8px;border:1px solid var(--faint);margin:6px 0}
ul.curbl{list-style:none;padding:0;margin:4px 0 8px;font-size:16px}
ul.curbl li{display:grid;grid-template-columns:96px 1fr;gap:8px;border-top:1px solid var(--faint);padding:6px 0}
ul.curbl .k{color:var(--soft)}
ul.curbl b{font-weight:600}