/* Generated from backend/scoring/deal_card_html.ts by scripts/build-deal-card-css.ts. Do not edit. */
.dc-list{list-style:none;margin:0;padding:0 16px;background:var(--card);border-radius:14px}
.dc{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;
  color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
.dc-list>li+li .dc::before{content:"";position:absolute;top:0;left:104px;right:0;border-top:.5px solid var(--sep)}
a.dc:hover .dc-n{color:var(--teal-text)}
.dc-img{position:relative;display:block;width:92px;height:92px;border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,var(--teal-85),var(--brand-ink))}
.dc-img img{display:block;width:100%;height:100%;object-fit:cover}
.dc-ph{position:absolute;right:8px;bottom:6px;color:rgba(255,255,255,.35)}
.dc-q{position:absolute;left:6px;top:6px;font:700 11px/1 var(--ui);color:#fff;padding:3px 7px;border-radius:999px;
  box-shadow:0 1px 2px rgba(0,0,0,.25)}
.dc-q-great{background:#0E7A3B}.dc-q-good{background:#2F7A2A}.dc-q-fair{background:#A85410}.dc-q-poor{background:#C0392B}
.dc-body{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--ink)}
.dc-name{display:flex;align-items:baseline;gap:6px;min-width:0}
.dc-n{color:var(--ink);font:600 17px/1.25 var(--ui);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dc-mark{flex:0 0 auto;align-self:center}
.dc-star{color:#F5C400;flex:0 0 auto}.dc-swell{color:var(--teal);flex:0 0 auto}.dc-saved{color:#FF9500;flex:0 0 auto}
.dc-loc{font:400 15px/1.3 var(--ui);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-met{display:flex;gap:8px;font:500 12px/1.3 var(--ui);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.dc-met span{display:inline-flex;align-items:center;gap:3px}
.dc-fr{display:flex;align-items:baseline;gap:8px;margin-top:1px}
.dc-route{font:400 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-2);white-space:nowrap}
.dc-route i{font-style:normal;margin:0 1px}
.dc-drive{display:inline-flex;align-items:center;gap:4px;font:600 15px/1 var(--ui);color:var(--teal);white-space:nowrap}
.dc-fare{margin-left:auto;font:700 20px/1 var(--ui);color:var(--teal);font-variant-numeric:tabular-nums}
.dc-see{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font:600 15px/1 var(--ui);color:var(--teal);white-space:nowrap}
.ic{display:inline-block;vertical-align:-.12em;flex:0 0 auto}
.dc-season .dc-body{gap:3px}
.dc-n1{-webkit-line-clamp:1}
.dc-mo{flex:0 0 auto;align-self:center;font:700 12px/1 var(--ui);color:var(--teal-text);background:rgba(14,124,134,.15);
  padding:3px 6px;border-radius:999px}
.dc-sb{align-self:flex-start;margin:1px 0;font:600 11px/1 var(--ui);padding:3px 6px;border-radius:999px}
.dc-sb-peak{color:var(--teal-text);background:rgba(14,124,134,.16)}
.dc-sb-year_round{color:#1E7A34;background:rgba(52,199,89,.16)}
.dc-sb-shoulder{color:#B25000;background:rgba(255,149,0,.16)}
.dc-sb-off{color:var(--ink-2);background:var(--fill)}
.dc-sfr{display:flex;align-items:baseline;gap:4px;margin-top:2px;white-space:nowrap}
.dc-dot{font:400 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-2)}
.dc-sf{font:400 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-2);font-variant-numeric:tabular-nums}
.dc-sf.cheap{font-weight:700;color:#1E7A34}
.dc-sees{display:inline-flex;align-items:center;gap:3px;font:600 12px/1 var(--ui);color:var(--teal-text)}
@media (prefers-color-scheme:dark){
  :root[data-theme="app"] .dc-sb-year_round,:root[data-theme="app"] .dc-sf.cheap{color:#30D158}
  :root[data-theme="app"] .dc-sb-shoulder{color:#FF9F0A}
}
.dc-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dc-tile{display:flex;flex-direction:column;gap:10px;padding:0;background:var(--card);border-radius:18px;overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.06)}
.dc-tile .dc-img{width:100%;height:auto;aspect-ratio:8/5;border-radius:0}
.dc-tile .dc-q{left:10px;top:10px;font-size:12px;padding:4px 9px}
.dc-tile .dc-body{padding:0 14px 14px}
@media (max-width:900px){.dc-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .dc-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 8px;scrollbar-width:none}
  .dc-strip::-webkit-scrollbar{display:none}
  .dc-strip>*{flex:0 0 78%;scroll-snap-align:start}
}