.archive-overview{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:32px;margin:24px 0 32px;padding:26px 28px;border:1px solid var(--line);align-items:start}
.archive-overview h2,.library-flow h2{font-size:22px;line-height:1.3}
.archive-overview-copy p:not(.eyebrow),.library-flow figcaption p{color:var(--muted);font-size:13px;max-width:65ch}
.archive-overview-copy small{display:block;line-height:1.6;max-width:48ch}
.archive-bars{display:grid;gap:8px;min-width:0}
.archive-bar{display:grid;grid-template-columns:1fr auto;gap:6px 16px;width:100%;min-height:44px;padding:8px 10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;font-size:12px;align-content:center}
.archive-bar:hover,.archive-bar[aria-pressed=true]{background:var(--surface);border-color:var(--line)}
.archive-bar[aria-pressed=true]{color:var(--lime)}
.archive-bar strong{font-weight:500;font-variant-numeric:tabular-nums}
.archive-bar-track{grid-column:1/-1;height:3px;background:var(--line);overflow:hidden}
.archive-bar-track i{display:block;height:100%;background:var(--lime);min-width:2px}
.archive-bars summary{cursor:pointer;min-height:40px;padding:12px 10px;color:var(--muted);font-size:12px}
.archive-overview-illustrated{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr) minmax(0,1fr);align-items:center}
.questions-illustration{margin:0}.questions-illustration img{display:block;width:100%;height:auto;border-radius:5px;outline:1px solid rgba(255,255,255,.1)}
.questions-illustration figcaption{font:12px/1.5 var(--mono);color:var(--muted);margin-top:8px}
.library-flow{margin:24px 0 32px;padding:24px 0;border-block:1px solid var(--line)}
.library-flow ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;list-style:none;margin:22px 0 0;padding:0;counter-reset:guide}
.library-flow li{position:relative;padding:0 16px 0 20px;border-left:2px solid var(--lime);min-width:0}
.library-flow small,.library-flow strong,.library-flow span{display:block}.library-flow small{font:12px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.library-flow strong{font-size:22px;line-height:1.4;margin:6px 0;font-weight:500;color:var(--text)}
.library-flow span{font-size:12px;line-height:1.6;color:var(--muted)}
.research-thumbnail{display:block;overflow:hidden;border-radius:5px;max-width:440px;margin:0 0 20px;background:var(--surface)}
.research-thumbnail img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease;outline:1px solid rgba(255,255,255,.1)}
.idea-row>.research-thumbnail{display:block;width:100%;max-width:none;margin:0 0 18px}
.idea-row>small{display:block}
a:hover>.research-thumbnail img,button:hover>.research-thumbnail img{transform:scale(1.025)}
.idea-related-reading .research-thumbnail{margin-bottom:12px;max-width:240px}.reading-step .research-thumbnail{max-width:360px}.connection-detail>.research-thumbnail{max-width:480px}
@media(max-width:900px){.archive-overview-illustrated{grid-template-columns:1fr 1fr}.archive-overview-illustrated .archive-bars{grid-column:1/-1}.questions-illustration{max-width:280px;justify-self:end}}
@media(max-width:600px){.archive-overview,.archive-overview-illustrated{grid-template-columns:1fr;gap:20px;padding:20px 18px}.questions-illustration{justify-self:start;max-width:100%}.archive-overview-illustrated .archive-bars{grid-column:auto}.library-flow ol{grid-template-columns:1fr;gap:24px}.library-flow li+li:before{display:none}.library-flow li{padding-left:16px}.library-flow strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.research-thumbnail img{transition:none}a:hover>.research-thumbnail img,button:hover>.research-thumbnail img{transform:none}}

/* Match the natural card heights and gutters used by the other collections. */
#main .cards-grid:is(.source-library-grid,.questions-grid){gap:24px;align-items:start}
#main .cards-grid:is(.source-library-grid,.questions-grid)[data-masonry]{grid-auto-rows:1px;row-gap:0}
#main :is(.source-library-grid,.questions-grid)>:is(.source-library-entry,.record-card){align-self:start}
#main :is(.source-library-grid,.questions-grid)>:is(.empty,.notice){grid-column:1/-1}

/* Gallery and export cards follow the same collection rhythm. */
#main :is(.images-grid.image-gallery-grid,.cards-grid.export-grid){gap:24px;align-items:start}
#main :is(.image-gallery-grid,.export-grid)[data-masonry]{grid-auto-rows:1px;row-gap:0}
#main :is(.image-gallery-grid,.export-grid)>:is(.image-card,.download-card){align-self:start;margin:0;min-width:0}
#main .image-gallery-grid>.image-card>figcaption{padding:16px}