/* Shared visual finish. Native scrolling, page content and calculation stay intact. */
@media screen {
 :root{--scroll-thumb:#6d858b;--scroll-active:#315e69;--surface-line:#cbd8d7;--surface-radius:6px}
 html{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
 :where(.tool-sidebar,.help-menu,.stepsnav,.record-tabs,.modal-content,.quick-help-dialog,textarea){scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
 /* Chromium/WebKit: a rounded thumb and a quiet track, without arrow buttons. */
 @supports selector(::-webkit-scrollbar){
  html,:where(.tool-sidebar,.help-menu,.stepsnav,.record-tabs,.modal-content,.quick-help-dialog,textarea){scrollbar-width:auto;scrollbar-color:auto}
  ::-webkit-scrollbar{width:8px;height:8px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:#6d858b99;border:2px solid transparent;background-clip:padding-box;border-radius:99px;min-height:36px}
  ::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-active)}
  ::-webkit-scrollbar-button{display:none;width:0;height:0}
  ::-webkit-scrollbar-corner{background:transparent}
  .tool-sidebar::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:7px}
  .tool-sidebar::-webkit-scrollbar-thumb{background-color:#6d858b70}
  .tool-sidebar:hover::-webkit-scrollbar-thumb,.tool-sidebar:focus-within::-webkit-scrollbar-thumb{background-color:var(--scroll-active)}
 }
 :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #a77d38;outline-offset:3px}
 :where(.field input,.field select,.select,.journey-dialog select,.journey-dialog textarea,.review-status-label select){border-radius:var(--surface-radius);transition:border-color .16s,box-shadow .16s}
 :where(.field input,.field select,.select,.journey-dialog select,.journey-dialog textarea,.review-status-label select):hover{border-color:#7b9b9f}
 :where(.field input,.field select,.select,.journey-dialog select,.journey-dialog textarea):focus{border-color:#315e69;box-shadow:0 0 0 3px #0f4c5c12}
 .modal-bar,.quick-help-bar{border-bottom-color:var(--surface-line)}
 .modal-bar button,.quick-help-bar button{border-color:var(--surface-line);border-radius:var(--surface-radius);min-height:44px}
 .modal-bar button:hover,.quick-help-bar button:hover{background:#edf3f2;border-color:#8ca7aa}
 .quick-help-dialog,.experience-dialog,.journey-dialog{box-shadow:0 20px 70px #112f3b26}
 .quick-help-body a,.quick-help-body>button{border-color:var(--surface-line);transition:background .16s,border-color .16s}
 .quick-help-body a:hover,.quick-help-body>button:hover{background:#eef3f1;border-color:#8ca7aa}
 .review-list .review-status-label{min-height:0;font-size:13px;line-height:1.5;padding-bottom:16px}
 .review-status-label select{margin-top:5px;max-width:100%;font-size:16px}
 .review-list>li>label:first-child{padding-bottom:10px}
 /* Only the care page has this legacy return strip above another sticky header. */
 .site-return:has(~.top){position:static}
 .stepsnav{scroll-padding-inline:8px}
 .stepbtn{transition:color .16s,background .16s}
 .stepbtn:hover{background:#f1f5f3}
 .help-menu button{transition:color .16s,background .16s}
 .help-menu button:hover:not([aria-current=true]){background:#eaf0ec;color:#164b58}
 @media(min-width:821px){
  .workspace{grid-template-columns:224px minmax(0,1fr);gap:24px}
  .tool-sidebar{padding-right:7px!important;scrollbar-width:thin}
  @supports selector(::-webkit-scrollbar){.tool-sidebar{scrollbar-width:auto}}
  .tool-sidebar .tool-link{min-height:46px;padding:9px 12px;gap:9px;font-size:15px;border-radius:6px}
  .tool-sidebar .nav-label{margin:15px 12px 5px;font-size:12px}
  .tool-sidebar .session-caption{margin:17px 12px;font-size:12px;line-height:1.7}
  .tool-sidebar .guide-menu{padding:11px 12px;min-height:48px;border-radius:6px;line-height:1.65}
 }
 @media(max-width:820px){.review-list .review-status-label{padding-left:39px}.review-list small{line-height:1.65}}
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
 @media(forced-colors:active){html,*{scrollbar-color:auto!important;scrollbar-width:auto!important}::-webkit-scrollbar-thumb{background:ButtonText} :focus-visible{outline-color:Highlight!important}}
}
