/* history.css — history 페이지 콘텐츠 전용 (common.css·layout.css 선행) */
.gnb__drop-link--active { color:var(--sc-solid);font-weight:700;background:var(--sc-soft); }
.intro { position:relative;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 32px;background:linear-gradient(120deg, var(--red-50) 0%, #fff 62%);box-shadow:var(--shadow-xs);animation:kaapFadeUp 0.6s var(--ease-out) 0.1s both; }
.intro__bar { position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent); }
.intro__chip { display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:999px;background:var(--red-50);border:1px solid var(--red-100);font-size:14px;font-weight:700;letter-spacing:0.02em;color:var(--red-500); }
.intro__title { margin:14px 0 0;font-size:29px;font-weight:800;line-height:1.4;letter-spacing:-0.025em;color:var(--red-500);word-break:keep-all; }
.intro__lead { margin:14px 0 0;font-size:17.5px;line-height:1.75;color:var(--text-muted);max-width:760px;word-break:keep-all; }
.decades { display:grid;grid-template-columns:repeat(4, 1fr);gap:14px;margin:28px 0; }
.decade { text-align:left;cursor:pointer;font-family:inherit;padding:18px 20px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border-default);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base); }
.decade:hover { transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong); }
.decade__num { display:block;font-size:35px;font-weight:800;letter-spacing:-0.02em;color:var(--text-strong); }
.decade__cap { display:block;margin-top:4px;font-size:15px;font-weight:600;color:var(--text-muted); }
.decade.is-active { background:var(--sc-grad);border-color:transparent;box-shadow:var(--shadow-md); }
.decade.is-active .decade__num { color:#fff; }
.decade.is-active .decade__cap { color:rgba(255,255,255,0.85); }
.hist-panel { animation:kaapFadeUp 0.4s var(--ease-out) both; }
.hist-panel[hidden] { display:none; }
.hist-card { border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-xs);padding:28px 30px; }
.hist-head { display:flex;align-items:center;gap:10px;margin-bottom:22px; }
.hist-head .dot { width:9px;height:9px;border-radius:50%;background:var(--sc-solid);flex-shrink:0; }
.hist-head__year { font-size:25px;font-weight:800;letter-spacing:-0.02em;color:var(--text-strong); }
.hist-head__count { font-size:15.5px;font-weight:600;color:var(--text-faint); }
.hl-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px; }
.hl-card { border:1px solid var(--blue-100);background:var(--blue-50);border-radius:var(--radius-md);padding:16px 18px; }
.hl-card__top { display:flex;align-items:center;gap:10px;margin-bottom:8px; }
.hl-badge { display:inline-flex;align-items:center;height:20px;padding:0 9px;border-radius:999px;background:var(--red-500);color:#fff;font-size:13px;font-weight:800;letter-spacing:0.04em; }
.hl-date { font-family:var(--font-mono);font-size:17.5px;font-weight:700;color:var(--blue-600); }
.hl-card__text { margin:0;font-size:17.5px;line-height:1.6;color:var(--text-strong);word-break:keep-all; }
.timeline { border:1px solid var(--border-subtle);border-top:2px solid var(--sc-solid);border-radius:var(--radius-md);overflow:hidden; }
.timeline__row { display:flex;gap:20px;padding:15px 20px;border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast); }
.timeline__row:last-child { border-bottom:none; }
.timeline__row:hover { background:var(--gray-25); }
.timeline__date { flex-shrink:0;width:104px;font-family:var(--font-mono);font-size:17px;font-weight:700;color:var(--sc-solid);padding-top:1px; }
.timeline__body { flex:1;min-width:0;font-size:18px;line-height:1.6;color:var(--text-body);word-break:keep-all; }
.timeline__body p { margin:0; }
.timeline__body p + p { margin-top:5px; }
.timeline__body .note { color:var(--text-muted);font-size:17px; }
@media (max-width: 960px) {
  .hl-grid { grid-template-columns:1fr; }
}
@media (max-width: 560px) {
  .intro { padding:22px 20px 22px 24px; }
  .intro__title { font-size:24px; }
  .decades { grid-template-columns:repeat(2, 1fr);gap:12px; }
  .decade { padding:14px 16px; }
  .decade__num { font-size:29px; }
  .hist-card { padding:22px 16px; }
  .timeline__row { flex-direction:column;gap:4px; }
  .timeline__date { width:auto;font-size:15.5px; }
}