/* History: a visual field guide. Scoped to this page. */
.history-visual{background:#f4f0e6;color:#182922}
.history-visual h1,.history-visual h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:0 0 24px}
.history-visual h1{font-size:clamp(42px,5.2vw,76px)}
.history-visual h2{font-size:clamp(34px,3.6vw,52px)}
.history-visual em{color:#6c714c;font-weight:400}
.history-visual p{line-height:1.7}
.history-visual .eyebrow{font-size:11px;letter-spacing:.17em;line-height:1.6}
.hv-opening{max-width:1280px;margin:auto;padding:60px 5% 24px;text-align:center}
.hv-opening>p:not(.eyebrow){max-width:630px;margin:0 auto 30px;font-size:18px}
.hv-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:36px 0 24px;text-align:left}
.hv-paths a{background:#182922;color:#fff;text-decoration:none;position:relative;overflow:hidden}
.hv-paths img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .3s}
.hv-paths a:nth-child(2) img{object-position:center 28%}
.hv-paths a:hover img{transform:scale(1.03)}
.hv-paths span{padding:16px 12px;display:flex;gap:9px;align-items:center;font-size:14px}
.hv-paths small{color:#d5c69f;font-size:10px}.hv-paths b{margin-left:auto;font-weight:400}
.hv-opening>p.hv-context{font-size:12px;max-width:760px;color:#616758}
.hv-chapter{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding:60px 5%;scroll-margin-top:24px;border-top:1px solid #d8d4c7}
.hv-reverse .hv-image{order:2}
.hv-image{margin:0;min-width:0}
.hv-image>img{display:block;width:100%;height:auto;box-shadow:0 15px 32px #18292214}
.hv-portrait>img{max-height:490px;width:auto;max-width:100%;margin:auto}
.hv-image figcaption{font-size:11px;line-height:1.6;color:#5b6258;padding-top:14px}
.hv-image figcaption a{display:block;color:inherit;text-underline-offset:3px;margin-top:5px}
.hv-copy{min-width:0}.hv-lead{font-size:17px}
.history-visual details{border-top:1px solid #b8b7a4;border-bottom:1px solid #b8b7a4;margin:24px 0}
.history-visual summary{cursor:pointer;padding:17px 0;font-size:14px;font-weight:600;line-height:1.5}
.history-visual summary:hover{color:#727548}
.history-visual :focus-visible{outline:3px solid #8f6422;outline-offset:5px}
.hv-expanded{padding:0 0 18px;font-size:15px}
.hv-expanded .history-feature{display:block}
.hv-expanded .lead{font-size:16px}
.hv-expanded .history-note{margin:18px 0 0;padding:16px;background:#e8e4d8;border:0}
.hv-expanded .history-note p{margin:0}
.hv-expanded .jaffa-details{display:block;margin:16px 0}
.hv-expanded .jaffa-details article{padding:0;border:0}
.hv-expanded h3{font-family:Georgia,serif;font-size:21px;margin:22px 0 6px}
.hv-sources ul{list-style:none;padding:0;margin:10px 0 0}
.hv-sources li{margin:7px 0}
.hv-sources a{font-size:13px;color:#354934;text-underline-offset:4px}
.hv-questions{background:#182d27;color:#f4f0e6;text-align:center;padding:65px 6%}
.hv-questions h2{font-size:clamp(40px,5vw,68px)}
.hv-questions em{color:#d6c491}
.hv-questions>p,.hv-questions details{max-width:680px;margin-left:auto;margin-right:auto}
.hv-questions details{text-align:left;border-color:#6c7867}
.hv-questions summary:hover{color:#e1cea0}
.hv-questions .discussion-list{display:block;padding-bottom:18px}
.hv-questions .discussion-list p{display:flex;gap:18px;border:0;font-size:16px;margin:0;padding:12px 0}
.hv-questions .discussion-list span{color:#d6c491;flex-shrink:0;font-size:12px}
.hv-closing{max-width:1280px;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;margin:auto;padding:60px 5%}
.hv-closing img{display:block;width:100%;height:auto}
@media(max-width:850px){.hv-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-chapter{gap:28px;padding-top:42px;padding-bottom:42px}.hv-paths img{height:160px}.hv-copy h2{font-size:36px}}
@media(max-width:650px){.hv-opening{padding-top:38px}.hv-paths{gap:10px}.hv-paths img{height:125px}.hv-paths span{font-size:12px;padding:12px 8px;gap:5px}.hv-chapter,.hv-closing{grid-template-columns:1fr}.hv-reverse .hv-image{order:0}.hv-image>img{max-height:none}.hv-portrait>img{max-height:360px}.hv-chapter{gap:26px}.hv-closing{gap:25px}.hv-questions{padding:45px 6%}}
@media(prefers-reduced-motion:reduce){.hv-paths img{transition:none}}