/* 26차: PC의 날씨 옆 3개 카드만 조정. 25차 모바일/태블릿은 그대로 유지.
 * 카드 너비와 색상은 그대로, 세로 높이는 102px -> 96px.
 * 날씨 위젯 아래선과 카드 아래선을 유지한다.
 * 25차에서 추가한 규칙 뒤에 로드되어 기존 !important 재정의를 피한다.
 */
@media (min-width:961px) {
  #main .weather-showcase.quick-access-row {
    align-items:end !important;
  }
  #main .weather-showcase.quick-access-row > .quick-weather {
    align-self:end !important;
  }
  #main .weather-showcase.quick-access-row > .quick-program-grid {
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    align-self:end !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card {
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    padding:8px 49px 8px 14px !important;
    border-radius:16px !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .card-number {
    font-size:10.6px !important;
    margin-bottom:4px !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .quick-card-copy {
    gap:2px !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .quick-card-copy strong {
    font-size:clamp(18.5px,1.50vw,22.5px) !important;
    font-weight:650 !important;
    line-height:1.12 !important;
    letter-spacing:-.052em !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .quick-card-description {
    font-size:clamp(10.7px,.82vw,11.8px) !important;
    line-height:1.30 !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .arrow-circle {
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    font-size:23px !important;
  }
}
@media (min-width:961px) and (max-width:1230px) {
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card {
    padding:7px 38px 7px 10px !important;
    border-radius:14px !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .card-number {
    font-size:9.5px !important;
    margin-bottom:3px !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .quick-card-copy strong {
    font-size:16.4px !important;
    font-weight:650 !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .quick-card-description {
    font-size:9.9px !important;
    line-height:1.31 !important;
  }
  #main .weather-showcase.quick-access-row .quick-program-grid > a.program-card .arrow-circle {
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
    font-size:19px !important;
  }
}