.daily-main {
  --daily-display: "Pretendard Variable", Pretendard, sans-serif;
  --daily-number: "Pretendard Variable", Pretendard, sans-serif;
  width: min(1460px, 100%);
  margin: 0 auto;
  padding: 42px 0 30px;
  font-family: var(--daily-display);
}

.daily-main > h1 {
  margin: 8px 0 22px;
  text-align: center;
  font-family: var(--daily-display);
  font-size: clamp(34px, 5vw, 56px);
  font-weight: 790;
  letter-spacing: .075em;
}

.daily-kicker,
.daily-definition {
  text-align: center;
}

.daily-kicker {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #a6b4be;
  font-family: var(--mono);
  letter-spacing: .08em;
}

.daily-kicker b {
  border: 1px solid #28464d;
  padding: 5px 9px;
  color: #69d5cb;
  font-size: 11px;
}

.daily-kicker-numeric {
  font-family: var(--mono);
}

.daily-kicker-korean {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: -.02em;
}

.daily-kicker .daily-status.live::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: #69d5cb;
  box-shadow: 0 0 9px rgba(105, 213, 203, .75);
}

.daily-kicker .daily-status.final { color: #aab7bf; }
.daily-kicker .daily-status.corrected { color: #e2be59; border-color: #765b25; }
.daily-last-update { color: #71838d; font-family: var(--mono); font-size: 11px; letter-spacing: .03em; }
.daily-last-update .daily-kicker-korean { margin-right: 3px; }

.daily-definition {
  margin: 0 0 30px;
  color: #8fa0aa;
  font-size: 16px;
  line-height: 1.7;
}

.daily-delay {
  margin: 0 0 16px;
  border: 1px solid #765b25;
  background: rgba(205, 160, 48, .08);
  padding: 12px 16px;
  color: #e2be59;
  text-align: center;
}

.daily-overview {
  display: grid;
  grid-template-columns: .9fr .58fr 1.72fr;
  gap: 0;
  padding: 24px 28px;
}

.daily-overview > div {
  min-width: 0;
  padding: 6px 24px;
  border-left: 1px solid #1f2c33;
}

.daily-overview > div:first-child { border-left: 0; padding-left: 4px; }
.daily-overview span { display: block; color: #bac6cd; font-size: 15px; }
.daily-score-block strong { color: #f08339; font-family: var(--daily-number); font-size: clamp(68px, 6.4vw, 102px); font-weight: 790; font-variant-numeric: tabular-nums; letter-spacing: -.055em; line-height: 1.02; }
.daily-score-block small { color: #8fa0aa; font-size: 22px; }
.daily-score-block p { display: -webkit-box; margin: 12px 0 0; max-width: 320px; overflow: hidden; color: #e2e8eb; font-size: 16px; font-weight: 620; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.daily-change-block { display: flex; flex-direction: column; justify-content: center; }
.daily-change-block strong { margin: 10px 0; font-family: var(--daily-number); font-size: clamp(34px, 3.5vw, 52px); font-weight: 760; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.daily-change-block small,
.daily-summary small { color: #6f828d; font-size: 12px; }
.daily-trend { display: flex; flex-direction: column; justify-content: center; }
.daily-trend svg { display: block; width: 100%; min-height: 145px; max-height: 170px; overflow: visible; }
.daily-chart-grid line { stroke: #26333a; stroke-width: 1; }
.daily-chart-axis { fill: #798b95; font-family: var(--mono); font-size: 12px; }
.daily-chart-area { fill: url(#dailyRiskFill); }
.daily-chart-line { fill: none; stroke: #ef4548; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px rgba(239,69,72,.45)); }
.daily-chart-dot { fill: #ff5b5e; stroke: #ffd2d2; stroke-width: 2; filter: drop-shadow(0 0 6px rgba(239,69,72,.9)); }
.daily-section { margin-top: 14px; padding: 20px 22px; }
.daily-section h2,
.daily-comparison h2 { margin: 0 0 14px; font-size: 21px; }
.daily-section h2 em { margin-left: 8px; color: #f04e45; font-style: normal; }
.daily-heading-icon { display: inline-grid; place-items: center; width: 26px; height: 26px; margin-right: 10px; color: #f04e45; font-family: var(--mono); font-size: 18px; }
.daily-heading-icon.watch { color: #5f9dde; }
.daily-change-list { display: grid; gap: 8px; }
.daily-change-row { display: grid; grid-template-columns: minmax(170px, .8fr) minmax(140px, .55fr) 70px 1.5fr; align-items: center; gap: 16px; border: 1px solid #22323a; padding: 12px 16px; }
.daily-change-row > div:first-child { display: flex; align-items: center; gap: 12px; }
.daily-change-row strong { font-size: 19px; }
.daily-change-row p { min-width: 0; margin: 0; overflow: hidden; color: #a9b6be; font-size: 15px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.daily-direction { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #17242b; font-weight: 800; }
.daily-direction.up, .daily-score-shift b, .up { color: #f04e45; }
.daily-direction.down, .down { color: #5fc7bb; }
.flat { color: #aebac1; }
.daily-score-shift { display: flex; align-items: center; gap: 14px; font-family: var(--daily-number); font-size: 24px; font-weight: 690; font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.daily-score-shift i { color: #657985; font-style: normal; }
.daily-delta { font-family: var(--daily-number); font-size: 18px; font-weight: 720; font-variant-numeric: tabular-nums; text-align: right; }
.daily-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.daily-empty { border: 1px dashed #2a3a43; padding: 16px 18px; color: #a9b6be; }
.daily-empty strong { color: #dce4e8; font-size: 17px; }
.daily-empty p { margin: 8px 0 0; line-height: 1.65; }
.daily-empty.compact { min-height: 0; }
.daily-compact-state p { margin-top: 4px; }
.daily-event-list, .daily-watch-list { margin: 0; padding: 0; list-style: none; }
.daily-event-list li { display: flex; align-items: flex-start; gap: 10px; border-top: 1px solid #1f2c33; padding: 11px 0; }
.daily-event-list li:first-child { border-top: 0; padding-top: 0; }
.daily-event-list strong { display: -webkit-box; min-width: 0; overflow: hidden; font-size: 16px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.daily-event-bullet { flex: 0 0 auto; width: 6px; height: 6px; margin-top: 9px; border-radius: 50%; background: #f04e45; box-shadow: 0 0 9px rgba(240,78,69,.55); }
.daily-event-meta { color: #70848f; font-size: 12px; }
.daily-event-meta a { margin-left: 8px; color: #63cbd0; }
.daily-watch-list li { display: grid; grid-template-columns: 8px minmax(110px, .8fr) 1.2fr; align-items: center; gap: 12px; border-top: 1px solid #1f2c33; padding: 11px 0; }
.daily-watch-list li:first-child { border-top: 0; padding-top: 0; }
.daily-watch-list li > span { width: 7px; height: 7px; border-radius: 50%; background: #e0b741; box-shadow: 0 0 12px rgba(224,183,65,.65); }
.daily-watch-list strong { min-width: 0; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.daily-watch-list p { min-width: 0; margin: 0; overflow: hidden; color: #a9b6be; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.daily-comparison { display: flex; align-items: center; gap: 30px; margin-top: 14px; padding: 15px 22px; }
.daily-comparison h2 { flex: 0 0 auto; margin: 0; }
.daily-comparison > div { display: flex; justify-content: center; align-items: center; gap: clamp(14px, 4vw, 48px); font-size: 18px; }
.daily-comparison b { margin-left: 8px; font-family: var(--daily-number); font-size: 27px; font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.daily-comparison strong { border: 1px solid #66313a; padding: 7px 12px; font-family: var(--daily-number); font-size: 22px; font-weight: 740; font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.daily-comparison i { color: #526670; font-style: normal; }
.daily-pagination { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: 18px; padding: 0; overflow: hidden; }
.daily-pagination > * { padding: 19px; border-left: 1px solid #1f2c33; color: #b9c5cc; text-align: center; }
.daily-pagination > *:first-child { border-left: 0; }
.daily-pagination a:hover { background: rgba(84,198,203,.06); color: #fff; }
.daily-pagination small { color: #6f828d; }
.daily-pagination .disabled { opacity: .38; }
.daily-disclaimer { margin: 18px auto 0; max-width: 760px; color: #657680; text-align: center; font-size: 11px; line-height: 1.6; }
.daily-hub { width: min(1120px, calc(100% - 40px)); min-height: 68vh; }
.daily-hub > .eyebrow { display: block; text-align: center; }
.daily-logbook { margin-top: 28px; padding: 10px 26px; }
.daily-archive { scroll-margin-top: 24px; }
.daily-archive h2 { margin: 10px 8px; font-size: 22px; }
.daily-log-row { display: grid; grid-template-columns: 160px 70px 100px 1fr 50px; align-items: center; gap: 22px; border-top: 1px solid #1f2c33; padding: 19px 8px; color: #c4cdd2; }
.daily-log-row:first-child { border-top: 0; }
.daily-log-row time { font-family: var(--mono); color: #92a3ad; }
.daily-log-row > strong { font-family: var(--mono); color: #eef3f5; font-size: 25px; }
.daily-log-row p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.daily-log-row small { color: #65cec7; font-family: var(--mono); }
.daily-log-row small.final { color: #8d9ca5; }
.daily-log-row small.corrected { color: #e2be59; }

@media (max-width: 900px) {
  .daily-main { width: min(100% - 28px, 760px); padding-top: 32px; }
  .daily-overview { grid-template-columns: 1fr 1fr; padding: 20px; }
  .daily-overview > div { padding: 8px 18px; }
  .daily-trend { grid-column: 1 / -1; border-left: 0 !important; border-top: 1px solid #1f2c33; margin-top: 18px; padding: 20px 0 0 !important; }
  .daily-change-row { grid-template-columns: 1fr auto 64px; }
  .daily-change-row p { grid-column: 1 / -1; }
  .daily-two-column { grid-template-columns: 1fr; gap: 0; }
  .daily-log-row { grid-template-columns: 130px 58px 90px 1fr 78px; gap: 12px; }
}

@media (max-width: 620px) {
  .daily-main { width: calc(100% - 20px); }
  .daily-main > h1 { font-size: 34px; }
  .daily-definition { font-size: 15px; }
  .daily-overview { display: block; padding: 18px; }
  .daily-overview > div { border-left: 0; border-top: 1px solid #1f2c33; padding: 18px 0; }
  .daily-overview > div:first-child { border-top: 0; padding-top: 0; }
  .daily-score-block strong { font-size: 68px; }
  .daily-score-block p { font-size: 17px; }
  .daily-trend { margin-top: 0; }
  .daily-trend svg { min-height: 150px; }
  .daily-section { padding: 16px; }
  .daily-change-row { grid-template-columns: minmax(0, 1fr) auto 50px; gap: 8px; padding: 11px 12px; }
  .daily-change-row > div:first-child { min-width: 0; gap: 8px; }
  .daily-change-row > div:first-child strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .daily-score-shift { gap: 7px; font-size: 18px; }
  .daily-delta { font-size: 15px; }
  .daily-change-row p { grid-column: 1 / -1; font-size: 14px; }
  .daily-watch-list li { grid-template-columns: 7px minmax(90px, .9fr) 1.1fr; gap: 8px; }
  .daily-watch-list strong, .daily-watch-list p { font-size: 14px; }
  .daily-comparison { display: block; padding: 14px 16px; }
  .daily-comparison h2 { margin-bottom: 10px; }
  .daily-comparison > div { justify-content: flex-start; flex-wrap: nowrap; gap: 9px; font-size: 14px; }
  .daily-comparison b { margin-left: 4px; font-size: 19px; }
  .daily-comparison strong { margin-left: auto; padding: 5px 8px; font-size: 16px; }
  .daily-pagination { grid-template-columns: 1fr; }
  .daily-pagination > * { border-left: 0; border-top: 1px solid #1f2c33; }
  .daily-pagination > *:first-child { border-top: 0; }
  .daily-logbook { padding: 4px 16px; }
  .daily-kicker { flex-wrap: wrap; row-gap: 7px; }
  .daily-last-update { flex-basis: 100%; }
  .daily-log-row { grid-template-columns: 1fr auto auto auto; gap: 10px; }
  .daily-log-row p { grid-column: 1 / -1; white-space: normal; line-height: 1.6; }
}