/* One quiet room viewport; native articles and the open readers keep their
   own vertical reading space. These rules apply only after enhancement. */
html.experience-ready[data-page=home]{height:100%;overflow:hidden;overscroll-behavior:none}
.experience-ready[data-page=home] body{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}
.experience-ready .room-experience{position:fixed;inset:0;height:100%;min-height:0;overflow:clip}
.experience-ready .room-welcome{height:100%;min-height:0;overflow:clip}
.room-footer{display:flex;justify-content:space-between;gap:20px;padding:24px;color:var(--muted)}
.room-footer p{margin:0}
.experience-ready .room-footer{position:fixed;inset-inline:0;bottom:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding:10px max(28px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(28px,env(safe-area-inset-left,0px));color:#eee4d1;pointer-events:none;background:linear-gradient(0deg,#091522f5,#091522b3);border-top:1px solid #e6c99b33}
.room-footer-context{grid-column:1;min-width:0}
.room-footer-context [data-room-location]{font:500 12px/1.4 SourceSans,Arial,sans-serif;letter-spacing:.035em}
.room-footer-context .room-explore-hint{font:400 10px/1.5 SourceSans,Arial,sans-serif;color:#d5cebf;letter-spacing:0;margin-top:2px}
.room-footer .bench-explorer{position:static;inset:auto;grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:280px;width:340px;max-width:100%;color:#eee4d1}
.room-footer .bench-explorer[hidden]{display:none}
.room-footer .bench-explorer button{pointer-events:auto;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:1px solid #e6c99b55;touch-action:manipulation}
.room-footer .bench-explorer button:disabled{pointer-events:none}
.room-footer .bench-explorer p{font:500 12px/1.5 SourceSans,Arial,sans-serif;text-align:center;min-width:0}
.room-footer .bench-explore-instruction{display:none}
.room-footer-credit{grid-column:3;justify-self:end;font:400 10px/1.4 SourceSans,Arial,sans-serif;color:#c3c8cb;white-space:nowrap}
.drawer-open .room-footer,.room-traveling .room-footer{visibility:hidden;pointer-events:none}
.folio-returning .room-footer,.map-returning .room-footer{visibility:visible}
@media(max-width:700px) and (orientation:portrait){
  .experience-ready .room-footer{display:block;min-height:64px;padding:10px max(16px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .room-footer .bench-explorer{width:100%;min-width:0;gap:16px}
  .room-footer[data-exploring=true] .room-footer-context{position:absolute;top:10px;left:70px;right:70px;text-align:center}
  .room-footer-context [data-room-location]{font-size:11px;line-height:14px}
  .room-footer[data-exploring=true] .room-explore-hint{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .room-footer[data-exploring=true] .bench-explorer p{padding-top:18px;font-size:12px}
  .room-footer-credit{display:none}
  .room-footer[data-exploring=false] .room-footer-context{text-align:center}
}
@media(max-height:500px){
  .experience-ready .room-footer{min-height:34px;padding-block:5px;gap:16px}
  .room-footer-context .room-explore-hint{display:none}
  .room-footer .bench-explorer{min-width:230px;width:280px;gap:14px}
  .room-footer-credit{font-size:9px}
  .experience-ready[data-page=home] .room-welcome{padding-top:90px;padding-bottom:50px}
  .experience-ready[data-page=home] .room-introduction{display:block;max-width:min(270px,38vw)}
  .experience-ready[data-page=home] .room-introduction h1{font-size:30px;line-height:1.03;margin:0}
  .experience-ready[data-page=home] .room-introduction .eyebrow,
  .experience-ready[data-page=home] .room-introduction .room-intro,
  .experience-ready[data-page=home] .room-introduction .room-intro-short{display:none}
  .experience-ready[data-page=home] .room-introduction::before{content:none;background:none}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:620px){
  .experience-ready[data-page=home] .room-welcome{padding-top:96px;padding-bottom:80px}
  .experience-ready[data-page=home] .room-introduction h1{font-size:30px;line-height:1.03;margin:8px 0}
  .experience-ready[data-page=home] .room-introduction .room-intro-short{font-size:12px;line-height:1.35;margin-top:8px}
}