/* F1/F2 presentation only. These tokens never grant evidence or route eligibility. */
:root {--commerce-verified:#34D399;--commerce-estimated:#FDE68A;--commerce-conditional:#93C5FD;--commerce-badge-ink:#1F2F24}
.commerce-tier {display:inline-flex;align-items:center;gap:6px;max-width:100%;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.025em;color:var(--commerce-badge-ink);background:var(--commerce-estimated);overflow-wrap:anywhere}
.commerce-tier[data-commerce-tier=VERIFIED] {background:var(--commerce-verified)}
.commerce-tier[data-commerce-tier=CONDITIONAL] {background:var(--commerce-conditional)}
.commerce-tier[data-commerce-tier=HELD] {background:var(--surface-soft);color:var(--ink)}
.voucher-vault {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:28px 32px;margin:24px 0;background:var(--surface-soft);border-radius:var(--radius-3);box-shadow:var(--shadow-editorial-utility);scroll-margin-top:140px}
.voucher-vault h3 {font-family:var(--font-display);font-size:clamp(26px,3vw,38px);line-height:1.18;margin:8px 0 14px}
.voucher-vault p,.urban-dialog p {line-height:1.65}
.vault-action {display:grid;gap:10px;min-width:0}
.vault-action label {font-weight:600}
.vault-action select,.urban-dialog input:not([type=checkbox]),.urban-dialog select {width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;border:1px solid var(--line-strong);border-radius:var(--radius-2);padding:10px;color:var(--ink);background:var(--surface)}
.vault-action select {text-overflow:ellipsis}
.vault-action .button {min-height:44px}
.vault-action details,.commerce-legend {color:var(--ink-secondary);font-size:13px}
.commerce-legend {padding:12px 0 22px}
.commerce-legend summary,.vault-action summary {min-height:44px;cursor:pointer;padding:10px 0}
.commerce-legend ul {display:grid;gap:12px;padding-left:20px}
.commerce-legend li {line-height:1.6}
dialog.urban-dialog {width:min(940px,calc(100% - 32px));max-height:88dvh;overflow:auto;color:var(--ink);background:var(--surface)}
.urban-dialog h2 {font-family:var(--font-display);font-size:clamp(25px,3vw,36px);margin:8px 0 18px}
.urban-app-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.urban-dialog fieldset {min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius-2)}
.urban-dialog legend {font-weight:700}
.urban-dialog label:not(.check-row) {display:grid;gap:6px;margin:10px 0;font-size:13px;color:var(--ink-secondary)}
.urban-dialog .check-row {display:flex;align-items:flex-start;gap:8px;padding:10px 0;line-height:1.5}
.urban-dialog .check-row input {width:18px;height:18px;flex:none;margin-top:2px}
.urban-cost-row {display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0;padding:14px;background:var(--surface-soft);border-radius:var(--radius-2)}
.urban-cost-row small {grid-column:1/-1;line-height:1.6;color:var(--ink-secondary)}
.urban-cost-row.is-lowest {box-shadow:inset 3px 0 var(--jt-champagne)}
.urban-week {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.urban-week button {min-height:44px;min-width:44px}
.urban-week [aria-pressed=true] {background:var(--primary);color:var(--primary-foreground)}
.urban-guide-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}
.urban-source-card {min-width:0;padding:18px;margin:12px 0;border:1px solid var(--line);border-radius:var(--radius-3);background:var(--surface-soft)}
.urban-source-card h3,.urban-source-card h4 {margin:10px 0;font-family:var(--font-display)}
.urban-source-card small {display:block;color:var(--ink-secondary);line-height:1.5}
.urban-menu-item+.urban-menu-item {border-top:1px solid var(--line);margin-top:16px;padding-top:8px}
.urban-source-url {overflow-wrap:anywhere;font-size:12px}
.urban-source-note {border-left:3px solid var(--jt-champagne);padding:10px 14px;background:var(--surface-soft)}
#urban-split-form {display:grid;grid-template-columns:2fr 1fr;gap:14px}
#urban-split-form button {grid-column:1/-1;justify-self:start;min-height:44px}
#urban-split-result {margin:18px 0}
@media(max-width:680px) {
  .voucher-vault {grid-template-columns:1fr;padding:20px;gap:12px;margin:18px 0;scroll-margin-top:160px}
  dialog.urban-dialog {width:100%;max-height:90dvh;margin: auto 0 0;border-radius:var(--radius-3) var(--radius-3) 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}
  .urban-app-grid,.urban-guide-grid {grid-template-columns:1fr}
  .urban-app-grid {gap:12px}
  .urban-source-card {padding:14px}
  #urban-split-form {grid-template-columns:1fr}
}