.premium-decade { color: #263b38; margin: 20px 0; text-align: left; }
.premium-decade-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.premium-decade.is-preview .premium-decade-summary { grid-template-columns: minmax(0, 1fr); }
.premium-decade-stat { border: 1px solid #c9d7d0; padding: 14px; background: #f0f5f1; display: grid; gap: 7px; }
.premium-decade-stat span,.premium-decade-stat small { font-size: 12px; color: #455951; }
.premium-decade-stat strong { font-size: 17px; font-variant-numeric: tabular-nums; }
.premium-decade-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 28px 0 16px; }
.premium-decade-heading span { font-size: 11px; color: #53615c; }
.premium-decade-chart { display: grid; grid-template-columns: repeat(var(--decade-count),minmax(0,1fr)); gap: 8px; padding: 0 8px; }
.premium-decade-column { min-width: 0; text-align: center; }
.premium-decade-marker { display: block; height: 22px; font-size: 11px; font-weight: 700; color: #356257; }
.premium-decade-track { height: 170px; display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid #b7c6c0; background: repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#e3e9e5 calc(25% - 1px),#e3e9e5 25%); }
.premium-decade-bar { position: relative; width: 65%; max-width: 46px; min-height: 1px; background: #a1b8ae; border-radius: 4px 4px 0 0; }
.premium-decade-bar strong { position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%); font-size: 13px; color: #263b38; }
.premium-decade-column.is-peak .premium-decade-bar { background: #577a69; }
.premium-decade-column.is-current .premium-decade-bar { background: #a44740; }
.premium-decade-column.is-current .premium-decade-marker { color: #963d37; }
.premium-decade.is-preview .premium-decade-column.is-locked { pointer-events: none; user-select: none; }
/* 잠긴 구간은 막대만 흐리게 한다. 칸의 가로 눈금선과 바닥선, 연도 글자는 선명하게 둔다. */
.premium-decade.is-preview .premium-decade-column.is-locked .premium-decade-bar { filter: blur(5px); opacity: .6; }
.premium-decade.is-preview .premium-decade-column.is-locked .premium-decade-year { opacity: .6; }
.premium-decade-lock-label { position: relative; z-index: 2; align-self: center; justify-self: center; margin: 22px 0 0; padding: 9px 14px; max-width: 92%; border-radius: 12px; background: rgba(255,253,247,.94); box-shadow: 0 2px 10px rgba(47,57,71,.14); color: #55312d; font: 700 13px/1.5 var(--sans); letter-spacing: -.02em; text-align: center; word-break: keep-all; }
.premium-decade-year { display: block; margin-top: 9px; font-size: 11px; font-variant-numeric: tabular-nums; }
.premium-decade-note { font-size: 12px; line-height: 1.7; color: #53615c; margin: 16px 0 20px; }
.premium-decade-row { display: grid; grid-template-columns: minmax(125px,1fr) minmax(0,1.5fr) 35px; align-items: center; gap: 12px; padding: 13px 10px; border-bottom: 1px solid #dce3de; }
.premium-decade-row.is-current { background: #f9eeeb; }
.premium-decade-date,.premium-decade-description { display: grid; gap: 5px; }
.premium-decade-date strong,.premium-decade-description strong { font-size: 13px; }
.premium-decade-date span,.premium-decade-description span { font-size: 11px; line-height: 1.6; color: #53615c; }
.premium-decade-value { font-size: 21px; text-align: right; }
@media (max-width: 600px) {
  .premium-decade-summary { gap: 5px; }
  .premium-decade-stat { padding: 9px 7px; }
  .premium-decade-stat span,.premium-decade-stat small { font-size: 10px; }
  .premium-decade-stat strong { font-size: 12px; line-height: 1.6; }
  .premium-decade-heading { display: grid; gap: 5px; }
  .premium-decade-chart { gap: 3px; padding: 0; }
  .premium-decade-year { font-size: 9px; }
  .premium-decade-bar strong { font-size: 11px; }
  .premium-decade-row { grid-template-columns: minmax(0,1fr) 30px; gap: 6px; }
  .premium-decade-description { grid-column: 1; }
  .premium-decade-value { grid-column: 2; grid-row: 1 / 3; }
}
@media print {
  .premium-decade { break-inside: auto; }
  .premium-decade-summary,.premium-decade-chart,.premium-decade-row { break-inside: avoid; }
  .premium-decade-heading { break-after: avoid; }
  .premium-decade-rows { display: block; }
  .premium-decade * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

@media screen {
  .premium-decade { color: var(--ui-ink); }
  .premium-decade-stat { border: 1px solid var(--ui-line); border-radius: var(--ui-control-radius); background: var(--ui-surface); }
  .premium-decade-note { color: var(--ui-muted); font-size: 13px; }
  .premium-decade-row { padding-block: 16px; border-bottom-color: var(--ui-line); }
  .premium-decade-row.is-current { border-radius: 8px; }
}
@media screen and (max-width:400px){
  .premium-decade-summary { grid-template-columns: 1fr; gap: 8px; }
  .premium-decade-stat { grid-template-columns: 1fr auto; gap: 6px 12px; padding: 12px 14px; }
  .premium-decade-stat span,.premium-decade-stat small { font-size: 12px; }
  .premium-decade-stat strong { font-size: 15px; }
  .premium-decade-stat small { grid-column: 1/-1; }
}