/*
 * Shared secondary-page shell for Memory and Collection rooms.
 * Owns page padding, sticky masthead, centered title, back control, and app-shell hiding.
 * Page content and room-specific decoration stay in page modules.
 */
.memory-subpage,.page--collection{padding:5px 22px 112px!important}.memory-subhead{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:4px 0 19px;border-bottom:1px solid var(--line)}.memory-subhead>button,.collection-page__header>button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:rgba(var(--glass-rgb),.14);color:var(--ink);font-size:20px}.memory-subhead div{display:grid;gap:4px}.memory-subhead span,.collection-page__header span,.collection-intro>span{color:var(--accent);font:7px system-ui,sans-serif;letter-spacing:.24em}.memory-subhead h2,.collection-page__header h2{margin:0;font:italic 25px/1 "Cormorant Garamond","Noto Serif SC",serif}.memory-subhead>b{color:var(--muted);font:italic 14px "Cormorant Garamond",serif}
.memory-subpage-active .memory-subhead--unified,.memory-subpage-active .collection-page__header.memory-subhead--unified{grid-template-columns:38px 1fr 38px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(var(--glass-rgb),.42),rgba(var(--glass-rgb),.20) 70%,transparent)!important;box-shadow:0 14px 28px rgba(0,0,0,.035)!important;backdrop-filter:blur(26px) saturate(1.12)!important;-webkit-backdrop-filter:blur(26px) saturate(1.12)!important}
.memory-subpage-active .memory-subhead--unified>button:first-child,.memory-subpage-active .collection-page__header.memory-subhead--unified>button:first-child{width:38px;height:38px;border:0!important;border-radius:50%;background:rgba(var(--glass-rgb),.34)!important;box-shadow:0 5px 16px rgba(0,0,0,.045)}
.memory-subhead--unified>h2,.collection-page__header.memory-subhead--unified>h2{margin:0;text-align:center;font:italic 25px/1 "Cormorant Garamond",serif;white-space:nowrap}
.memory-subhead--unified>h2:before,.collection-page__header.memory-subhead--unified>h2:before{content:attr(data-eyebrow);display:block;margin-bottom:5px;color:var(--muted);font:6px/1.2 system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase}
.memory-subpage-active .topbar,.memory-subpage-active .bottom-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px)}.memory-subpage-active .bottom-nav{transform:translateY(24px)}.memory-subpage-active .drawer-edge{display:none}.memory-subpage-active .memory-subpage,.memory-subpage-active .page--collection{padding:calc(16px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom))!important}.memory-subpage-active .memory-subhead,.memory-subpage-active .collection-page__header{position:sticky;z-index:8;top:calc(-16px - env(safe-area-inset-top));margin:calc(-16px - env(safe-area-inset-top)) -22px 0;padding:calc(16px + env(safe-area-inset-top)) 22px 17px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 88%,transparent));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.memory-subpage-active .memory-subhead>button,.memory-subpage-active .collection-page__header>button{position:relative;z-index:2;display:grid;place-items:center;flex:none}.memory-subpage-active .memory-subhead>button:focus-visible,.memory-subpage-active .collection-page__header>button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.memory-subhead--center,.collection-page__header--center{grid-template-columns:34px 1fr 34px!important}.memory-subhead--center>h2,.collection-page__header--center>h2{text-align:center;margin:0;font:italic 24px/1 "Cormorant Garamond","Noto Serif SC",serif}.memory-subhead--center>b{justify-self:center}.collection-page__header--center>i{width:34px}
.memory-subpage-active .memory-subhead.memory-subhead--unified,.memory-subpage-active .collection-page__header.memory-subhead--unified{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,transparent) 0%,rgba(var(--glass-rgb),.30) 58%,rgba(var(--glass-rgb),.10) 82%,transparent 100%)!important;border-bottom:0!important;box-shadow:0 10px 28px rgba(0,0,0,.045)!important;backdrop-filter:blur(18px) saturate(1.16)!important;-webkit-backdrop-filter:blur(18px) saturate(1.16)!important}.memory-subpage-active .memory-subhead.memory-subhead--unified:after,.memory-subpage-active .collection-page__header.memory-subhead--unified:after{content:"";position:absolute;left:22px;right:22px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);pointer-events:none}.memory-subpage-active .memory-subhead.memory-subhead--unified>button:first-child,.memory-subpage-active .collection-page__header.memory-subhead--unified>button:first-child{background:rgba(var(--glass-rgb),.20)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.memory-subhead h2,.memory-subhead--center>h2,.memory-subhead--unified>h2,.collection-page__header h2,.collection-page__header--center>h2,.collection-page__header.memory-subhead--unified>h2{font-size:20px!important;line-height:1!important;font-weight:500!important}
.memory-subpage-active .memory-subhead.memory-subhead--unified>button:first-child,.memory-subpage-active .collection-page__header.memory-subhead--unified>button:first-child{width:38px!important;height:38px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--ink)!important;font-size:0!important}.memory-subpage-active .memory-subhead.memory-subhead--unified>button:first-child::before,.memory-subpage-active .collection-page__header.memory-subhead--unified>button:first-child::before{content:"";display:block;width:11px;height:11px;margin-left:9px;border-left:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg)}.memory-subpage-active .memory-subhead.memory-subhead--unified>button:first-child::after,.memory-subpage-active .collection-page__header.memory-subhead--unified>button:first-child::after{content:"";position:absolute;left:10px;top:18px;width:18px;height:1.4px;border-radius:2px;background:currentColor}.memory-subpage-active .memory-subhead.memory-subhead--unified>button:first-child:hover,.memory-subpage-active .collection-page__header.memory-subhead--unified>button:first-child:hover{background:transparent!important;transform:translateX(-2px)}
.memory-subpage-active .memory-subhead.memory-subhead--unified>button:first-child::after,.memory-subpage-active .collection-page__header.memory-subhead--unified>button:first-child::after{display:none!important}