/* Shared, conservative presentation support. Each demo keeps its own design. */
#v3-navigation {box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;width:100%;padding:10px max(16px,env(safe-area-inset-left));background:#164e73;color:#fff;font:14px/1.4 system-ui,sans-serif;position:relative;z-index:90;text-align:left}
#v3-navigation a {color:#fff!important;display:inline-flex;align-items:center;min-height:32px;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:normal}
#v3-navigation span {color:#e6f1f7;font-size:13px}
#v3-navigation a:focus-visible {outline:3px solid #ffdd8a;outline-offset:4px}
.v3-table-scroll {max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.v3-table-scroll:focus-visible {outline:3px solid #1675a1;outline-offset:2px}
img,video {max-width:100%}
button,input,select,textarea {max-width:100%;box-sizing:border-box}
:where(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #1675a1;outline-offset:3px}
@media(max-width:767px){
  #v3-navigation {padding:8px 12px;gap:2px 12px}
  #v3-navigation span {font-size:12px}
  input:not([type=checkbox]):not([type=radio]),select,textarea {font-size:16px!important}
  :where(p,li,dd,td,th,a,code,pre) {overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{#v3-navigation{display:none!important}.v3-table-scroll{overflow:visible}}