/* The spine separates chronology, source-grounded facts, and interpretation. */
.timeline-page{max-width:calc(88rem + 15.25rem)!important}
.timeline-collection-header{max-width:74rem;margin-bottom:1.25rem}
.selection-bar{position:sticky;top:4rem;z-index:8;display:flex;align-items:end;gap:1rem;padding:1rem 0;background:#fff;border-block:1px solid var(--line)}
.select-wrap{display:grid;gap:.35rem;flex:1;max-width:48rem}
.select-wrap .label,.timeline-page .label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#536a7c}
.select-wrap select{width:100%;min-height:3rem;padding:.65rem .75rem;border:1px solid #8ea3b4;border-radius:3px;background:#fff;color:var(--ink);font-size:1rem}
.browse-button,.tool-buttons button{min-height:2.75rem;padding:.55rem .8rem;border:1px solid #aebfcb;border-radius:3px;background:#fff;color:#224f75;font-weight:700}
.directory{margin:1rem 0 2rem;border-bottom:1px solid var(--line)}
.directory>summary{padding:.8rem 0;color:#255b89;font-weight:700}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 2rem;padding:.4rem 0 1.5rem}
.directory-group h2{font-size:1.15rem!important;margin:.35rem 0 .65rem!important;color:var(--brand-red)!important}
.directory-group ul{list-style:none;margin:0;padding:0}
.directory-group li{margin:.45rem 0;line-height:1.4}
.directory-group a{font-size:.92rem}
.timeline-panel{padding:1.4rem 0 3rem}
.timeline-intro{max-width:74rem;margin-bottom:1rem}
.timeline-intro .eyebrow{margin-bottom:.45rem}
.t216 .timeline-title{font-size:clamp(2.15rem,4vw,3.5rem);line-height:1.08;margin:.25rem 0 .75rem}
.timeline-intro .scope{font:400 1.12rem/1.65 Georgia,serif;max-width:70ch;margin:.4rem 0}
.timeline-intro .question{max-width:72ch;margin:1rem 0;padding-left:1rem;border-left:3px solid #b58b2f;font-size:1rem}
.timeline-intro .question .label{display:block;margin-bottom:.2rem}
.reading-note{max-width:78ch;padding:.8rem 1rem;background:#f2f6f9;border-left:3px solid #7d97aa;font-size:.92rem}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.1rem 0 .6rem}
.toolbar>p{margin:0;color:var(--muted);font-size:.9rem}
.tool-buttons{display:flex;gap:.45rem;flex-wrap:wrap}
.column-heads,.spine-row{display:grid;grid-template-columns:7rem minmax(20rem,1fr) minmax(15rem,20rem);gap:1.25rem}
.column-heads{padding:.55rem 0;border-bottom:2px solid var(--brand-red);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#536a7c}
.spine{list-style:none;margin:0;padding:0}
.spine-row{position:relative;padding:1.15rem 0;border-bottom:1px solid #ccd5dc;scroll-margin-top:9rem}
.spine-row::before{content:'';position:absolute;left:7.48rem;top:0;bottom:0;width:2px;background:#c5d0d8}
.spine-row::after{content:'';position:absolute;left:7.2rem;top:1.65rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--brand-red);box-shadow:0 0 0 4px #fff}
.spine-date{font:700 1rem/1.4 Georgia,serif;color:var(--brand-red);padding-top:.2rem}
.spine-body{min-width:0;margin:0;padding:0 .8rem 0 1.2rem}
.spine-body>summary{list-style:none;display:block}
.spine-body>summary::-webkit-details-marker{display:none}
.event-title{display:block;font:700 1.18rem/1.4 Georgia,serif;color:var(--ink);padding-right:1.8rem;position:relative}
.event-title::after{content:'+';position:absolute;right:.1rem;top:0;color:#376580;font:400 1.25rem Arial,sans-serif}
.spine-body[open] .event-title::after{content:'−'}
.event-gist{display:block;margin-top:.35rem;font-size:1rem;line-height:1.6;color:#334b5d}
.expansion{margin-top:.85rem;padding:.8rem 1rem;border-left:2px solid #9db1c0;background:#f6f8fa}
.expansion p{font-size:.94rem;line-height:1.65;margin:.35rem 0}
.source-links{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin-top:.65rem}
.source-links a{font-size:.86rem}
.spine-margin{align-self:start;border-left:3px solid #d6b256;padding:.1rem 0 .15rem .9rem;min-width:0}
.idea-id{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-red);text-decoration:none}
.idea-name{display:block;font:700 .92rem/1.4 Georgia,serif;margin:.15rem 0}
.spine-margin p{font-size:.88rem;line-height:1.55;margin:.3rem 0;color:#40586a}
.pattern-tag{display:block;margin-top:.55rem;color:#5e6470;font-size:.75rem;font-style:italic;line-height:1.4}
.recurring-id{color:#5f6670}
.related{display:flex;gap:1rem;align-items:baseline;border-top:1px solid var(--line);padding-top:1rem}
.related-links{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}
.feedback{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:30;background:#193247;color:#fff;padding:.7rem 1rem;box-shadow:0 3px 16px #0003;font-size:.9rem}
.art-section{margin:1.25rem 0 1.6rem;border-block:1px solid var(--line);padding:1.25rem 0}
.art-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(16rem,.8fr);gap:1.5rem}
.art-figure{margin:0}.art-frame{background:#e8edf1}.art-figure img{display:block;width:100%;height:auto}.art-figure figcaption{font-size:.78rem;line-height:1.5;color:var(--muted);margin-top:.45rem}
.art-prompt{font:700 1.05rem/1.5 Georgia,serif}.art-elements{padding-left:1.2rem}.art-elements li{margin:.55rem 0}.art-elements a{font-size:.9rem;line-height:1.45}.motif-note{padding:.7rem;border-left:3px solid #b58b2f;background:#faf8f0;font-size:.88rem}.art-small-note,.art-disclaimer{font-size:.8rem;line-height:1.55;color:var(--muted)}
.timeline-noscript{padding:.8rem;background:#fff4cc}
@media(max-width:1050px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.column-heads,.spine-row{grid-template-columns:6rem minmax(16rem,1fr) minmax(13rem,17rem)}.spine-row::before{left:6.48rem}.spine-row::after{left:6.2rem}.art-layout{grid-template-columns:1fr}.art-sidebar{max-width:45rem}}
@media(max-width:700px){.selection-bar{top:4rem;display:block}.browse-button{margin-top:.7rem;width:100%}.directory-grid{grid-template-columns:1fr}.column-heads{display:none}.spine-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.65rem .8rem;padding:1rem 0}.spine-row::before{left:4.83rem}.spine-row::after{left:4.55rem}.spine-date{grid-column:1;grid-row:1}.spine-body{grid-column:2;grid-row:1;padding-left:.8rem}.spine-margin{grid-column:2;grid-row:2;margin:.35rem 0 .2rem .8rem}.event-title{font-size:1.08rem}.event-gist{font-size:.96rem}.toolbar{display:block}.tool-buttons{margin-top:.7rem}.tool-buttons button{flex:1}.related{display:block}.related-links{margin-top:.5rem}.t216 .timeline-title{font-size:2.25rem}}
@media print{.selection-bar,.directory,.toolbar,.feedback,.related{display:none!important}.timeline-panel[hidden]{display:none!important}.spine-body>.expansion{display:block!important}.spine-row{break-inside:avoid}.study-banner{display:none!important}}