/* --seasonal13: small resort info cards (corkage on Dining, valet + EV on From the Resort). Tokens from style.css. */
.s13-card { margin: 26px 0 18px; padding: 16px 18px 14px; border-radius: var(--r, 12px); background: rgba(201,164,92,.08); border: 1px solid rgba(201,164,92,.4); max-width: 860px; }
.s13-h { margin: 0; font-family: var(--serif); font-size: 1.3rem; display: flex; align-items: center; gap: 8px; }
.s13-h .ic { color: var(--gold-ink, #8a6a2b); }
.s13-sub { margin: 2px 0 10px; font-size: .9rem; opacity: .8; }
.s13-h3 { margin: 10px 0 4px; font-family: var(--sans, inherit); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-ink, #8a6a2b); }
.s13-dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 0 28px; }
.s13-dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px dashed rgba(201,164,92,.4); }
.s13-dl dt { font-weight: 500; }
.s13-dl dd { margin: 0; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.s13-note, .s13-ev { margin: 10px 0 0; font-size: .92rem; }
.s13-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 28px; }
.s13-cols .s13-dl { grid-template-columns: 1fr; }
.s13-cols .s13-ev { margin-top: 6px; }
@media (max-width: 640px) { .s13-cols { grid-template-columns: 1fr; } .s13-card { padding: 14px; } }