@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:13px/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:12px;color:var(--dt-muted-dark)}.example-actions{display:flex;gap:18px;align-items:center}.example-actions a{font-size:12px}.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:12px/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:12px}.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:12px}.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:11px}.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}}