/* Narrow screens and readable explanations for invisible archive assets. */
.hero-copy,.hero-memory,.object-info,#object-detail>div{min-width:0}
.hero-copy h1,.object-info h3,.comm-card h3,.community-door strong{overflow-wrap:anywhere}
.hero-exhibit .window-top{flex-wrap:wrap}
.object-info h3{line-height:1.2}
.archive-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;min-height:80px;text-align:center}
.object-thumb.screenshot .archive-preview{justify-content:flex-start}
.archive-preview img{flex:0 0 auto;max-width:100%}
.archive-preview .preview-caption{font:13px/1.45 var(--mono);color:#42574d;overflow-wrap:anywhere}
.preview-technical{padding:14px 8px;font-size:15px;line-height:1.45;color:#263f36}
.preview-technical small{font-size:13px;color:#4e625a}
.pixel-dimensions{display:block;font:700 28px/1.3 var(--mono);padding:10px 14px;border:1px dashed #628477;background:#fff}
.preview-placeholder img{border:1px solid #b6c4bd}
.motion-note,.image-error-note{display:none;font:14px/1.5 var(--mono);color:#344e43;background:#f6faf8;border:1px dashed #81988d;padding:16px;max-width:100%}
.animations-hidden .archive-preview[data-has-motion] img{display:none}
.animations-hidden .archive-preview[data-has-motion] .motion-note{display:block}
.archive-preview.image-unavailable img,.archive-preview.image-unavailable .motion-note{display:none}
.archive-preview.image-unavailable .image-error-note{display:block}
.technical-explanation{padding:15px 18px;background:#eff8f4;border-left:3px solid #1a8b6d}
#object-detail .preview-technical{min-height:180px}
#object-detail .archive-preview img{max-width:100%;height:auto}
.filter-buttons button,.masthead nav a{min-height:44px}
.filter-buttons button{display:inline-flex;align-items:center;justify-content:center}
.masthead nav a{display:inline-flex;align-items:center}
@media(max-width:1100px){.masthead{display:block}.brand{margin-bottom:16px}.masthead nav{justify-content:flex-start;flex-wrap:wrap;gap:8px 22px}}
@media(max-width:760px){.communication-grid{grid-template-columns:1fr}.collection-tools{gap:18px}.book-controls{align-items:stretch;gap:18px;flex-direction:column}.book-controls select{width:100%}.learn-table{display:block;max-width:100%;overflow-x:auto}.cbc-app input:not([type=checkbox]),.cbc-app textarea,.cbc-app select{font-size:16px}.subpage-header{flex-wrap:wrap;gap:14px}}
@media(max-width:620px){.masthead nav{font-size:14px;gap:4px 16px}.masthead nav a:nth-child(3){max-width:none}.hero h1{font-size:clamp(54px,13.5vw,76px)}.hero-exhibit .window-top span:last-child{display:none}.hero-relics button{min-height:108px}.hero-relics-note{font-size:13px}.object-thumb{padding:12px;min-height:155px;height:auto}.object-thumb.screenshot{height:155px}.object-thumb .archive-preview{min-height:126px}.object-info{padding:15px}.object-info h3{font-size:20px}.object-info .meta{font-size:13px}.preview-technical{padding:4px;font-size:14px}.preview-technical small{font-size:12px}.pixel-dimensions{font-size:23px;padding:8px}.archive-preview .preview-caption{font-size:12px}.archive-preview .motion-note,.archive-preview .image-error-note{font-size:13px;padding:10px}.filter-buttons{gap:8px}.filter-buttons button{font-size:14px;padding:10px 14px}.hero-range{flex-wrap:wrap;row-gap:10px}.subpage-intro{padding-inline:18px}.cbc-form{padding:16px}.cbc-learn-links{padding:16px}.cbc-app .button{min-height:46px}.notebook-panel{padding:14px}dialog{width:calc(100% - 24px);padding:48px 16px 24px;max-height:90vh;max-height:90dvh}.dialog-close{min-width:44px;min-height:44px}#object-detail .object-view{padding:12px}#object-detail dt{font-size:13px}#object-detail .object-links a{padding-block:8px}.reading-actions{align-items:stretch}.reading-actions .button{width:100%}}
@media(max-width:350px){.collection-grid{grid-template-columns:1fr}.hero-exhibit{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:10px}.hero-relics{grid-template-columns:1fr}.hero-exhibit .portrait-panel figcaption{font-size:12px}.hero-exhibit .old-logo{padding:10px}.hero-exhibit .window-top{font-size:10px}.hero h1{font-size:52px}}