.illustrated-history{background:var(--paper,#eeeff2);color:var(--ink,#19191e)}.history-article{padding-top:2rem;padding-bottom:5rem}.history-breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;font-size:.9rem;margin-bottom:2rem}.history-article__header{max-width:920px;padding:0 0 1.6rem;border-bottom:1px solid var(--line,#afb1b6)}.history-article__header h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.07;letter-spacing:-.025em;margin:.65rem 0}.history-article__period{font:1rem/1.5 var(--mono,monospace);color:#72543b}.history-article__lead{font-size:1.22rem;line-height:1.65;margin:1.25rem 0 0;max-width:75ch}.history-article__layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:3.3rem;margin-top:2.5rem}.history-article__contents nav{position:sticky;top:7rem;border-left:2px solid #a47a56;padding-left:1rem}.history-article__contents h2{font:600 1rem/1.4 system-ui,sans-serif;margin:0 0 .8rem}.history-article__contents a{display:block;font-size:.9rem;line-height:1.5;padding:.45rem 0;text-decoration:none}.history-article__contents a:hover{text-decoration:underline}.history-article__body{max-width:900px;min-width:0}.history-article__body section{scroll-margin-top:1rem;clear:both;margin-bottom:2.5rem}.history-article__body h2{font-size:1.8rem;line-height:1.3;border-bottom:1px solid #b8b5b1;padding-bottom:.55rem;margin:0 0 1.2rem}.history-article__body h3{font-size:1.2rem;line-height:1.4;margin:1.5rem 0 .7rem}.history-article__body p,.history-article__body li{font-size:1.07rem;line-height:1.8}.history-article__body p{margin:.75rem 0}.history-article__body a{text-underline-offset:3px}.history-article__body li{margin:.9rem 0}.history-infobox{float:right;width:285px;margin:0 0 1.5rem 1.7rem;padding:1.3rem;border:1px solid #b8b5b1;background:#e3e4e6;font-size:.9rem}.history-infobox>a{display:block;max-width:100px;margin:0 auto 1rem}.history-infobox img{width:100px;height:160px;object-fit:contain}.history-infobox dl{margin:0}.history-infobox dt{font:600 .78rem/1.4 system-ui,sans-serif;margin-top:.85rem}.history-infobox dd{margin:.2rem 0 0;font-size:.94rem;line-height:1.45}.history-infobox p a{display:block;font-size:.9rem;padding:.3rem 0}.history-article__method{font-size:.96rem!important;color:#565963}.history-reference{font: .88rem/1.5 system-ui,sans-serif!important;margin:.65rem 0 1.3rem!important}.history-figure{clear:both;margin:2.1rem 0 3rem}.history-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#202b31}.history-figure figcaption{font-size:.92rem;line-height:1.65;margin-top:.8rem;padding-left:1rem;border-left:3px solid #a47a56}.history-figure figcaption strong{font-weight:600}.history-figure figcaption span{display:block;color:#575a62;font: .78rem/1.6 system-ui,sans-serif;margin-top:.45rem}.history-reading{padding-left:1.4rem}.history-reading span{display:block;font-size:.94rem;line-height:1.6;color:#565963}.history-article__art-note{font-size:.9rem!important;border-top:1px solid #b8b5b1;padding-top:1.1rem}.history-next{display:flex;justify-content:space-between;gap:1.5rem;border-top:1px solid #b8b5b1;padding-top:1.5rem}.history-next a{max-width:45%;font-size:1.2rem}.history-next small{display:block;font: .8rem/1.5 system-ui,sans-serif;margin-bottom:.3rem}.period-library{scroll-margin-top:0}.period-library__header{max-width:850px}.period-library__header h2{font-size:clamp(2rem,4vw,3rem);margin:.6rem 0 1rem}.period-library__header p,.period-group__heading p{font-size:1.07rem;line-height:1.65}.period-library__header nav{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 3rem}.period-library__header nav a{font: .9rem/1.5 system-ui,sans-serif;padding:.65rem .8rem;border:1px solid #aaa;text-decoration:none}.period-group{margin:3.5rem 0 0;padding-top:1.5rem;border-top:1px solid #999;scroll-margin-top:0}.period-group__heading{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start;margin-bottom:1.7rem}.period-group__heading h3{font-size:1.85rem;line-height:1.2;margin:0}.period-group__heading p{margin:0;max-width:65ch}.period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem}.period-card{display:block;color:inherit;text-decoration:none;border-bottom:1px solid #b8b5b1;padding-bottom:1.5rem}.period-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.period-card img[data-original-cover]{object-fit:contain;background:#dfe0e3;height:220px}.period-card p{font: .87rem/1.5 var(--mono,monospace);margin:.8rem 0 .4rem;color:#73553b}.period-card h4{font-size:1.35rem;line-height:1.25;margin:0 0 .6rem}.period-card span{display:block;font-size:1rem;line-height:1.55}.period-card small{display:block;font-size:.9rem;text-decoration:underline;text-underline-offset:4px;margin-top:1rem}.period-card:hover h4{text-decoration:underline;text-underline-offset:4px}.history-article a:focus-visible,.period-library a:focus-visible{outline:3px solid #ad7444;outline-offset:4px}@media(max-width:950px){.history-article__layout{grid-template-columns:155px minmax(0,1fr);gap:1.6rem}.history-infobox{float:none;width:auto;margin:0 0 1.5rem;display:grid;grid-template-columns:100px 1fr;gap:1rem}.history-infobox p{grid-column:1/-1;margin:0}.period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.history-article{padding-top:1.3rem}.history-breadcrumb{margin-bottom:1.5rem}.history-article__layout{display:block;margin-top:1.5rem}.history-article__contents{margin-bottom:2rem}.history-article__contents nav{position:static;display:flex;flex-wrap:wrap;gap:.15rem .8rem}.history-article__contents h2{width:100%;margin-bottom:.25rem}.history-article__contents a{font-size:.85rem;padding:.45rem 0;min-height:44px}.history-article__body h2{font-size:1.55rem}.history-article__body p,.history-article__body li{font-size:1rem}.history-article__lead{font-size:1.12rem}.period-group__heading{display:block}.period-group__heading h3{margin-bottom:1rem}.period-grid{grid-template-columns:1fr;gap:1.8rem}.period-card h4{font-size:1.5rem}.history-figure figcaption{padding-left:.8rem}.history-next{flex-direction:column}.history-next a{max-width:100%}}@media(prefers-reduced-motion:reduce){.illustrated-history{scroll-behavior:auto}html:has(.illustrated-history){scroll-behavior:auto}}@media print{.history-article__contents{display:none}.history-article__layout{display:block}.history-infobox{break-inside:avoid}.history-figure{break-inside:avoid}.history-next{display:none}}

.period-library__header .period-library__art-note{font-size:.9rem;line-height:1.6;color:#565963}
.slideshow-chooser{min-width:0;display:flex;align-items:center;gap:.6rem;font:.8rem/1.4 system-ui,sans-serif}.slideshow-chooser select{width:100%;max-width:310px;min-width:0;min-height:44px;background:transparent;color:inherit;border:1px solid #8b8d93;padding:.6rem;font:.85rem/1.3 system-ui,sans-serif}.slideshow-steps{min-width:0;align-items:center}.history-gallery{clear:both;margin:1.8rem 0 2.5rem;border:1px solid #b8b5b1;background:#e8e8eb}.history-gallery>summary{padding:1rem 1.2rem;cursor:pointer;font:600 .98rem/1.5 system-ui,sans-serif;min-height:44px}.history-gallery>summary small{display:block;font-weight:400;color:#565963;margin:.3rem 0 0}.history-gallery>p{margin:1rem 1.2rem!important}.history-gallery__context{font-size:.98rem!important}.history-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.2rem}.history-gallery figure{margin:0;min-width:0}.history-gallery figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.history-gallery figcaption{font:.86rem/1.6 system-ui,sans-serif;padding-top:.7rem}.history-gallery figcaption strong,.history-gallery figcaption span,.history-gallery figcaption small,.history-gallery figcaption a{display:block}.history-gallery figcaption strong{font-size:.95rem}.history-gallery figcaption span{margin:.3rem 0}.history-gallery figcaption small{font-size:.73rem;color:#565963;margin-top:.4rem}.history-gallery figcaption a{padding:.55rem 0;min-height:44px}.history-gallery summary:focus-visible,.slideshow-chooser select:focus-visible{outline:3px solid #ad7444;outline-offset:3px}@media(max-width:650px){.slideshow-chooser{flex:1}.slideshow-chooser select{max-width:none}.slideshow-chooser{font-size:0}.history-gallery__grid{grid-template-columns:1fr;padding:1rem}.history-gallery>summary{padding:1rem}}
/* Narrated illustrations keep a full static fallback when scripts are unavailable. */
.history-slideshow{margin:0 0 3.5rem;padding:0 0 2.2rem;border-bottom:1px solid #b8b5b1;scroll-margin-top:1rem}.slideshow-heading h2{font-size:2rem}.slideshow-heading>p:last-child{margin-bottom:1.4rem}.slideshow-stage .history-figure{margin:1.8rem 0 2.4rem}.slideshow-stage .history-figure>a{display:block;overflow:hidden;background:#25252a;aspect-ratio:3/2}.slideshow-stage .history-figure img{will-change:auto}.history-slideshow.is-ready .slideshow-stage{display:grid;isolation:isolate}.history-slideshow.is-ready .history-figure{grid-area:1/1;margin:0;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s}.history-slideshow.is-ready .history-figure.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.history-slideshow.is-ready .history-figure.is-active img{will-change:transform}.history-slideshow.is-still .history-figure{transition:none}.slideshow-controls{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #b8b5b1}.slideshow-controls[hidden]{display:none}.slideshow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.slideshow-controls button{min-height:44px;border:1px solid #8b8d93;background:transparent;padding:.65rem 1rem;font:500 .9rem/1.3 system-ui,sans-serif;cursor:pointer;color:#23242a}.slideshow-controls [data-show-play]{background:#202128;color:#f4f3ef;border-color:#202128}.slideshow-controls button:disabled{opacity:.4;cursor:default}.slideshow-actions label{display:flex;align-items:center;gap:.5rem;font:.86rem/1.5 system-ui,sans-serif;padding:.5rem}.slideshow-actions input{width:18px;height:18px;accent-color:#795435}.slideshow-steps{display:flex;gap:.5rem;margin:1rem 0 0}.slideshow-steps button{min-width:44px}.slideshow-steps [aria-current=true]{background:#835c3a;color:white;border-color:#835c3a}.slideshow-status{font:.84rem/1.6 system-ui,sans-serif!important;min-height:1.6em;color:#565963}.slideshow-audio{margin-top:1.3rem}.slideshow-audio label{display:block;font:.82rem/1.6 system-ui,sans-serif;margin-bottom:.5rem;color:#565963}.slideshow-audio audio{width:100%;display:block}.slideshow-transcript{margin-top:1rem;border-top:1px solid #b8b5b1;border-bottom:1px solid #b8b5b1}.slideshow-transcript summary{cursor:pointer;min-height:44px;padding:.8rem 0;font:.95rem/1.5 system-ui,sans-serif}.slideshow-transcript ol{padding-left:1.4rem}.slideshow-transcript li{margin-bottom:1.5rem}.slideshow-transcript h3{margin-bottom:.4rem}.history-slideshow button:focus-visible,.history-slideshow summary:focus-visible,.history-slideshow input:focus-visible{outline:3px solid #ad7444;outline-offset:4px}@media(max-width:650px){.slideshow-heading h2{font-size:1.7rem}.slideshow-actions{gap:.5rem}.slideshow-actions label{width:100%;padding-left:0}.slideshow-controls button{font-size:.84rem;padding:.6rem .8rem}.slideshow-stage .history-figure figcaption{font-size:.88rem}}@media(prefers-reduced-motion:reduce){.history-slideshow .history-figure{transition:none!important}.history-slideshow .history-figure img{transform:none!important}}@media print{.slideshow-controls,.slideshow-audio{display:none!important}.history-slideshow.is-ready .slideshow-stage{display:block}.history-slideshow.is-ready .history-figure{opacity:1;visibility:visible;pointer-events:auto;margin:1rem 0;break-inside:avoid}.history-slideshow .history-figure img{transform:none!important}}
.history-slideshow.is-ready .slideshow-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;margin:0 0 1.2rem;padding:0;border:0}.history-slideshow .slideshow-steps{margin:0}.history-slideshow .slideshow-status{grid-column:1/-1;margin:.2rem 0!important}@media(max-width:1100px){.history-slideshow.is-ready .slideshow-controls{grid-template-columns:1fr}.history-slideshow .slideshow-status{grid-column:auto}}