/* v98: dock to dose, step 1: the Lot Card (next-lotcard.js). On the v89 system (DESIGN-V89.md): type tokens, grey ramp,
   tones and spacing only. On the lot page the card sits in the rail under Details and uses Details' own rows
   (next-v89-today.css .v89l-rail .v84facts > .facts): the label in a 116px column, the value left-aligned beside it. */
.v98lc .card-h { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); }
.v98lc .card-h h2 { margin: 0; }
.v98-b { display: grid; gap: var(--s-3); padding: 0 var(--s-5) var(--s-5); }
.v98-sub { margin: 0; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v98-facts { display: block; }
.v98-facts > div { display: grid; grid-template-columns: minmax(0, 116px) minmax(0, 1fr); column-gap: var(--s-3); align-items: start; padding: var(--s-2) 0; border-top: 1px solid var(--gray-100); }
.v98-facts > div:first-child { border-top: 0; }
.v98-facts small { color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v98-facts span { min-width: 0; color: var(--gray-900); font-size: var(--t-small-size); line-height: var(--t-small-lh); text-align: left; overflow-wrap: anywhere; }
.v98-facts em { display: block; font-style: normal; color: var(--gray-500); font-size: var(--t-label-size); line-height: var(--t-label-lh); margin-top: 2px; }
.v98-miss { color: var(--gray-500); }
/* "line 11": a citation is a sentence, so Inter (DESIGN-V89: mono only for text as printed) */
.v98-ln { margin-left: var(--s-1); color: var(--gray-500); font-size: var(--t-label-size); line-height: var(--t-label-lh); font-variant-numeric: tabular-nums; }
.v98-note { margin: 0; padding: var(--s-3) var(--s-4); border-radius: var(--r-ctl); background: var(--neutral-bg); color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v98-bl { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-2); }
.v98-bl li { display: grid; gap: 2px; padding: var(--s-3) var(--s-4); border-radius: var(--r-ctl); background: var(--attention-bg); }
.v98-bl li b { font-weight: var(--w-medium); color: var(--attention-fg); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v98-bl li span { color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v98-sib { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-3); align-items: baseline; font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v98-sib p { flex-basis: 100%; margin: 0; color: var(--gray-700); }
.v98-act { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.v98lc .v98-act { display: grid; grid-template-columns: 1fr; gap: var(--s-2); }
.v98lc .v98-act .btn { justify-content: center; }
.v98-foot { margin: 0; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v98dl .card-b { display: grid; gap: var(--s-3); }
.v98-t td small { display: block; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
@media (max-width: 699px) { .v98-act .btn { flex: 1 1 auto; justify-content: center; } }