/* Warm editorial cards, preserving the original information layout. */
#result, #aiResult { position: relative; }
.parking-card {
  position: relative;
  overflow: hidden;
  padding: 25px;
  margin-bottom: 24px;
  border: 1px solid #ede7df;
  border-radius: 23px;
  background: radial-gradient(ellipse 250px 150px at 100% 0%, #fff3df80, transparent 80%), #fff;
  box-shadow: 0 6px 22px #785a2c07;
}
.parking-card h2 {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 15px;
  color: #353438;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.65px;
}
.parking-card h2::before {
  content: "";
  flex: 0 0 7px;
  height: 7px;
  border-radius: 50%;
  background: #efab4b;
  align-self: center;
}
.parking-card .available {
  display: inline-block;
  padding: 7px 13px;
  border: 1px solid #fae6c8;
  border-radius: 10px;
  background: #fff5e5;
  color: #9b641f;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.6px;
}
.parking-card .info-grid { margin-top: 20px; gap: 7px 24px; }
.parking-card .info-item { padding: 10px 0; border-bottom: 1px solid #f0edeb; }
.parking-card .label { font-size: 12px; color: #898389; font-weight: 400; }
.parking-card .value { margin-top: 5px; font-size: 14px; line-height: 1.65; color: #4d484c; font-weight: 600; }
.parking-card .address-notice { margin-top: 18px; padding: 11px 13px; border-radius: 11px; background: #faf8f4; color: #877b68; font-size: 11px; line-height: 1.7; }
.parking-card .card-actions { margin-top: 15px; }
.parking-card .map-button { padding: 11px 17px; border: 1px solid #efdca9; border-radius: 999px; background: #fff2c9; color: #6c5821; font-size: 13px; box-shadow: none; }
.parking-card .map-button::after { content: "↗"; margin-left: 12px; font-size: 16px; }
.parking-card .map-button:hover { background: #fae5a5; border-color: #dfc47c; }
html[data-theme="dark"] .parking-card { background: radial-gradient(ellipse 250px 150px at 100% 0%, #70523820, transparent 80%), #252431; border-color: #49404a; box-shadow: 0 6px 22px #0000000b; }
html[data-theme="dark"] .parking-card h2 { color: #f0e9e5; }
html[data-theme="dark"] .parking-card .available { color: #f3c986; border-color: #675039; background: #463629; }
html[data-theme="dark"] .parking-card .info-item { border-bottom-color: #423b45; }
html[data-theme="dark"] .parking-card .label { color: #b3a9b6; }
html[data-theme="dark"] .parking-card .value { color: #e4dce3; }
html[data-theme="dark"] .parking-card .address-notice { background: #37312f; color: #c4b49b; }
@media (max-width: 600px) {
  .parking-card { padding: 21px; border-radius: 20px; }
  .parking-card h2 { font-size: 20px; }
  .parking-card .available { font-size: 21px; }
}
