.weekend-smart { margin-bottom: 16px; padding: clamp(16px, 3vw, 24px); border: 1px solid var(--border, #d5e3df); border-radius: 20px; background: #f5faf8; }
.weekend-smart > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.weekend-smart > header small { color: #4f8e82; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.weekend-smart > header h2 { margin: 4px 0; color: #173f3b; font-size: clamp(20px, 3vw, 28px); }
.weekend-smart > header p { margin: 0; color: #607770; line-height: 1.6; }
.weekend-smart > header > strong { flex: none; padding: 8px 12px; border-radius: 999px; background: #277f70; color: white; font-size: 13px; }
.weekend-smart__metrics { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 8px; margin-top: 16px; }
.weekend-smart__metrics span { padding: 10px 12px; border: 1px solid #d5e3df; border-radius: 12px; background: white; color: #607770; font-size: 12px; }
.weekend-smart__metrics b { display: block; margin-top: 4px; color: #173f3b; font-size: 14px; }
.weekend-smart__list { display: grid; gap: 7px; margin-top: 12px; }
.weekend-smart__list article { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; border-left: 3px solid #9aaca7; border-radius: 10px; background: white; }
.weekend-smart__list article.is-good { border-left-color: #277f70; }
.weekend-smart__list article > span { color: #4f8e82; font-size: 12px; font-weight: 800; }
.weekend-smart__list strong,.weekend-smart__list small { display: block; }
.weekend-smart__list small { margin-top: 3px; color: #607770; line-height: 1.45; }
.weekend-smart__list time { color: #345e57; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.weekend-smart__empty { margin: 14px 0 0; padding: 14px; border-radius: 12px; background: white; color: #607770; line-height: 1.65; }
@media (max-width: 700px) {
  .weekend-smart > header { display: grid; }
  .weekend-smart > header > strong { justify-self: start; }
  .weekend-smart__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .weekend-smart__metrics span:first-child { grid-column: 1 / -1; }
  .weekend-smart__list article { grid-template-columns: 46px minmax(0, 1fr); }
  .weekend-smart__list time { grid-column: 2; white-space: normal; }
}