.roof-guided-navigation{flex:none;display:grid;gap:8px;margin:0 0 20px;color:#202329;text-shadow:none;pointer-events:auto}
.roof-guided-navigation[hidden]{display:none}
.roof-guided-navigation>label{font-size:12px;line-height:1.5;font-weight:650;letter-spacing:.01em}
.roof-guided-navigation>select{display:block;min-width:0;width:100%;min-height:46px;padding:10px 32px 10px 12px;border:1px solid #aab4c0;border-radius:5px;background:#fff;color:#202329;font:inherit;font-size:16px;line-height:1.4}
.roof-guided-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px}
.roof-guided-actions>button{min-height:44px;max-width:100%;padding:6px 0;border:0;border-radius:0;background:transparent;color:#164c83;font:inherit;font-size:14px;font-weight:550;line-height:1.4;text-align:left;text-decoration:underline;text-underline-offset:4px;white-space:normal;cursor:pointer}
.roof-guided-actions>button[hidden]{display:none}
.roof-guided-navigation :is(button,select):focus-visible{outline:3px solid #006bd6;outline-offset:3px}
body.storm-cinema.has-guided-detail #roof-showcase .story-panel .vent-control:not([hidden]),body.storm-cinema.has-guided-detail #roof-showcase .story-panel .installation-notes:not([hidden]){display:block}
body.storm-cinema.storm-complete .roof-guided-navigation{display:none}
@media(max-width:760px){.roof-guided-navigation{margin-bottom:16px;gap:6px}.roof-guided-actions{gap:0 16px}}
body.storm-cinema.has-guided-detail .roof-guided-navigation>label,body.storm-cinema.has-guided-detail .roof-guided-navigation>select{display:none}
@media(max-width:760px){
 body.storm-cinema:not(.storm-complete) #roof-showcase .cinema-toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;inset-inline:auto;min-height:60px;padding:8px 12px;background:#fff;z-index:20}
 body.storm-cinema:not(.storm-complete) .cinema-toolbar .cinema-wordmark{display:block;margin:0;padding:0;flex:none;max-width:110px}
 body.storm-cinema:not(.storm-complete) .cinema-toolbar .cinema-company-logo{width:110px;height:auto;max-width:100%}
 body.storm-cinema:not(.storm-complete) .cinema-toolbar .cinema-wordmark>span,
 body.storm-cinema:not(.storm-complete) .cinema-toolbar :is(.cinema-guide-link,#cinema-play){display:none!important}
 body.storm-cinema:not(.storm-complete) .cinema-toolbar .cinema-controls{display:flex;width:auto;max-width:none;margin:0;padding:0;border:0;background:transparent;gap:4px;justify-content:flex-end}
 body.storm-cinema:not(.storm-complete) .cinema-toolbar .cinema-controls button{min-height:44px;padding:8px;min-width:44px;font-size:13px;line-height:1.2;border-radius:6px}
 body.storm-cinema:not(.storm-complete) .cinema-toolbar #storm-close{width:44px}
 body.storm-cinema:not(.storm-complete) #roof-showcase .art-region{position:sticky;top:var(--roof-phone-toolbar-height,61px);z-index:6;flex:none;background:#fff}
 body.storm-cinema.has-guided-detail #roof-showcase .art-region{aspect-ratio:4/3}
 body.storm-cinema .roof-guided-navigation>label{font-size:14px}
 html[data-accessibility-text] body.storm-cinema:not(.storm-complete) #roof-showcase .art-region{position:relative;top:auto}
 html[data-accessibility-text] body.storm-cinema:not(.storm-complete) #roof-showcase .cinema-toolbar{flex-wrap:wrap}
 html[data-accessibility-text] body.storm-cinema:not(.storm-complete) #roof-showcase .cinema-toolbar .cinema-controls{width:100%;flex-wrap:wrap;justify-content:flex-start}
}
@media(max-width:360px){body.storm-cinema:not(.storm-complete) .cinema-toolbar .cinema-wordmark{max-width:90px}body.storm-cinema:not(.storm-complete) .cinema-toolbar .cinema-company-logo{width:90px}}