.exhibition{background:#f4f1e8;color:#242822;padding:22px clamp(16px,4vw,56px);border-bottom:4px solid #ff5722}.exhibition strong{letter-spacing:.08em;font-size:14px}.exhibition p{margin:8px 0 16px}.exhibition>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.exhibition a{color:#173bc0}.exhibition-language{display:flex;gap:8px}.exhibition button{background:transparent;color:#242822;border:1px solid #777;padding:10px 16px;min-height:44px;border-radius:4px}.exhibition button[aria-pressed=true]{background:#242822;color:#fff}.brand{margin:0;font-size:inherit}.dashboard>*{min-width:0}.viewer figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column}.viewer img{width:100%;min-height:0;flex:1;object-fit:contain}.viewer figcaption{font-size:12px;padding:8px;background:#0f172a}.db-table-wrap{overflow-x:auto}.btn-control{min-height:58px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff912c;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.55}.db-stats>div{min-width:0}.data-grid{min-width:0}#demo-status{padding:16px;color:#a5c7ff}.switch:focus-within{outline:3px solid #ff912c;outline-offset:4px}@media(max-width:600px){.top-nav{padding:16px;flex-wrap:wrap}.top-nav-left,.top-nav-right{width:100%;min-width:0}.header-nav{flex-wrap:wrap}.dashboard{padding:16px;gap:16px}.connection-controls,.control-grid,.visualization-grid,.data-grid{display:grid;grid-template-columns:1fr}.db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.control-row{gap:6px}.btn-control{min-width:0;width:82px;padding:8px}.connection-controls input{width:100%;min-width:0}.viewer{height:280px}.data-card{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.exhibition-language button{display:inline-flex;align-items:center;gap:8px}.exhibition-language svg{width:24px;height:16px;flex-shrink:0}

/* Portfolio navigation around the original team interface. */
.exhibition{font-family:Bahnschrift,Arial,sans-serif}
.exhibition a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid #777b70;border-radius:3px;color:#242822;background:transparent;text-decoration:none;font-size:15px;font-weight:600;line-height:1.4;transition:background-color .18s,color .18s,border-color .18s}
.exhibition a:hover{background:#242822;border-color:#242822;color:#fff}
.exhibition a:focus-visible{outline:3px solid #184cff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.exhibition a{transition:none}}

/* Resize immediately: animating control widths can briefly overflow on mobile. */
.btn-control,.btn-nav,.btn{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s,border-color .18s}