/* SpaceTRC 4.1: focused fixes for touch, keyboard, viewport edges and tables. */
#strc-root :where(summary):focus-visible{outline:3px solid #a5f6d8;outline-offset:4px}
#strc-root :where(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-top:100px;scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
#strc-root :where(fieldset){min-inline-size:0}
#strc-root :where(legend){max-inline-size:100%;white-space:normal}
#strc-root :where(output,.cx-share-status){overflow-wrap:anywhere}
#strc-root :is(.cx-table-scroll,.cx-service-table-wrap,.cx-scroll-table,.av-table-wrap,.skd-table-wrap,.sd-table-wrap,.ds-table-wrap,.rf-table-scroll,.rw-table-wrap){max-inline-size:100%;min-inline-size:0;overscroll-behavior-x:contain;scrollbar-gutter:stable}
#strc-root :is(.cx-table-scroll,.cx-service-table-wrap,.cx-scroll-table,.av-table-wrap,.skd-table-wrap,.sd-table-wrap,.ds-table-wrap,.rf-table-scroll,.rw-table-wrap):focus-visible{outline:3px solid #a5f6d8;outline-offset:3px}
@media(max-width:900px){
  #strc-root .sidebar{height:100dvh;overscroll-behavior:contain;scroll-padding-block:20px;padding-top:max(29px,env(safe-area-inset-top,0px));padding-bottom:calc(23px + env(safe-area-inset-bottom,0px));padding-left:max(21px,env(safe-area-inset-left,0px))}
  #strc-root .cx-nav-group>summary{align-items:flex-start}
  #strc-root .cx-nav-group>summary>svg{margin-top:3px}
  #strc-root .cx-nav-group>summary>span,#strc-root .cx-subnav>a>span{min-inline-size:0;overflow-wrap:anywhere}
  #strc-root .cx-subnav>a{min-height:46px;font-size:12px}
}
@media(max-width:700px){
  #strc-root :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px;max-inline-size:100%;min-inline-size:0}
  #strc-root :where(input[type=file]){overflow:hidden}
  #strc-root .button{white-space:normal;overflow-wrap:anywhere;max-inline-size:100%;text-align:center}
  #strc-root .topbar:has(.topbar-brand) .topbar-actions{justify-content:flex-end}
  #strc-root .topbar:has(.topbar-brand){padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}
  #strc-root dialog{top:max(12px,env(safe-area-inset-top,0px));max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:20px;overscroll-behavior:contain;scroll-padding-block:16px}
  #strc-root .dialog-head{position:sticky;top:0;z-index:1;padding:8px 0;background:#101c25}
  #strc-root .dialog-head .icon-button{flex:0 0 44px}
  #strc-root .ac-team-choice{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
  #strc-root .ac-team-choice>label{flex:1 1 220px;min-inline-size:0}
  #strc-root .ac-team-choice>.button{flex:1 1 160px}
}
@media(max-width:360px){
  #strc-root .topbar-brand{width:100px}
  #strc-root .topbar:has(.topbar-brand) .topbar-left{gap:6px}
  #strc-root .topbar:has(.topbar-brand) .topbar-actions{gap:6px}
  #strc-root .strc-language-switch{padding-inline:8px}
}
@media(forced-colors:active){
  #strc-root :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid Highlight;outline-offset:3px}
  #strc-root :where(button,input,select,textarea){border-color:ButtonText}
}