.history-detail-page { background:#f5f0e4; }
.history-detail-page .site-header { max-width:1180px; }
.history-hero { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.history-hero-inner { max-width:1120px; margin:auto; padding:76px 32px 64px; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:7px; align-items:center; color:#6c7d74; font-size:12px; }
.breadcrumb a { color:var(--jade); text-decoration:none; }
.history-kicker { margin:40px 0 10px; color:var(--moss); font-size:12px; font-weight:700; letter-spacing:2px; }
.history-hero h1 { max-width:820px; margin:0 0 22px; color:var(--forest); font-family:var(--serif); font-size:54px; line-height:1.16; }
.history-deck { max-width:780px; margin:0; color:#506359; font-size:17px; line-height:1.9; }
.history-facts { display:grid; grid-template-columns:repeat(3,1fr); max-width:1120px; margin:0 auto; border-bottom:1px solid var(--line); }
.history-facts div { padding:22px 32px; border-right:1px solid var(--line); }
.history-facts div:last-child { border:0; }
.history-facts span,.history-facts strong { display:block; }
.history-facts span { color:#77877e; font-size:11px; }
.history-facts strong { margin-top:4px; color:var(--forest); font-family:var(--serif); font-size:18px; }
.history-layout { display:grid; grid-template-columns:210px minmax(0,760px); gap:72px; max-width:1120px; margin:0 auto; padding:72px 32px 96px; }
.history-toc { align-self:start; position:sticky; top:30px; }
.history-toc strong { display:block; margin-bottom:14px; color:var(--forest); font-family:var(--serif); }
.history-toc a { display:block; padding:8px 0; border-bottom:1px solid var(--line); color:#62756b; text-decoration:none; font-size:12px; }
.history-toc a:hover { color:var(--jade); }
.history-article section { scroll-margin-top:24px; margin-bottom:58px; }
.history-article h2 { margin-bottom:18px; font-size:31px; }
.history-article h3 { margin-top:30px; color:var(--forest); font-size:21px; }
.history-article p,.history-article li { color:#40544a; font-size:16px; line-height:2; }
.history-article ul { padding-left:22px; }
.history-article li { margin-bottom:10px; }
.history-article dfn { font-style:normal; color:var(--forest); font-weight:700; }
.evidence-note { padding:20px 22px; border-left:3px solid var(--gold); background:#ece4d2; }
.evidence-note strong { display:block; margin-bottom:5px; color:var(--forest); }
.evidence-note p { margin:0; font-size:14px; line-height:1.8; }
.source-list { padding:0; list-style:none; counter-reset:source; }
.source-list li { position:relative; padding:0 0 16px 38px; border-bottom:1px solid var(--line); counter-increment:source; }
.source-list li:before { content:counter(source); position:absolute; left:0; top:4px; display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--moss); color:var(--jade); font-size:11px; }
.source-list a { color:var(--jade); text-decoration-thickness:1px; text-underline-offset:3px; }
.source-list small { display:block; color:#74857b; line-height:1.6; }
.history-next { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:70px; }
.history-next a { min-height:92px; padding:18px; border:1px solid var(--line); color:var(--forest); text-decoration:none; }
.history-next span { display:block; color:#75867c; font-size:11px; }
.history-next strong { display:block; margin-top:6px; font-family:var(--serif); font-size:18px; }
.history-next a:last-child { text-align:right; }
@media (max-width:760px) { .history-hero-inner { padding:48px 22px 42px; } .history-kicker { margin-top:30px; } .history-hero h1 { font-size:39px; } .history-deck { font-size:15px; } .history-facts { grid-template-columns:1fr; } .history-facts div { padding:15px 22px; border-right:0; border-bottom:1px solid var(--line); } .history-layout { display:block; padding:46px 22px 72px; } .history-toc { position:static; margin-bottom:46px; } .history-article h2 { font-size:27px; } .history-article p,.history-article li { font-size:15px; line-height:1.95; } .history-next { grid-template-columns:1fr; } .history-next a:last-child { text-align:left; } }
