/* /history/ only: every selected milestone has its own meaningful visual. */
/* SIL Open Font License 1.1; supplemental glyphs use the existing typeface. */
@font-face{font-family:"FI NEXT Sans JP";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/history-supplement-regular.woff2") format("woff2");unicode-range:U+632B,U+84C4,U+947D}
@font-face{font-family:"FI NEXT Sans JP";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/history-supplement-bold.woff2") format("woff2");unicode-range:U+632B,U+84C4,U+947D}
.fi-subpage[data-page-family=history]{--hc-line:#d1dce9;--hc-blue:#074783;--hc-ink:#19334f;--hc-muted:#52657c}
.fi-subpage[data-page-family=history] .hc-hero .chapter-hero-copy{max-width:940px}
.fi-subpage[data-page-family=history] .hc-hero h1{font-size:clamp(34px,4.5vw,62px);line-height:1.4;letter-spacing:-.025em;max-width:100%;margin:18px 0 22px}
.fi-subpage[data-page-family=history] .hc-hero h1>span{display:block}
.fi-subpage[data-page-family=history] .hc-hero .lead{font-size:16px;line-height:2;max-width:650px;margin:0}
.fi-subpage[data-page-family=history] .hc-hero .lead>span{display:block}
.fi-subpage[data-page-family=history] .hc-index{margin-top:32px;max-width:660px}
.fi-subpage[data-page-family=history] .hc-index>p{font-size:13px;font-weight:700;margin:0 0 10px;letter-spacing:.04em}
.fi-subpage[data-page-family=history] .hc-index ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}
.fi-subpage[data-page-family=history] .hc-index a{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;padding:8px 16px;border:1px solid #9eb2c6;border-radius:2px;background:#fff;color:#123b67;font-size:14px;line-height:1.5;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.fi-subpage[data-page-family=history] .hc-index a:hover{background:#073e78;color:#fff}
.fi-subpage[data-page-family=history] .hc-reading-guide{background:#fff;border-bottom:1px solid var(--hc-line)}
.fi-subpage[data-page-family=history] .hc-reading-guide>.page-width{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:30px}
.fi-subpage[data-page-family=history] .hc-reading-guide p{margin:0;font-size:14px;line-height:1.9;color:var(--hc-muted)}
.fi-subpage[data-page-family=history] .hc-reading-guide p:first-child{display:flex;flex-wrap:wrap;gap:4px 14px;font-weight:700;color:#1b3d62;font-size:16px}
.fi-subpage[data-page-family=history] .hc-year-section{padding:64px 0 74px;background:#fff;scroll-margin-top:0}
.fi-subpage[data-page-family=history] .hc-year-section--tint{background:#edf3f9}
.fi-subpage[data-page-family=history] .hc-year-heading{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:40px;margin-bottom:32px;padding-bottom:26px;border-bottom:1px solid var(--hc-line)}
.fi-subpage[data-page-family=history] .hc-year{font:700 52px/1.1 var(--latin);letter-spacing:-.04em;margin:0;color:#0a457d}
.fi-subpage[data-page-family=history] #year-foundation .hc-year{font-family:var(--sans);font-size:25px;line-height:1.6;letter-spacing:-.02em}
.fi-subpage[data-page-family=history] .hc-year-heading h2{font-size:clamp(24px,2.8vw,35px);line-height:1.5;letter-spacing:-.025em;margin:0 0 12px;color:#15395e;text-wrap:pretty}
.fi-subpage[data-page-family=history] .hc-year-heading>div>p{font-size:15px;line-height:1.95;max-width:750px;margin:0;color:var(--hc-muted)}
.fi-subpage[data-page-family=history] .hc-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px;align-items:start}
.fi-subpage[data-page-family=history] .hc-story{position:relative;min-width:0;background:#fff;border:1px solid var(--hc-line);border-radius:3px;overflow:visible;scroll-margin-top:0;box-shadow:0 6px 22px #102b4a05}
.fi-subpage[data-page-family=history] .hc-story--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.fi-subpage[data-page-family=history] .hc-visual{margin:0;min-width:0}
.fi-subpage[data-page-family=history] .hc-image-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:#f4f7fa;overflow:hidden;border-bottom:1px solid #dce4ed}
.fi-subpage[data-page-family=history] .hc-image-frame img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}
.fi-subpage[data-page-family=history] .hc-visual--photo .hc-image-frame{background:#e5ecf3}
.fi-subpage[data-page-family=history] .hc-visual--logo .hc-image-frame{background:#fff;padding:34px}
.fi-subpage[data-page-family=history] .hc-visual--logo img{max-height:210px}
.fi-subpage[data-page-family=history] .hc-visual figcaption{margin:0;padding:12px 22px;font-size:13px;line-height:1.7;color:var(--hc-muted);border-bottom:1px solid #e3e9ef}
.fi-subpage[data-page-family=history] .hc-story-copy{padding:24px 28px 26px;min-width:0}
.fi-subpage[data-page-family=history] .hc-story--featured .hc-story-copy{padding:32px 36px}
.fi-subpage[data-page-family=history] .hc-date{display:flex;gap:5px 12px;flex-wrap:wrap;align-items:baseline;font-size:13px;font-weight:700;line-height:1.7;letter-spacing:.01em;color:#34567a;margin:0 0 10px}
.fi-subpage[data-page-family=history] .hc-date time{font-variant-numeric:tabular-nums}
.fi-subpage[data-page-family=history] .hc-date>span:last-child{color:#60718a;font-weight:400}
.fi-subpage[data-page-family=history] .hc-topic{font-size:13px;line-height:1.6;font-weight:700;color:#8b682f;letter-spacing:.04em;margin:0 0 9px}
.fi-subpage[data-page-family=history] .hc-story h3{font-size:clamp(21px,2.25vw,28px);line-height:1.55;letter-spacing:-.025em;margin:0 0 18px;color:var(--hc-ink);text-wrap:pretty;word-break:normal;line-break:strict;overflow-wrap:anywhere}
.fi-subpage[data-page-family=history] .hc-paragraphs p{font-size:15px;line-height:1.95;letter-spacing:.01em;color:#314960;margin:0}
.fi-subpage[data-page-family=history] .hc-paragraphs p+p{margin-top:14px}
.fi-subpage[data-page-family=history] .hc-role{display:block;font-size:13px;line-height:1.8;color:#375777;border-left:2px solid #b59b71;margin:22px 0 0;padding:0 0 0 13px}
.fi-subpage[data-page-family=history] .hc-role>span{display:block;font-weight:700;color:#244a70;margin-bottom:4px}
.fi-subpage[data-page-family=history] .hc-note{font-size:13px;line-height:1.8;color:#5c6b7f;margin:14px 0 0}
.fi-subpage[data-page-family=history] .hc-story-actions{margin-top:20px;padding-top:16px;border-top:1px solid #dce4ed}
.fi-subpage[data-page-family=history] .hc-detail{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#064b8a;font-size:14px;line-height:1.6;font-weight:700;text-decoration:none;border-bottom:1px solid #668cb3}
.fi-subpage[data-page-family=history] .hc-detail:hover{color:#001d42;border-color:currentColor}
.fi-subpage[data-page-family=history] .hc-sources{margin-top:14px;border:0;padding:0}
.fi-subpage[data-page-family=history] .hc-sources summary{cursor:pointer;min-height:44px;display:list-item;list-style:disclosure-closed;padding:10px 0;font-size:13px;line-height:1.8;font-weight:400;color:#526980}
.fi-subpage[data-page-family=history] .hc-sources[open] summary{list-style:disclosure-open}
.fi-subpage[data-page-family=history] .hc-sources ul{list-style:none;margin:4px 0 0;padding:0 0 0 16px}
.fi-subpage[data-page-family=history] .hc-sources li+li{margin-top:8px}
.fi-subpage[data-page-family=history] .hc-source{font-size:13px;line-height:1.8;color:#174e80;text-underline-offset:4px;overflow-wrap:anywhere}
.fi-subpage[data-page-family=history] .hc-anchor{position:absolute;top:0;scroll-margin-top:0;pointer-events:none}
.fi-subpage[data-page-family=history] .hc-future{padding:64px 0;background:#082f63;color:#fff}
.fi-subpage[data-page-family=history] .hc-future .page-width{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:50px}
.fi-subpage[data-page-family=history] .hc-future .eyebrow{font-size:13px;color:#dbbd8d;letter-spacing:.14em}
.fi-subpage[data-page-family=history] .hc-future h2{font-size:clamp(27px,3.3vw,42px);color:#fff;margin:18px 0;line-height:1.5}
.fi-subpage[data-page-family=history] .hc-future h2>span{display:block}
.fi-subpage[data-page-family=history] .hc-future p:not(.eyebrow){color:#d5e2f2;font-size:15px;line-height:2;margin-bottom:0}
.fi-subpage[data-page-family=history] .hc-future-links{display:grid;gap:14px;justify-items:start}
.fi-subpage[data-page-family=history] .hc-future .hc-detail{color:#fff;border-color:#9db3ce}
.fi-subpage[data-page-family=history] .hc-future .button-link{font-size:14px;background:#fff;color:#123d6c}
.fi-subpage[data-page-family=history] :is(.hc-index a,.hc-detail,.hc-source,.hc-sources summary):focus-visible{outline:3px solid #be8a31;outline-offset:5px}
@media(min-width:1061px){.fi-subpage[data-page-family=history] .hc-hero{padding-bottom:24px}.fi-subpage[data-page-family=history] .hc-story--featured .hc-image-frame{aspect-ratio:16/10}.fi-subpage[data-page-family=history] .hc-story--featured .hc-visual--logo .hc-image-frame{min-height:280px}}
@media(max-width:1060px){.fi-subpage[data-page-family=history] .hc-year-heading{grid-template-columns:125px minmax(0,1fr);gap:25px}.fi-subpage[data-page-family=history] .hc-stories{gap:28px 24px}.fi-subpage[data-page-family=history] .hc-story--featured .hc-story-copy{padding:26px}.fi-subpage[data-page-family=history] .hc-story-copy{padding:22px}.fi-subpage[data-page-family=history] .hc-future .page-width{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.fi-subpage[data-page-family=history] .hc-reading-guide>.page-width{align-items:start}.fi-subpage[data-page-family=history] .hc-reading-guide p:first-child{display:block}.fi-subpage[data-page-family=history] .hc-reading-guide p:first-child span{display:block}}
@media(max-width:760px){.fi-subpage[data-page-family=history] :is(.page-width,.section-wrap){width:calc(100% - 40px)}.fi-subpage[data-page-family=history] .hc-hero h1{font-size:clamp(30px,7.5vw,43px);line-height:1.45}.fi-subpage[data-page-family=history] .hc-hero .lead{font-size:15px;line-height:1.95;max-width:100%}.fi-subpage[data-page-family=history] .hc-hero .lead>span+span{margin-top:12px}.fi-subpage[data-page-family=history] .hc-index{margin-top:25px}.fi-subpage[data-page-family=history] .hc-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fi-subpage[data-page-family=history] .hc-index a{padding:8px 12px;gap:8px}.fi-subpage[data-page-family=history] .hc-reading-guide>.page-width{display:block;padding-block:25px}.fi-subpage[data-page-family=history] .hc-reading-guide p:first-child{display:flex;font-size:15px;gap:4px 8px;margin-bottom:12px}.fi-subpage[data-page-family=history] .hc-year-section{padding:40px 0 48px;scroll-margin-top:0}.fi-subpage[data-page-family=history] .hc-year-heading{display:block;margin-bottom:25px;padding-bottom:22px}.fi-subpage[data-page-family=history] .hc-year{font-size:40px;margin-bottom:16px}.fi-subpage[data-page-family=history] #year-foundation .hc-year{font-size:21px}.fi-subpage[data-page-family=history] .hc-year-heading h2{font-size:25px;line-height:1.5;margin-bottom:13px}.fi-subpage[data-page-family=history] .hc-year-heading>div>p{font-size:14px;line-height:1.95}.fi-subpage[data-page-family=history] .hc-stories{display:block}.fi-subpage[data-page-family=history] .hc-story+.hc-story{margin-top:26px}.fi-subpage[data-page-family=history] .hc-story--featured{display:block}.fi-subpage[data-page-family=history] .hc-story-copy,.fi-subpage[data-page-family=history] .hc-story--featured .hc-story-copy{padding:22px 21px 24px}.fi-subpage[data-page-family=history] .hc-story h3{font-size:23px;line-height:1.55;margin-bottom:16px}.fi-subpage[data-page-family=history] .hc-paragraphs p{font-size:15px;line-height:1.95}.fi-subpage[data-page-family=history] .hc-visual figcaption{padding:11px 18px;font-size:13px;line-height:1.75}.fi-subpage[data-page-family=history] .hc-visual--logo .hc-image-frame{padding:24px}.fi-subpage[data-page-family=history] .hc-future{padding:44px 0}.fi-subpage[data-page-family=history] .hc-future .page-width{display:block}.fi-subpage[data-page-family=history] .hc-future-links{margin-top:26px}.fi-subpage[data-page-family=history] .hc-future h2{font-size:30px}.fi-subpage[data-page-family=history] .hc-future p br{display:none}}
@media(max-width:380px){.fi-subpage[data-page-family=history] .hc-story h3{font-size:21px}.fi-subpage[data-page-family=history] .hc-story-copy,.fi-subpage[data-page-family=history] .hc-story--featured .hc-story-copy{padding-inline:18px}.fi-subpage[data-page-family=history] .hc-year-heading h2{font-size:23px}.fi-subpage[data-page-family=history] .hc-future h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.fi-subpage[data-page-family=history] .hc-index a{transition:none}}
.fi-subpage[data-page-family=history] .hc-story h3 .hc-heading-phrase{display:block}
.fi-subpage[data-page-family=history] :is(.hc-paragraphs p,.hc-year-heading>div>p,.hc-note){text-wrap:pretty;line-break:strict}
.fi-subpage[data-page-family=history] .hc-sentence-end{display:inline-block;max-width:100%;white-space:normal}
.fi-subpage[data-page-family=history] .hc-term{display:inline-block;max-width:100%;white-space:normal}
/* A compact archive preserves exact older milestone links without adding imagery. */
.fi-subpage[data-page-family=history] .hc-year-section{position:relative}
.fi-subpage[data-page-family=history] .hc-secondary-records{margin-top:32px;padding-top:24px;border-top:1px solid var(--hc-line)}
.fi-subpage[data-page-family=history] .hc-secondary-records>p{font-size:14px;font-weight:700;line-height:1.8;color:#375777;margin:0 0 12px}
.fi-subpage[data-page-family=history] .hc-secondary-records ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;padding:0;margin:0}
.fi-subpage[data-page-family=history] .hc-secondary-records li{min-width:0;scroll-margin-top:0;border-bottom:1px solid #d4dfeb;padding:8px 0 12px}
.fi-subpage[data-page-family=history] .hc-secondary-records time{display:block;font-size:13px;font-variant-numeric:tabular-nums;line-height:1.7;color:#536c83}
.fi-subpage[data-page-family=history] .hc-secondary-link{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:44px;font-size:14px;line-height:1.8;color:#164c7e;text-decoration:none;padding:8px 0 0;overflow-wrap:anywhere}
.fi-subpage[data-page-family=history] .hc-secondary-link>span[aria-hidden=true]{flex:none}
.fi-subpage[data-page-family=history] .hc-secondary-link:hover{text-decoration:underline;text-underline-offset:4px}
.fi-subpage[data-page-family=history] .hc-secondary-link:focus-visible{outline:3px solid #be8a31;outline-offset:5px}
.fi-subpage[data-page-family=history] .hc-archive-bridge{padding:25px 0;background:#fff}
.fi-subpage[data-page-family=history] .hc-archive-bridge .hc-secondary-records{margin:0;padding:0;border:0;scroll-margin-top:0}
@media(max-width:760px){.fi-subpage[data-page-family=history] .hc-secondary-records{margin-top:26px;padding-top:20px}.fi-subpage[data-page-family=history] .hc-secondary-records ul{grid-template-columns:minmax(0,1fr);gap:6px}.fi-subpage[data-page-family=history] .hc-secondary-records li{padding:8px 0}.fi-subpage[data-page-family=history] .hc-archive-bridge{padding:24px 0}}

/* Keep year navigation and Japanese phrases aligned at each reading width. */
.fi-subpage[data-page-family=history] .hc-index ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.fi-subpage[data-page-family=history] .hc-index a{gap:10px;padding-inline:12px;white-space:nowrap}
.fi-subpage[data-page-family=history] .hc-year-heading h2>span{display:inline-block;max-width:100%}
.fi-subpage[data-page-family=history] .hc-year-range{display:block;white-space:nowrap}
.fi-subpage[data-page-family=history] .hc-year-era{display:block;margin-top:6px;font-size:15px;line-height:1.8;letter-spacing:.1em;color:#8b682f}
@media(max-width:760px){
 .fi-subpage[data-page-family=history] .hc-index ol{grid-template-columns:repeat(3,minmax(0,1fr))}
 .fi-subpage[data-page-family=history] .hc-year-heading h2>span{display:block}
 .fi-subpage[data-page-family=history] #year-foundation .hc-year{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 14px}
 .fi-subpage[data-page-family=history] .hc-year-era{margin-top:0;font-size:14px}
}
@media(max-width:380px){
 .fi-subpage[data-page-family=history] .hc-index a{gap:5px;padding-inline:8px}
}