:root{--glass-surface:rgba(247,244,235,.88);--glass-edge:rgba(255,255,255,.65);--glass-shadow:0 14px 45px rgba(9,36,43,.24)}
.detail-preview>.point-summary{margin-bottom:1em}
.tablet-layout .app-shell{height:100dvh;min-height:0;max-width:none;grid-template-rows:auto minmax(0,1fr);overflow:clip}
.tablet-layout .topbar{padding:12px 25px;min-height:72px;gap:15px;padding-top:max(12px,env(safe-area-inset-top))}
.tablet-layout .brand{font-size:36px}.tablet-layout .brand img{width:48px;height:48px}.tablet-layout .exhibit-name{display:none}
.tablet-layout #tv-mode{display:none}.tablet-layout.is-tv #tv-mode{display:inline-flex}
.tablet-layout .experience{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:0;isolation:isolate;background:var(--stage);overflow:clip}
.tablet-layout .viewer,.tablet-layout.is-tv .viewer{height:100%;min-height:0;width:100%;position:relative}
.tablet-layout .viewer canvas:focus-visible{outline-color:var(--maize);outline-offset:-4px}
.tablet-layout .interaction-bar,.tablet-layout .bottom-bar,.tablet-layout .sample-caption,.tablet-layout .gesture-hint{display:none}
.tablet-layout .hotspot{width:56px;min-width:56px;min-height:56px}.tablet-layout .hotspot-dot{width:44px;height:44px;font-size:18px}.tablet-layout .hotspot-label{display:none}
.tablet-layout .story,.tablet-layout.is-tv .story{position:relative;z-index:8;display:block;width:calc(100% - 52px);max-width:1100px;max-height:min(58dvh,calc(100dvh - 230px));min-height:0;margin:-16px auto max(24px,env(safe-area-inset-bottom));padding:26px 32px;background:var(--glass-surface);border:1px solid var(--glass-edge);border-radius:20px;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--field) transparent;scroll-padding:24px}
.tablet-layout .story-intro h1{font-size:clamp(32px,4.8vw,46px);margin:0 0 12px;max-width:850px}.tablet-layout .story-intro>p{font-size:22px;margin-bottom:20px;line-height:1.5;color:var(--ink)}.tablet-layout .story-intro .source-note{display:none}.tablet-layout .story-intro .button{margin:0;min-height:56px;font-size:18px}
.tablet-layout .point-heading,.tablet-layout.is-tv .point-heading{margin:0 56px 12px 0;gap:12px;min-height:36px;font-size:18px;color:var(--ink)}
.tablet-layout .point-heading .point-number{width:36px;height:36px;font-size:18px;background:var(--maize);color:var(--night);flex-shrink:0}
.tablet-layout #close-point,.tablet-layout.is-tv #close-point{display:inline-flex;position:absolute;right:12px;top:14px;min-height:56px;width:56px}
.tablet-layout .story-detail h2,.tablet-layout.is-tv .story-detail h2{font-size:clamp(36px,5vw,48px);margin:0 20px 18px 0;line-height:1.12;text-wrap:pretty}
.tablet-layout .point-summary,.tablet-layout.is-tv .point-summary,.tablet-layout #point-body,.tablet-layout.is-tv #point-body{font-size:24px;line-height:1.5;font-weight:400;margin:0 0 14px;color:var(--ink)}
.tablet-layout .point-notes,.tablet-layout.is-tv .point-notes{font-size:22px;line-height:1.5;color:var(--ink);margin:18px 0}
.tablet-layout .story-actions{display:flex;margin-top:20px;gap:16px}.tablet-layout .story-actions .button,.tablet-layout .story-actions .quiet-button{min-height:56px;font-size:18px;padding-inline:18px;white-space:normal;text-align:center}
.tablet-layout.sheet-hidden .story{display:none}
.tablet-layout.is-tv .app-shell{grid-template-rows:auto minmax(0,1fr) auto}.tablet-layout.is-tv .story-actions{display:none}.tablet-layout .tour-controls{margin:0;padding:8px 24px 12px;min-height:56px;background:var(--paper);font-size:16px}.tablet-layout .tour-controls .quiet-button{min-height:48px;font-size:16px}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){.tablet-layout .story{background:var(--paper)}}
@media(max-width:600px){.tablet-layout .topbar{padding-inline:15px;min-height:64px}.tablet-layout .brand{font-size:28px}.tablet-layout .brand img{width:36px;height:36px}.tablet-layout .story,.tablet-layout.is-tv .story{width:calc(100% - 24px);padding:20px;max-height:min(60dvh,calc(100dvh - 200px));border-radius:17px;margin-bottom:max(12px,env(safe-area-inset-bottom))}.tablet-layout .story-detail h2,.tablet-layout.is-tv .story-detail h2{font-size:32px;margin-bottom:16px}.tablet-layout .point-heading{font-size:16px;margin-bottom:10px}.tablet-layout .point-summary,.tablet-layout.is-tv .point-summary,.tablet-layout #point-body,.tablet-layout.is-tv #point-body,.tablet-layout .point-notes{font-size:20px;line-height:1.5}.tablet-layout .story-intro h1{font-size:32px}.tablet-layout .story-intro>p{font-size:20px}.tablet-layout .story-actions{gap:8px;margin-top:18px}.tablet-layout .story-actions .button,.tablet-layout .story-actions .quiet-button{font-size:16px;padding-inline:10px;min-height:52px}}
@media(orientation:landscape) and (max-height:900px){.tablet-layout .topbar{min-height:62px;padding-block:8px}.tablet-layout .story,.tablet-layout.is-tv .story{padding:20px 28px;max-height:min(60dvh,calc(100dvh - 200px));margin-bottom:16px}.tablet-layout .story-detail h2,.tablet-layout.is-tv .story-detail h2{font-size:36px;margin-bottom:12px}.tablet-layout .point-summary,.tablet-layout.is-tv .point-summary,.tablet-layout #point-body,.tablet-layout.is-tv #point-body{font-size:22px}.tablet-layout .point-heading{font-size:17px;margin-bottom:10px}}

.tablet-layout .hotspot-dot .icon{width:24px;height:24px}.tablet-layout .point-number .icon{width:22px;height:22px}