/* days 화면 전용 스타일(2026-10-20 개편). brand.css 다음에 로드. 선택자는 #view-days 로 한정한다.
   부품(.eyebrow .f4 .src3 .seal .ij.hj .band .dy-list .dy-row .dy-month .dy-note)은 brand.css 가 맡고, 여기는 배치·머리·도구줄·바닥만. 움직임은 transform·opacity·clip-path 뿐. */
#view-days { padding-bottom: 8px; }
#view-days .dy-head { margin: 0 0 14px; }
#view-days .dy-back { display: inline-block; margin: 0 0 10px; font: 700 13px/1 var(--font); color: var(--cobalt); text-decoration: none; }
#view-days .dy-head-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
#view-days .dy-head-txt { min-width: 0; flex: 1 1 auto; }
#view-days .dy-head-mark { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 2px; }
#view-days .dy-title { font: 700 28px/1.2 var(--title); letter-spacing: -.02em; margin: 0 0 6px; color: var(--text); }
#view-days .dy-desc { margin: 0; font: 400 15px/1.5 var(--font); color: var(--muted); word-break: keep-all; }

/* 도구줄: seg '상만 · 중 이상' + '상 n일 · 중 m일' */
#view-days .dy-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 10px; }
#view-days .dy-seg { margin: 0; flex: 0 0 auto; }
#view-days .dy-seg button { flex: 0 0 auto; padding: 7px 12px; font: 700 13px/1 var(--font); transition: color .2s var(--ease-expo); }
#view-days .dy-counts { margin: 0; font: 700 12px/1.4 var(--font); color: var(--muted); font-variant-numeric: tabular-nums; }
#view-days .dy-banner { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 8px 12px; border-radius: 999px; background: var(--cobalt-s); color: var(--cobalt); font: 700 12px/1.3 var(--font); word-break: keep-all; }
#view-days .dy-banner::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--cobalt); }
#view-days .dy-banner.in { animation: chipin .55s var(--ease-back) both; }
#view-days .dy-note a { color: var(--cobalt); font-weight: 700; text-decoration: none; }
#view-days .dy-loading { margin: 4px 0 10px; }

/* 목록은 brand.css .dy-list / .dy-row. 스켈레톤은 정지. */
#view-days .dy-list { margin: 0 0 14px; }

/* 빈 상태 · 바닥(더보기 봉인 띠 / 한도 문구) · 오류 */
#view-days .dy-empty { display: grid; justify-items: start; gap: 12px; padding: 18px 16px; border-radius: var(--r-s); background: var(--card); box-shadow: var(--shadow-s); margin: 0 0 14px; }
#view-days .dy-empty p { margin: 0; font: 500 15px/1.5 var(--font); color: var(--text); word-break: keep-all; text-wrap: balance; }
#view-days .dy-foot { display: grid; justify-items: center; gap: 12px; margin: 4px 0 0; }
#view-days .dy-more { position: relative; width: 100%; border-radius: var(--r-s); font: 700 15px/1 var(--font); padding: 16px 20px; }
#view-days .dy-more .band { left: 14px; right: 14px; top: -1px; }
#view-days .dy-more:hover { transform: none; }
#view-days .dy-limit { margin: 0; max-width: 34em; text-align: center; font: 500 13px/1.6 var(--font); color: var(--muted); word-break: keep-all; text-wrap: balance; }
#view-days .dy-err { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0; padding: 14px 16px; border-radius: var(--r-s); background: var(--card); box-shadow: var(--shadow-s); font: 500 14px/1.5 var(--font); color: var(--text); word-break: keep-all; }

@media (min-width: 761px) {
  #view-days .dy-title { font-size: 34px; }
  #view-days .dy-head-mark { gap: 10px; padding-top: 6px; }
}
@media (max-width: 400px) {
  #view-days .dy-head-row { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #view-days .dy-banner, #view-days .dy-banner.in { animation: none !important; transition: none !important; opacity: 1 !important; }
  #view-days .dy-seg button { transition: none !important; }
}

/* hidden 속성이 display 지정에 밀리지 않게 */
#view-days [hidden] { display: none !important; }