/* Account and help pages use content height and logical alignment in both directions. */
.experience .card { height: auto; }
.experience { padding-block-start: 8rem; padding-block-end: 4rem; overflow-wrap: anywhere; }
.experience.home-experience { padding-block: 0; }
.experience h1, .experience h2, .experience h3 { scroll-margin-top: 7rem; }
.experience pre { direction: ltr; text-align: left; unicode-bidi: isolate; overflow-x: auto; padding: 1rem; background: #f2f5f9; color: #172b4d; border-radius: .5rem; }
.experience code, .experience input[readonly], .experience .technical { direction: ltr; unicode-bidi: isolate; }
.experience input[readonly] { text-align: left; }
.experience .table-responsive { max-width: 100%; }
.experience .table-responsive table { min-width: 36rem; overflow-wrap: normal; }
.experience .table-responsive td bdi { white-space: nowrap; }
.experience table caption { caption-side: top; color: #334155; }
.experience .text-muted { color: #526174 !important; }
.experience .text-warning { color: #805700 !important; }
.experience .text-success { color: #166534 !important; }
.experience a:not(.btn):not(.nav-link) { color: #1f509b; }
.experience .btn-primary, .experience-confirm .btn-primary { color: #fff; background-color: #264d91; border-color: #264d91; }
.experience .btn-primary:hover, .experience-confirm .btn-primary:hover { background-color: #1e3a70; border-color: #1e3a70; }
.experience .btn-outline-primary, .experience-confirm .btn-outline-primary { color: #264d91; border-color: #264d91; }
.experience .btn-outline-primary:hover, .experience-confirm .btn-outline-primary:hover { color: #fff; background-color: #264d91; }
.experience .btn-outline-danger { color: #9f1239; border-color: #9f1239; }
.experience .btn-outline-danger:hover { color: #fff; background-color: #9f1239; }
.experience .steps { padding-inline-start: 1.5rem; }
.experience .steps li { margin-block-end: 1rem; padding-inline-start: .35rem; }
.experience .help-links { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; }
.experience .progress { height: 1.25rem; }
.experience .progress-bar { min-width: 0; background-color: #264d91; }
.experience button, .experience .btn, .language-picker { min-height: 44px; }
.experience .action-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: .75rem; }
.experience .account-nav { position: sticky; top: 6rem; }
.experience .nav-link[aria-current="page"] { font-weight: 700; border-inline-start: 3px solid #264d91; background: #eef3fb; }
.experience a:not(.btn):not(.nav-link) { text-decoration: underline; text-underline-offset: .15em; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #315bbb !important; outline-offset: 3px; }
.skip-link { position: fixed; inset-inline-start: 1rem; top: -10rem; z-index: 1100; padding: .75rem 1rem; color: #fff; background: #172b4d; }
.skip-link:focus { top: 1rem; }
[hidden] { display: none !important; }
.experience-confirm { width: min(30rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow: auto; padding: 1.5rem; border: 2px solid #315bbb; border-radius: .75rem; color: #172b4d; background: #fff; }
.experience-confirm::backdrop { background: rgba(15, 23, 42, .6); }
.experience-confirm .action-row { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1.5rem; }
.experience-confirm button { min-height: 44px; }
.experience-confirm button:focus { outline: 3px solid #315bbb !important; outline-offset: 3px; }
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }
html[dir="rtl"] .dropdown-menu { text-align: right; }
html[dir="rtl"] .experience .nav-vertical { padding-right: 0; }
html[dir="rtl"] .experience th { text-align: right; }
@media (max-width: 767.98px) {
    .experience { padding-block-start: 6rem; }
    .experience .account-nav { position: static; }
    .experience .card { padding: 1.25rem !important; }
    .experience .table th, .experience .table td { padding-inline: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}