.historical-page{width:min(1080px,calc(100% - 36px));margin:3rem auto 5rem;line-height:1.7}
.history-hero{max-width:820px;margin:0 auto 2.5rem;text-align:center}
.history-hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;margin:.75rem 0 1rem}
.history-hero .answer-first{font-size:1.1rem;max-width:680px;margin:auto}
.history-card-detail{display:grid;grid-template-columns:minmax(200px,290px) 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
.history-card-detail figure{margin:0}.history-card-detail figure img{width:100%;height:auto;display:block;border-radius:12px}
.history-card-detail h2,.history-card-detail h3{margin-top:1.5rem}.history-card-detail h3{font-size:1.2rem}
.history-topic{padding:1.5rem 0;border-top:1px solid currentColor;margin-top:2rem;max-width:840px;margin-inline:auto}
.history-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem}
.history-card-grid a{text-decoration:none;text-align:center}.history-card-grid img{width:100%;height:auto;border-radius:8px}
.history-related{display:flex;gap:1rem}.history-related a{width:145px;text-decoration:none}.history-related img{width:100%;height:auto}
.history-hex-symbol{font-size:clamp(5rem,12vw,9rem);line-height:1.4}
.history-pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}
.history-test-form{max-width:820px;margin:2rem auto}.history-test-question{border:1px solid #cabfc9;border-radius:14px;padding:1.5rem;margin:1rem 0}
.history-test-question legend{font-weight:700;padding:0 .5rem}.history-test-question label{display:block;padding:.65rem 0;cursor:pointer}.history-test-result{padding:1.5rem;border:1px solid #b9adb9;border-radius:12px}
.history-back{display:inline-block;margin:2rem 0;font-weight:600}.history-topic textarea{width:100%;max-width:700px;display:block;margin-bottom:1rem;padding:1rem}
@media(max-width:700px){.historical-page{width:calc(100% - 28px);margin:2rem auto}.history-card-detail{grid-template-columns:1fr}.history-card-detail figure{max-width:240px;margin:auto}.history-related a{width:110px}}
.history-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:2rem auto}
.history-directory>a{display:flex;flex-direction:column;justify-content:space-between;min-height:100px;padding:16px;border:1px solid #b8a9b9;border-radius:12px;text-decoration:none}
.history-directory a:hover,.history-directory a:focus-visible{border-color:currentColor}
.history-language-menu{display:flex;justify-content:flex-end;gap:10px;padding:8px 24px;font:600 12px/1.3 system-ui,sans-serif}
.history-language-menu a{padding:7px 10px;border:1px solid currentColor;border-radius:999px;text-decoration:none}
.history-coin-lines{font-family:ui-monospace,monospace;font-size:clamp(19px,4vw,34px);white-space:pre;line-height:1.7}
.history-hex-link{display:block;margin:16px 0;font-weight:600}