.prototype-banner{font:12px/1.4 Arial,sans-serif;color:#a8bdb3;margin:0 0 20px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-heading h1{margin:0}.view-switch{display:flex;gap:4px}.view-switch button{min-height:44px;padding:8px 16px;background:transparent;border:1px solid var(--line,#38534a);color:#e5eadf}.view-switch button[aria-pressed=true]{background:#badab0;color:#102018}.library-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:26px 0 16px}.library-filters label{display:grid;gap:6px;font-size:13px}.library-filters select,.library-filters input{min-height:44px;margin:0;width:100%;max-width:230px}.library-filters input[name=year]{width:100px}.library-filters .motion-setting{display:flex;align-items:center;gap:8px;min-height:44px;margin-left:auto}.motion-setting input{width:18px;min-height:18px}.library-summary{font-size:14px;color:#bbcac2;margin-bottom:30px}.memory-shelf{margin:0 0 38px}.memory-shelf>h2{display:flex;align-items:center;gap:20px;font:600 26px/1.3 Georgia,serif;margin:0 0 20px}.memory-shelf>h2:after{content:"";height:1px;background:#345046;flex:1}.memory-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.memory-card{min-width:0}.card-poster{position:relative;aspect-ratio:16/9;background:#20342d;border-radius:7px;overflow:hidden}.poster-link{display:block;width:100%;height:100%}.poster-link img{width:100%;height:100%;object-fit:cover;display:block}.poster-status{position:absolute;inset:0;display:grid;place-items:center;background:#20342d;font-size:14px;color:#d3ded8}.poster-status[hidden]{display:none}.duration{position:absolute;bottom:9px;right:9px;padding:4px 7px;background:#0d1718e8;color:#fff;font:12px/1.2 Arial,sans-serif;border-radius:3px;pointer-events:none}.card-copy h3{font:600 20px/1.3 Georgia,serif;margin:12px 0 6px;overflow-wrap:anywhere}.card-copy h3 a{text-decoration:none;color:#f4f0e5}.card-copy p{font:13px/1.5 Arial,sans-serif;color:#c0cdc5;margin:3px 0}.memory-card .unavailable{color:#e8c7a3}.motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#10191a;display:none;pointer-events:none}.memory-card[data-playing=true] .motion-video{display:block}.preview-button{position:absolute;left:10px;bottom:10px;min-height:44px;padding:7px 12px;background:#badab0;color:#102018;border:0;font-size:13px}.memory-card[data-playing=true] .duration{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:32px 0}.memory-library[data-view=list] .memory-items{display:block}.memory-library[data-view=list] .memory-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;padding:18px 0;border-bottom:1px solid #345046}.memory-library[data-view=list] .card-copy h3{margin-top:0}.memory-library[data-view=list] .memory-shelf{margin-bottom:24px}.prototype-watch{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:28px;align-items:start}.prototype-player{width:100%;max-height:64vh;background:#080b0b;display:block;aspect-ratio:16/9}.watch-title{font-size:30px;margin:18px 0 8px}.event-panel{border-top:1px solid #345046;padding-top:14px;min-width:0}.event-panel h2{font-size:25px;margin:0 0 8px}.event-help,.event-status{font-size:14px;line-height:1.6}.event-status{min-height:24px}.event-status[data-error=true]{color:#ffd1bd}.event-row{padding:18px 0;border-bottom:1px solid #345046}.event-row label{display:grid;gap:5px;font-size:13px;min-width:0}.event-row input{min-height:44px;margin:0;width:100%;box-sizing:border-box}.event-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.event-buttons,.event-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.event-buttons button,.event-actions button{min-height:44px}.event-review{border-top:1px solid #6d8c7b;margin-top:22px;padding-top:18px}.event-review[hidden]{display:none}.event-job{padding:12px 0;border-bottom:1px solid #345046;font-size:14px}.event-job button{margin:6px 6px 0 0}.event-panel button:disabled{opacity:.5}.prototype-back{display:inline-block;margin-bottom:20px}.event-dirty{color:#e7c58a}.event-history{max-height:250px;overflow:auto}.event-history li{margin:8px 0;font-size:13px;overflow-wrap:anywhere}.event-post{margin:20px 0;padding:16px 0;border-top:1px solid #345046}.event-post h2{font-size:22px}.prototype-watch .source-relative{overflow-wrap:anywhere}.prototype-loading{color:#bfcbc5}.prototype-page-error{padding:20px 0;color:#ffd1bd}
@media(min-width:1700px){.memory-items{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1200px){.memory-items{grid-template-columns:repeat(3,minmax(0,1fr))}.prototype-watch{grid-template-columns:minmax(0,1fr)}.event-panel{max-width:820px}.library-filters .motion-setting{margin-left:0}}@media(max-width:800px){.memory-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.library-heading{align-items:start;gap:12px}.library-heading h1{font-size:30px}.view-switch button{padding:8px 10px}.library-filters{gap:10px}.library-filters label{flex:1 1 130px}.library-filters .motion-setting{flex:1 1 100%;justify-content:flex-start}.library-filters select,.library-filters input{max-width:none}.library-filters input[name=year]{width:100%}.card-copy h3{font-size:17px}.card-copy p{font-size:12px}.memory-library[data-view=list] .memory-card{grid-template-columns:120px minmax(0,1fr);gap:14px}.memory-library[data-view=list] .preview-button{font-size:12px;left:3px;bottom:3px;padding:4px;min-height:44px}.memory-library[data-view=list] .duration{top:3px;bottom:auto;right:3px;font-size:10px}.watch-title{font-size:25px}.prototype-watch{gap:20px}.event-times{gap:8px}.prototype-player{max-height:none}.preview-button{padding:5px 9px}}@media(max-width:380px){.memory-items{grid-template-columns:minmax(0,1fr)}.memory-library[data-view=list] .memory-card{grid-template-columns:105px minmax(0,1fr)}.library-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.motion-video{transition:none!important}.memory-card{scroll-behavior:auto}.preview-button{scroll-behavior:auto}}

/* Match the selected shelves hierarchy while keeping optional controls accessible. */
body:has(.memory-library) .brand .mark,body:has(.prototype-watch) .brand .mark{display:none}.library-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0 12px}.collection-chips{display:flex;flex-wrap:wrap;gap:9px}.collection-chips a{display:flex;align-items:center;min-height:44px;padding:6px 16px;border:1px solid #38534a;border-radius:24px;text-decoration:none;color:#e6ece5;font-size:14px;box-sizing:border-box}.collection-chips a[aria-current=page]{background:#badab0;color:#102018;border-color:#badab0}.library-toolbar>.motion-setting{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:13px;min-height:44px}.motion-setting input{width:18px;height:18px}.clear-filters{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline}.advanced-filters summary{padding:12px 4px;min-height:44px;box-sizing:border-box;font-size:13px;cursor:pointer}.advanced-filters[open]{flex-basis:100%;order:3}.advanced-filters .library-filters{margin:8px 0 14px}.memory-library .library-summary{text-align:right;margin:0 0 24px}.memory-shelf>h2{font-weight:500}.card-copy h3{font-weight:500}.prototype-watch details>summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer}
@media(hover:hover) and (pointer:fine){.preview-button{opacity:0;pointer-events:none}.memory-card:hover .preview-button,.memory-card:focus-within .preview-button,.memory-card[data-playing=true] .preview-button{opacity:1;pointer-events:auto}}
@media(max-width:800px){.library-toolbar{gap:8px}.library-toolbar>.motion-setting{margin-left:0}.collection-chips a{font-size:12px;padding:6px 12px}.memory-library .library-summary{text-align:left;margin-top:8px}.advanced-filters[open]{order:3}.card-copy h3{font-size:17px}.preview-button{opacity:1;pointer-events:auto}}

.prototype-nav-toggle{display:none}.main-nav[hidden]{display:none!important}
@media(max-width:800px){.signed-in.layout-sidebar .site-header,.signed-in.layout-top .site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px}.prototype-nav-toggle:not([hidden]){display:block;min-height:44px;margin-left:auto}.layout-sidebar .site-header .main-nav,.layout-top .site-header .main-nav{width:100%;margin-top:6px;gap:8px}.signed-in .site-header .brand{font-size:23px}.signed-in .utility-bar{padding:10px 16px}.signed-in main{padding:20px 16px 40px}.prototype-banner{font-size:11px;margin-bottom:16px}.library-toolbar{margin-top:18px}.memory-shelf{margin-bottom:28px}}

/* Keep mobile navigation discoverable and expanded submenus inside the viewport. */
@media(max-width:800px){
  .prototype-nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;min-width:100px}
  .prototype-nav-toggle[aria-expanded="true"]{border-color:var(--accent)}
  .site-header .main-nav{align-items:stretch;padding-top:10px;border-top:1px solid var(--line)}
  .site-header .main-nav>a,.site-header .main-nav summary{min-height:44px;display:flex;align-items:center;padding:8px 10px}
  .site-header .main-nav .people-nav{padding-left:0;flex:1 1 140px;min-width:0}
  .site-header .main-nav .people-nav>div{position:static;min-width:0;max-width:100%;max-height:40vh;overflow:auto;box-sizing:border-box;overflow-wrap:anywhere}
  .site-header .main-nav .people-nav a{min-height:44px;padding:10px;box-sizing:border-box}
}
/* Scene strips are decorative and never intercept links or selection controls. */
.scene-preview{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:1}
.scene-preview[hidden]{display:none}
.scene-preview img{display:block;width:600%;max-width:none;height:100%;object-fit:fill}
.scene-preview[data-frame="1"] img{transform:translateX(-16.6666667%)}
.scene-preview[data-frame="2"] img{transform:translateX(-33.3333333%)}
.scene-preview[data-frame="3"] img{transform:translateX(-50%)}
.scene-preview[data-frame="4"] img{transform:translateX(-66.6666667%)}
.scene-preview[data-frame="5"] img{transform:translateX(-83.3333333%)}
.card-poster .duration{z-index:2}

/* Direct page jumps retain filters and work without JavaScript. */
.pagination{flex-wrap:wrap;gap:16px}
.page-jump{display:flex;align-items:center;justify-content:center;gap:10px;margin:0}
.page-jump select{width:auto;min-width:70px;min-height:44px;margin:0}
.page-jump button{min-height:44px}
@media(max-width:480px){.pagination{gap:12px}.page-jump{flex-basis:100%;order:-1}}