@import url("./brand-tokens.css");
/* DigiThat viewer chrome, explicitly separate from the venue identity. */
.example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:var(--dt-navy);color:var(--dt-sand);border-bottom:2px solid var(--dt-orange);font:0.875rem/1.4 Arial,Helvetica,sans-serif;position:sticky;top:0;z-index:40}.example-toolbar a{color:inherit;text-decoration:none;min-height:44px;display:inline-flex;gap:12px;align-items:center}.example-back{font-weight:700}.example-identity{display:flex;align-items:center;gap:22px}.example-identity img{width:100px;max-height:35px}.example-identity>div{padding-left:20px;border-left:1px solid var(--dt-border-dark);display:grid;gap:4px}.example-identity span{font-size:0.875rem;color:var(--dt-muted-dark)}.example-actions{display:flex;gap:18px;align-items:center}.example-actions a{font-size:0.875rem}.example-actions .example-enquiry{background:var(--dt-orange);color:var(--dt-navy);border-radius:3px;padding:10px 15px;font-weight:700}.example-endnote{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--dt-navy);color:var(--dt-sand);padding:18px 4%;font:0.875rem/1.5 Arial,sans-serif}.example-endnote a{color:inherit}.example-toolbar :focus-visible,.example-endnote :focus-visible{outline:3px solid var(--dt-teal);outline-offset:4px}.example-bare .example-toolbar{display:none}
@media(max-width:900px){.example-toolbar{padding:10px 16px;gap:14px;flex-wrap:wrap}.example-identity>div{display:none}.example-actions{gap:10px}.example-actions [data-example-bare]{font-size:0.875rem}.example-identity{margin-left:auto}}
@media(max-width:520px){.example-toolbar{position:relative}.example-actions{width:100%;justify-content:space-between}.example-endnote{font-size:0.875rem}.example-identity img{width:88px}}
.example-toolbar a:is(:hover,:focus-visible),.example-endnote a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
.example-actions .example-enquiry:hover{background:var(--dt-orange-hover);text-decoration:none}
@media(prefers-reduced-motion:no-preference){
 .example-toolbar a,.example-endnote a{transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}
 .example-actions .example-enquiry:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){.example-toolbar *,.example-endnote *{animation:none!important;transition:none!important}}

/* A persistent, clearly branded frame around the venue, with room for page content. */
body:has(.example-dock){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.example-dock{position:fixed;inset:auto 0 0;z-index:45;min-height:64px;align-items:center;padding:9px 4% calc(9px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--dt-orange);box-shadow:0 -3px 18px rgb(9 26 37 / .08);gap:16px}
.example-dock>a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none}.example-dock-identity{display:flex;gap:18px;align-items:center}.example-dock-identity img{width:90px;height:auto}.example-dock-identity>span{padding-left:18px;border-left:1px solid var(--dt-border-dark)}.example-dock .example-dock-cta{background:var(--dt-orange);color:var(--dt-navy);padding:9px 16px;border-radius:3px}.example-dock .example-dock-cta:hover{background:var(--dt-orange-hover);text-decoration:none}
.example-bare .example-dock{display:none}.example-bare body:has(.example-dock){padding-bottom:0}
body:has(.example-dock){scroll-padding-bottom:80px}body:has(.example-dock) :is(a,button,input,select,textarea){scroll-margin-bottom:90px}
@media(max-width:1000px){.example-dock-identity>span{display:none}}
@media(max-width:650px){.example-dock{padding-inline:16px;gap:8px;flex-wrap:nowrap}.example-dock-identity{display:none}.example-dock>a{font-size:0.875rem}.example-dock .example-dock-cta{padding-inline:12px}.example-toolbar{position:sticky}.example-toolbar .example-identity{margin-left:auto}.example-toolbar .example-actions{display:none}}


/* Neutral navigation remains at both edges of the unframed view. */
:root{--frame-return-bg:rgba(250,250,250,.96);--frame-return-ink:#696969;--frame-return-line:#b8b8b8}
:root:is([data-muse-theme=dark],[data-wine-theme=dark],[data-nl-theme=dark],[data-theme=dark]){--frame-return-bg:rgba(30,30,30,.96);--frame-return-ink:#b8b8b8;--frame-return-line:#737373}
.example-return-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;left:0;right:0;z-index:60;padding:8px 24px;background:var(--frame-return-bg);color:var(--frame-return-ink);font:400 .875rem/1.4 Arial,Helvetica,sans-serif;backdrop-filter:blur(8px)}
.example-return-top{position:sticky;top:0;border-bottom:1px solid var(--frame-return-line)}.example-return-bottom{position:fixed;bottom:0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--frame-return-line)}
.example-return-bar[hidden]{display:none}.example-return-bar :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;border:1px solid var(--frame-return-line);border-radius:3px;background:transparent;color:inherit;font:inherit;text-decoration:none;text-align:center;cursor:pointer;white-space:normal}.example-return-bar :is(a,button):hover{border-color:currentColor;text-decoration:underline;text-underline-offset:3px}.example-return-bar :focus-visible{outline:2px solid currentColor;outline-offset:3px}
.example-bare body:has(.example-return-bar){padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}
@media(max-width:550px){.example-return-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-inline:16px}.example-return-bar :is(a,button){padding-inline:8px}}

.example-toolbar{flex-wrap:wrap}.example-toolbar a,.example-dock>a{min-width:0}.example-dock>a{white-space:normal;line-height:1.4}.example-dock{height:auto}.example-bare .example-toolbar,.example-bare .example-dock{display:none}

@media(max-height:500px){.example-return-top,.example-return-bottom{position:relative;inset:auto}.example-bare body:has(.example-return-bar){padding-bottom:0}}

/* Quiet, borderless return links; retain a visible keyboard focus indicator. */
.example-return-bar{padding:4px 24px;border:0;background:var(--frame-return-bg)}.example-return-bottom{padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.example-return-bar :is(a,button){border:0;border-radius:0;min-height:44px;padding:2px 0;line-height:1.35;box-shadow:none}.example-return-bar :is(a,button):hover{border:0;color:var(--frame-return-ink)}.example-bare body:has(.example-return-bar){padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}
@media(max-width:550px){.example-return-bar{gap:14px;padding-inline:16px}.example-return-bar :is(a,button){padding-inline:0}}
@media(max-height:500px){.example-bare body:has(.example-return-bar){padding-bottom:0}}