:root{color-scheme:dark;--bg:#101a22;--surface:#172731;--line:#4b6570;--text:#edf3f3;--muted:#becdd1;--accent:#a3e4df;--purple:#d0bbef;--focus:#ffe59b;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{max-width:1440px;margin:auto}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:#fff}button,input,select{font:inherit}button,select,input{border:1px solid #94afb7;border-radius:3px;background:#10212b;color:var(--text);padding:.6rem .75rem;max-width:100%}button{cursor:pointer}button:hover{border-color:var(--accent);background:#25404a}button.primary{background:#a3e4df;color:#101a22;border-color:#a3e4df;font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3{line-height:1.25;font-weight:650;overflow-wrap:anywhere}h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:.3rem 0 1rem}h2{font-size:1.5rem;margin:1.7rem 0 .7rem}h3{font-size:1.12rem}p{max-width:72ch}.skip{position:absolute;left:1rem;top:-5rem;padding:.7rem;background:#fff;color:#111;z-index:20}.skip:focus{top:1rem}.site-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 2rem}.brand{font-size:1.3rem;color:var(--text);font-weight:700;text-decoration:none}.brand span{display:block;font-size:1rem;font-weight:400}.site-header p{font-size:.9rem;max-width:30rem;color:var(--muted);margin:0}.site-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding:.8rem 2rem;border-block:1px solid var(--line)}.site-nav [aria-current]{color:var(--text);font-weight:700}main{padding:1.8rem 2rem;min-height:65vh}footer{border-top:1px solid var(--line);padding:1.3rem 2rem;color:var(--muted);font-size:.9rem}footer p{margin:.2rem 0}.intro{font-size:1.07rem;max-width:80ch}.scope{color:var(--muted);font-size:.95rem}.scope summary{color:var(--accent)}details{margin:.7rem 0}summary{cursor:pointer;padding:.3rem 0}label{display:block}label span{display:block;margin-bottom:.3rem}.search-form{margin:1.3rem 0 .8rem}.search-line{display:flex;gap:.7rem;align-items:end}.search-line label{flex:1}.search-line input{width:100%}.search-line button{flex-shrink:0}.advanced{margin:.75rem 0}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:.7rem 0}.filter-grid select{width:100%}.filter-actions{display:flex;gap:1rem;align-items:center}.chronology{margin:1rem 0 1.4rem;padding-top:.7rem;border-top:1px solid var(--line)}.chronology-head{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.chronology-head h2{margin:.3rem 0}.epoch-jumps{display:flex;gap:.5rem;flex-wrap:wrap;margin:.7rem 0}.epoch-jumps a{display:inline-block;border-bottom:1px solid var(--line);padding:.15rem .25rem;font-size:.95rem}.timeline-help{font-size:.87rem;color:var(--muted);margin:.2rem 0}.results-count{margin:.9rem 0;font-weight:700}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1.8rem 1.25rem;margin:1rem 0 2rem}.outfit-card{margin:0;min-width:0}.outfit-card>a{display:block;text-decoration:none}.outfit-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:#eee5d5;border:1px solid var(--line)}.outfit-card h3{margin:.65rem 0 .3rem;color:var(--accent)}.outfit-card p{margin:.2rem 0;font-size:.93rem}.outfit-card figcaption{color:var(--muted);font-size:.85rem;margin:.35rem 0}.era-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;list-style:none;padding:0}.era-list li{border-top:1px solid var(--line);padding:1rem 0}.era-list a{font-size:1.1rem}.era-list p{margin:.3rem 0;color:var(--muted);font-size:.92rem}.status{color:var(--purple)}.empty,.gap{border-left:3px solid var(--purple);padding:.4rem 1rem;background:#1b2534;max-width:80ch}.breadcrumbs{display:flex;gap:.7rem 1.3rem;flex-wrap:wrap;margin:0 0 1rem}.metadata{color:var(--muted);margin:.4rem 0}.era-adjacent{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:1.2rem 0;padding:.8rem 0;border-block:1px solid var(--line)}.period-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 2rem}.period-sections section{min-width:0}.outfit-detail{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(320px,1fr);gap:2rem;align-items:start}.outfit-image{margin:0;position:sticky;top:1rem}.outfit-image img{width:100%;max-height:calc(100vh - 3rem);object-fit:contain;background:#eee5d5;display:block}.outfit-image figcaption{font-size:.9rem;color:var(--muted);margin:.5rem 0}.outfit-image button{margin:.3rem 0}.garment{border-top:1px solid var(--line);padding:.7rem 0}.garment h3{margin:.3rem 0}.garment p{margin:.4rem 0}.technical{display:grid;grid-template-columns:max-content 1fr;gap:.3rem .9rem;font-size:.95rem}.technical dt{color:var(--muted)}.technical dd{margin:0;min-width:0}.question{border-left:3px solid var(--accent);padding:.3rem 1rem;margin:1.3rem 0;background:#182d35}.question h2,.question h3{margin:.4rem 0}.source-list{padding-left:1.2rem}.source-list li{margin:.7rem 0}.source-list p{font-size:.91rem;color:var(--muted);margin:.2rem 0}.identity{overflow-wrap:anywhere;font-size:.85rem;color:var(--muted)}.identity code{white-space:normal}.image-dialog{max-width:96vw;max-height:96vh;width:min(1000px,96vw);border:1px solid var(--line);background:var(--bg);color:var(--text);padding:1rem}.image-dialog::backdrop{background:#000c}.image-dialog>img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#eee5d5}.image-dialog>button{margin:0 0 .8rem}.image-dialog h2{font-size:1rem;margin:.5rem 0}.error{border:1px solid var(--purple);padding:1rem}.minor{font-size:.9rem;color:var(--muted)}
.active-filters{border-left:3px solid var(--accent);padding:.3rem .8rem;margin:.6rem 0 1rem;background:#182d35;font-size:.92rem}.active-filters p{margin:.2rem 0}.era-sources{border-block:1px solid var(--line);padding:.4rem 0;margin:1.1rem 0}
@media(min-width:1200px){.image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.site-header{padding:1rem;align-items:start;gap:1rem}.site-header p{max-width:17rem}.site-nav{padding:.7rem 1rem;gap:.4rem 1rem}main{padding:1.3rem 1rem}footer{padding:1rem}.outfit-detail{grid-template-columns:1fr}.outfit-image{position:static}.outfit-image img{max-height:80vh}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.period-sections{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.era-list{grid-template-columns:1fr}}
@media(max-width:480px){.site-header{display:block}.site-header p{max-width:none;margin-top:.5rem}.search-line{flex-wrap:wrap}.search-line label{flex-basis:100%}.filter-grid{grid-template-columns:1fr}.image-grid{grid-template-columns:1fr 1fr;gap:1.3rem .7rem}.outfit-card h3{font-size:1rem}.outfit-card p{font-size:.85rem}.technical{grid-template-columns:1fr}.technical dd{margin-bottom:.4rem}.outfit-detail{gap:1rem}}

/* Keep the first outfit images in view at the requested 1366 × 768 desktop size. */
@media(min-width:801px){.site-header{padding:.7rem 2rem}.site-nav{padding:.5rem 2rem}main{padding:1rem 2rem}h1{font-size:2.1rem;margin:.2rem 0 .5rem}.intro{margin:.5rem 0;max-width:none}.scope{margin:.3rem 0}.search-form{margin:.75rem 0 .4rem}.advanced{margin:.35rem 0}.chronology{margin:.6rem 0 .7rem;padding-top:.4rem}.chronology-head h2{font-size:1.25rem}.epoch-jumps{margin:.3rem 0}.results-count{margin:.5rem 0}.image-grid{margin:.6rem 0 2rem}}
@media(min-width:801px){.site-header{padding:.55rem 2rem;line-height:1.35}.brand{white-space:nowrap}.brand span{display:inline;font-size:1rem;margin-left:.7rem}.site-header p{max-width:none;font-size:.85rem;line-height:1.35}.timeline-help{max-width:none;font-size:.85rem;line-height:1.4}}

/* R05 vertical chronology: native page scrolling on every screen size. */
.archive-layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:2rem;align-items:start}
.archive-content{min-width:0}
.chronology{min-width:0;margin:0;border-top:0;padding:0}
.chronology>summary{font-size:1.12rem;font-weight:700;padding:.6rem 0}
.chronology-head{margin:.3rem 0}.epoch-jumps{gap:.3rem .6rem}
.timeline{display:block;list-style:none;border-left:2px solid var(--line);margin:1rem 0 1rem .45rem;padding:0 0 0 1rem;overflow:visible;height:auto;max-height:none}
.timeline li{position:relative;margin:0 0 .55rem;min-width:0}
.timeline li::before{content:'';position:absolute;left:-1.4rem;top:1rem;width:.65rem;height:.65rem;background:var(--accent);border-radius:50%;border:2px solid var(--bg)}
.timeline a{display:block;width:100%;border:1px solid transparent;border-radius:2px;padding:.5rem .6rem;text-decoration:none;color:var(--text);overflow-wrap:anywhere;line-height:1.35}
.timeline a strong,.timeline a span,.timeline a small{display:block}
.timeline a span{font-size:.88rem;color:var(--muted);margin-top:.2rem}
.timeline a[aria-current]{border-color:var(--accent);background:var(--surface)}
.timeline a:hover{border-color:var(--line)}
.timeline a:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
.coming-soon{color:var(--muted);font-size:.8rem;margin-top:.25rem}
.timeline-help{font-size:.85rem;line-height:1.5;color:var(--muted)}
.gap>summary{font-weight:600}
@media(max-width:900px){.archive-layout{display:block}.chronology{margin:.7rem 0 1.2rem;border-block:1px solid var(--line);padding:.2rem 0}.outfit-image{position:static}.timeline{margin-left:.5rem}.timeline a{padding:.65rem .6rem}.chronology>summary{padding:.75rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.site-header .brand{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-header{flex-wrap:wrap}

.era-accordion{border-left:2px solid #66818a;margin:24px 0 24px 12px;padding-left:24px}.era-entry{border-top:1px solid #526d77;margin:0;position:relative}.era-entry:before{content:"";position:absolute;width:12px;height:12px;background:#a3e4df;border-radius:50%;left:-31px;top:30px}.era-entry>summary{padding:20px 8px;scroll-margin-top:18px}.era-entry>summary strong{font-size:1.4rem}.era-entry>summary span,.era-entry>summary small{display:block;margin-left:22px;color:#becdd1}.era-panel{padding:8px 12px 30px}.era-panel .image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.era-panel .outfit-card img{height:480px;aspect-ratio:auto}.era-panel h2{font-size:1.2rem}.era-panel dt{font-weight:bold}.era-panel dd{margin:0 0 12px}.model-jumps{padding:12px 0;border-block:1px solid #526d77}@media(max-width:600px){.era-accordion{padding-left:14px;margin-left:4px}.era-entry:before{left:-21px}.era-panel{padding-inline:0}.era-panel .image-grid{grid-template-columns:1fr}.era-panel .outfit-card img{height:auto;max-height:650px}.era-entry>summary strong{font-size:1.2rem}}

.era-panel>.intro{max-width:75ch;line-height:1.7}

/* Illustrated chronological cards; expanded lessons keep the full reading width. */
.era-accordion{position:relative;border:0;margin:32px 0;padding:0;isolation:isolate}
.era-accordion:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#688a92;z-index:-1}
.era-entry{border:0;margin:0 0 28px;position:relative}
.era-entry:before{left:calc(50% - 6px);top:46px;width:14px;height:14px;background:#a3e4df;border:3px solid #101a22}
.era-entry>summary{position:relative;display:flex;align-items:center;gap:22px;width:calc(50% - 36px);padding:18px;border:1px solid #4b6570;background:#172731;list-style:none;min-height:150px}
.era-entry>summary::-webkit-details-marker{display:none}
.era-entry:nth-child(even)>summary{margin-left:auto}
.era-entry>summary:after{content:"";position:absolute;right:-37px;top:51px;width:36px;border-top:1px solid #688a92}
.era-entry:nth-child(even)>summary:after{right:auto;left:-37px}
.era-entry>summary span{margin:0}.era-entry>summary strong{font-size:1.25rem;display:block}
.era-entry>summary .era-label{flex:1;min-width:0}.era-entry>summary .era-dates{margin-top:8px;color:#d1e0e2}
.era-entry>summary small{margin:8px 0;color:#d0bbef}.era-entry>summary .era-action{margin-top:12px;color:#a3e4df;text-decoration:underline;text-underline-offset:3px}
.era-entry>summary .era-action:before{content:"▸ ";display:inline}.era-entry[open]>summary .era-action:before{content:"▾ "}
.era-entry>summary .era-cover{display:flex;flex:0 0 42%;gap:5px;align-self:stretch;max-width:230px;background:#eee5d5}
.era-cover img{width:calc(50% - 2px);height:190px;object-fit:contain;min-width:0}.era-cover img:only-child{width:100%}
.era-entry[open]>.era-panel{margin:20px 0 38px;padding:24px;background:#101a22;border:1px solid #4b6570}

@media(max-width:900px){.era-accordion{margin-left:6px;padding-left:24px}.era-accordion:before{left:0}.era-entry:before{left:-30px}.era-entry>summary{width:100%;gap:16px;min-height:140px}.era-entry:nth-child(even)>summary{margin-left:0}.era-entry>summary:after,.era-entry:nth-child(even)>summary:after{right:auto;left:-25px;width:24px}.era-entry[open]>.era-panel{padding:16px 10px}.era-cover img{height:180px}}
@media(max-width:480px){.era-entry>summary{padding:12px;gap:12px;flex-wrap:wrap}.era-entry>summary .era-cover{flex-basis:100%;max-width:none;justify-content:center}.era-cover img{width:45%;height:200px}.era-entry>summary strong{font-size:1.2rem}.era-entry>summary .era-label{flex-basis:100%}}

.study-detail .source-dialog-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:28px}.study-detail img{max-width:100%;max-height:650px;object-fit:contain}.study-detail figure{margin:0}.study-detail .portrait-enlarge{background:transparent;border:0;padding:0}.topic-study{padding:10px 0;border-block-start:1px solid #4b6570}.era-panel>.scope{max-width:75ch}@media(max-width:700px){.study-detail .source-dialog-layout{grid-template-columns:1fr}}

/* R08 teaching details; the approved alternating timeline rules are preserved above. */
.comparison-bar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:20px 0;padding:12px 16px;background:#edf2f0;border:1px solid #b4c2bc;border-radius:6px}
.comparison-bar p{margin:0;color:#172b32}.comparison-bar a{color:#164d56}.comparison-bar button{margin:0}.outfit-card>button{margin:12px 0 0;white-space:normal}
.work-teaching{margin:24px 0}.work-teaching h4{margin-bottom:8px}.material-comparison figure{margin:16px 0;max-width:640px}.material-comparison img{width:100%;height:auto}.material-comparison figcaption{font-size:.9rem;line-height:1.5}
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.compare-grid article{min-width:0}.compare-grid img{width:100%;max-height:680px;object-fit:contain;background:#f6eddd}.compare-grid p{overflow-wrap:anywhere}
.detail-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pixel-window{position:relative;overflow:hidden;aspect-ratio:1/1;margin:0;background:#f6eddd}.pixel-window img{position:absolute;width:160%;max-width:none;height:auto;left:-30%}.pixel-window[data-zone=head] img{top:0}.pixel-window[data-zone=middle] img{top:-65%}.pixel-window[data-zone=feet] img{bottom:0}
.pixel-study{margin-top:20px}.pixel-study p{font-size:1rem}.outfit-notes>button{margin-top:16px}
@media(max-width:700px){.compare-grid{grid-template-columns:1fr}.comparison-bar{align-items:flex-start;flex-direction:column}.compare-grid img{max-height:650px}}