.history-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 56px; padding-block: 48px 64px; align-items: start; }
.history-contents nav { position: sticky; top: 24px; }
.history-contents { align-self: stretch; }
.history-contents ol { margin: 0; padding-left: 20px; font-size: 0.9375rem; }
.history-contents li { margin-bottom: 14px; padding-left: 4px; }
.history-contents a { text-decoration: none; }
.history-contents a:hover { text-decoration: underline; }
.history-article { min-width: 0; max-width: 880px; font-size: 1.0625rem; line-height: 1.75; }
.history-article h2 { margin-top: 44px; font-size: clamp(1.65rem, 2.2vw, 2rem); scroll-margin-top: 24px; }
.history-article p { margin-bottom: 22px; }
.history-table-wrap { overflow-x: auto; border: 1px solid var(--rule); margin: 28px 0 36px; }
.history-table-wrap:focus-visible { outline: 3px solid #b15b06; outline-offset: 4px; }
.history-table-wrap table { border-collapse: collapse; width: 100%; min-width: 720px; font-size: 0.875rem; line-height: 1.55; }
.history-table-wrap caption { text-align: left; padding: 16px; color: var(--muted); }
.history-table-wrap th, .history-table-wrap td { text-align: left; vertical-align: top; padding: 14px 16px; border-top: 1px solid var(--rule); }
.history-table-wrap thead { background: var(--deep); color: white; }
.history-table-wrap tbody th { width: 21%; font-weight: 400; }
.history-table-wrap tbody tr:nth-child(even) { background: var(--ground); }
.history-related { border-top: 2px solid var(--accent); margin-top: 42px; }
.history-related h2 { margin-top: 26px; }
@media (max-width: 1000px) {
  .history-layout { grid-template-columns: 1fr; gap: 28px; padding-block: 32px 44px; }
  .history-contents nav { position: static; }
  .history-contents { padding-bottom: 18px; border-bottom: 1px solid var(--rule); }
  .history-contents ol { columns: 2; column-gap: 36px; }
  .history-contents li { break-inside: avoid; }
  .history-article { max-width: none; }
}
@media (max-width: 480px) {
  .history-contents ol { columns: 1; }
  .history-article { font-size: 1rem; }
  .history-article h2 { margin-top: 32px; }
}