.tdh3-demo-frame{background:#f4f7f8;min-height:100vh}.tdh3-demo-provider{color:#fff;z-index:100;background:#0f2d3d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;min-height:50px;padding:.5rem clamp(.8rem,2vw,1.4rem);display:flex;position:relative;box-shadow:0 1px #0f2d3d33}.tdh3-provider-brand{color:#fff;align-items:center;gap:.55rem;min-width:max-content;min-height:44px;text-decoration:none;display:inline-flex}.tdh3-provider-brand strong{letter-spacing:-.01em;font-size:.9rem}.tdh3-provider-brand span{color:#12384b;letter-spacing:.06em;text-transform:uppercase;background:#12384b0f;border:1px solid #12384b40;border-radius:999px;align-items:center;min-height:21px;padding:0 .48rem;font-size:.64rem;font-weight:700;display:inline-flex}.tdh3-demo-nav{justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;display:flex}.tdh3-demo-nav a{color:#ffffffe0;white-space:nowrap;border-radius:8px;align-items:center;min-height:44px;padding:0 .7rem;font-size:.73rem;font-weight:650;text-decoration:none;transition:background-color .14s,color .14s;display:inline-flex}.tdh3-demo-nav a:hover,.tdh3-demo-nav a:focus-visible{color:#fff;outline:2px solid var(--accent,#ecb22e);outline-offset:2px;background:#ffffff1a}.tdh3-demo-nav .tdh3-demo-start{color:#172d39;background:#f2b84b}.tdh3-demo-nav .tdh3-demo-start:hover,.tdh3-demo-nav .tdh3-demo-start:focus-visible{color:#172d39;background:#ffd275}.tdh3-demo-nav .tdh3-demo-exit{border:1px solid #ffffff38;margin-left:.15rem}.tdh3-demo-boundary{color:#604c18;background:#fff9ea;border-bottom:1px solid #e8d9ad;margin:0;padding:.48rem clamp(.8rem,2vw,1.4rem);font-size:.72rem;line-height:1.45}.tdh3-demo-boundary strong{color:#493706}.tdh3-demo-content .app-shell{min-height:calc(100vh - 82px)}@media (max-width:760px){.tdh3-demo-provider{flex-wrap:wrap;gap:.45rem!important;padding-inline:.65rem!important}.tdh3-provider-brand{flex:1 0 100%}.tdh3-provider-brand strong{font-size:.82rem}.tdh3-provider-brand span{display:none}.tdh3-demo-nav{flex-wrap:wrap;flex:100%;overflow:visible;justify-content:flex-start!important}.tdh3-demo-nav a{min-height:44px;padding-inline:.58rem}.tdh3-demo-boundary{padding:.45rem .75rem!important;font-size:.68rem!important}}@media (max-width:420px){.tdh3-provider-brand span{display:none}.tdh3-demo-nav a{padding-inline:.48rem;font-size:.7rem}.tdh3-demo-nav .tdh3-demo-exit{margin-left:0}}@media (max-width:390px){.tdh3-demo-nav a{text-align:center;background:#ffffff0f;border:1px solid #ffffff38;flex:calc(33.333% - .167rem);justify-content:center;line-height:1.15;white-space:normal!important;padding-inline:.25rem!important;font-size:.68rem!important}.tdh3-demo-nav .tdh3-demo-exit{margin-left:0}}