/* Shared salon frame: desktop navigation, compact mobile disclosure. */
.salon-frame-menu{display:contents}.salon-frame-menu>summary{display:none}
body [data-result]{scroll-margin-top:max(6.5rem,calc(var(--digithat-frame-height,0px) + 1rem))}
@media(max-width:700px){
 .example-toolbar{display:flex;flex-wrap:nowrap;gap:10px;padding:2px 12px;min-height:48px;position:sticky;top:0}
 .example-toolbar .example-back{font-size:.8125rem;gap:5px;white-space:nowrap}
 .example-back span{display:none}.example-back:after{content:"Story"}
 .example-toolbar .example-identity{margin-left:auto}.example-identity img{width:72px;max-height:28px}
 .example-identity>div{display:none}
 .salon-frame-menu{display:block;position:relative}.salon-frame-menu>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:.8125rem;white-space:nowrap;gap:5px;list-style:none}
 .salon-frame-menu>summary::-webkit-details-marker{display:none}.salon-frame-menu>summary:after{content:"＋"}.salon-frame-menu[open]>summary:after{content:"−"}
 .example-toolbar .salon-frame-menu .example-actions{position:absolute;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:min(18rem,calc(100vw - 24px));padding:12px;background:var(--dt-navy);border:1px solid var(--dt-orange);box-shadow:0 8px 20px #0003}
 .salon-frame-menu:not([open]) .example-actions{display:none!important}
 .example-actions a{font-size:.875rem;padding:8px;min-height:44px}
 .example-dock,.example-return-bottom{display:none!important}
 body:has(.example-dock),.example-bare body:has(.example-return-bar){padding-bottom:0;scroll-padding-bottom:0}
 .example-return-top{display:flex;position:sticky;gap:12px;padding:2px 12px;min-height:48px;justify-content:space-between}
 .example-return-top[hidden]{display:none}
 .example-return-top a,.example-return-top button{font-size:0!important;min-height:44px;padding:0;border:0}
 .example-return-top a:after{content:"← DigiThat demo";font:400 .8125rem/1.3 Arial,sans-serif}
 .example-return-top button:after{content:"Show frame";font:400 .8125rem/1.3 Arial,sans-serif}
 .salon-frame-menu summary:focus-visible{outline:2px solid var(--dt-teal);outline-offset:2px}
}