/* Minimal layout/utilities to replace UI base basics across legacy templates */

*,
*::before,
*::after {
  box-sizing: border-box;
}

.container {
  width: min(1140px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.container-fluid {
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

[class^="col-"],
[class*=" col-"],
.col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}

.col { flex: 1 1 0; }
.col-1 { width: 8.333333%; }
.col-2 { width: 16.666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.333333%; }
.col-5 { width: 41.666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333%; }
.col-8 { width: 66.666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.333333%; }
.col-11 { width: 91.666667%; }
.col-12 { width: 100%; }

@media (min-width: 768px) {
  .col-md-1 { width: 8.333333%; }
  .col-md-2 { width: 16.666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.333333%; }
  .col-md-5 { width: 41.666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.333333%; }
  .col-md-8 { width: 66.666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.333333%; }
  .col-md-11 { width: 91.666667%; }
  .col-md-12 { width: 100%; }
}

.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.d-block { display: block; }
.d-inline-block { display: inline-block; }
.d-none { display: none !important; }

.flex-wrap { flex-wrap: wrap; }
.flex-column { flex-direction: column; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.align-items-start { align-items: flex-start; }

.text-center { text-align: center; }
.text-end { text-align: right; }
.text-start { text-align: left; }

.w-100 { width: 100%; }
.w-50 { width: 50%; }
.mx-auto { margin-left: auto; margin-right: auto; }
.ms-auto { margin-left: auto; }
.me-auto { margin-right: auto; }

.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }

.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 1rem; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.ms-1 { margin-left: 0.25rem; }
.ms-2 { margin-left: 0.5rem; }
.me-1 { margin-right: 0.25rem; }
.me-2 { margin-right: 0.5rem; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 1rem; }
.pt-2 { padding-top: 0.5rem; }
.pb-2 { padding-bottom: 0.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }

.small { font-size: 0.875rem; }
.fw-bold { font-weight: 700; }
.fw-semibold { font-weight: 600; }
.text-muted { color: var(--color-text-muted); }
.text-danger { color: var(--color-critical-red); }

.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.top-0 { top: 0; }
.top-50 { top: 50%; }
.start-50 { left: 50%; }
.translate-middle { transform: translate(-50%, -50%); }

.rounded { border-radius: 8px; }
.rounded-circle { border-radius: 50%; }
.border { border: 1px solid var(--color-border-light); }

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 0.65rem;
  border-bottom: 1px solid var(--color-border-soft);
}

.badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.15rem 0.45rem;
  font-size: 0.75rem;
}

.bg-secondary { background: var(--color-text-muted); color: var(--color-bg-base); }
.bg-danger { background: var(--color-critical-red); color: var(--color-bg-base); }
.bg-light { background: var(--color-bg-soft); color: var(--color-text-primary); }

.form-control,
.form-select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: 0.45rem 0.7rem;
  background: var(--color-bg-base);
}

.form-control:focus,
.form-select:focus {
  outline: none;
  border-color: var(--color-cta-orange-secondary);
}

.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 120;
  background: rgba(11, 16, 32, 0.45);
}

.modal.show {
  display: block;
}

.modal-dialog {
  width: min(94vw, 720px);
  margin: 4vh auto;
}

.modal-content {
  background: var(--color-bg-base);
  border-radius: 14px;
  border: 1px solid var(--color-border-subtle);
  overflow: hidden;
}

.modal-header,
.modal-footer {
  padding: 0.8rem 1rem;
}

.modal-body {
  padding: 0.9rem 1rem;
}
/* Base controls used by existing templates. All colors come from the site palette. */
body { margin: 0; line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button, [role="button"] { cursor: pointer; }
button:disabled, .btn.disabled { cursor: default; opacity: .65; }
img, svg { vertical-align: middle; }
p { margin-top: 0; margin-bottom: 1rem; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; line-height: 1.2; }
:where(h1, .h1) { font-size: 2.5rem; } :where(h2, .h2) { font-size: 2rem; } :where(h3, .h3) { font-size: 1.75rem; }
:where(h4, .h4) { font-size: 1.5rem; } :where(h5, .h5) { font-size: 1.25rem; } :where(h6, .h6) { font-size: 1rem; }
a { color: var(--color-brand-blue); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; border: 1px solid transparent; text-decoration: none; line-height: 1.5; cursor: pointer; }
.btn-sm { padding: .25rem .5rem; font-size: .875rem; }
.btn-lg { padding: .5rem 1rem; font-size: 1.25rem; }
.btn-light { background: var(--color-bg-soft); color: var(--color-text-primary); border-color: var(--color-border-light); }
.btn-link { color: var(--color-brand-blue); background: transparent; }
.btn-outline-danger { color: var(--color-critical-red); border-color: currentColor; background: transparent; }
.btn-outline-danger:hover { color: var(--color-bg-base); background: var(--color-critical-red); }
.btn-close { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: inherit; }
.btn-close::before { content: '×'; font-size: 1.5rem; line-height: 1; }
.btn-group { display: inline-flex; gap: .25rem; }
.card { display: flex; flex-direction: column; min-width: 0; background: var(--color-bg-base); border: 1px solid var(--color-border-light); border-radius: .5rem; }
.card-body { flex: 1 1 auto; padding: 1rem; }
.card-header, .card-footer { padding: .5rem 1rem; background: var(--color-bg-soft); }
.card-header { border-bottom: 1px solid var(--color-border-soft); }
.card-footer { border-top: 1px solid var(--color-border-soft); }
.card-title { margin-bottom: .5rem; }
.alert { position: relative; padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--color-border-light); border-radius: .5rem; background: var(--color-bg-soft); }
.alert-danger { color: var(--color-critical-red); border-color: currentColor; }
.alert-warning { background: var(--color-bg-panel); border-color: var(--color-highlight-yellow); }
.alert-info, .alert-primary { color: var(--color-brand-blue); }
.alert-success { color: var(--color-success, var(--color-brand-blue-dark)); }
.alert-dismissible { padding-right: 3rem; }
.alert-dismissible > .btn-close { position: absolute; right: .5rem; top: .5rem; }
.form-label { display: inline-block; margin-bottom: .5rem; }
.form-text { margin-top: .25rem; font-size: .875rem; color: var(--color-text-muted); }
.form-control-sm, .form-select-sm { min-height: 31px; padding: .25rem .5rem; font-size: .875rem; }
.form-control:disabled, .form-select:disabled, .form-control[readonly] { background: var(--color-bg-soft-alt); }
.form-check { display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.form-check .form-check-input { float: left; margin-left: -1.5rem; }
.form-check-input { width: 1em; height: 1em; margin-top: .25em; accent-color: var(--color-brand-blue); }
.form-check-inline { display: inline-block; margin-right: 1rem; }
.input-group { display: flex; align-items: stretch; flex-wrap: wrap; width: 100%; }
.input-group > .form-control, .input-group > .form-select { flex: 1 1 auto; width: 1%; min-width: 0; }
.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; border: 1px solid var(--color-border-light); background: var(--color-bg-soft); }
.invalid-feedback { color: var(--color-critical-red); font-size: .875rem; }
.is-invalid { border-color: var(--color-critical-red); }
.table { vertical-align: top; margin-bottom: 1rem; }
.table th { text-align: inherit; }
.table-sm th, .table-sm td { padding: .3rem; }
.table-bordered th, .table-bordered td { border: 1px solid var(--color-border-soft); }
.table-striped tbody tr:nth-child(odd) { background: var(--color-bg-soft); }
.table-hover tbody tr:hover { background: var(--color-bg-hover); }
.table-light { background: var(--color-bg-soft); }
.table-dark { background: var(--color-text-primary); color: var(--color-bg-base); }
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-link { display: block; padding: .5rem 1rem; text-decoration: none; }
.nav-link.active { color: var(--color-cta-orange-primary); }
.nav-tabs { border-bottom: 1px solid var(--color-border-light); }
.nav-tabs .nav-link.active { background: var(--color-bg-base); border: 1px solid var(--color-border-light); border-bottom-color: transparent; }
.nav-pills .nav-link.active { background: var(--color-brand-blue); color: var(--color-bg-base); border-radius: .5rem; }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }
.dropdown, .dropup { position: relative; }
.dropdown-menu { display: none; position: absolute; z-index: 100; min-width: 10rem; padding: .5rem 0; margin: 0; list-style: none; background: var(--color-bg-base); border: 1px solid var(--color-border-light); border-radius: .5rem; }
.dropdown-menu.show { display: block; }
.dropdown-menu-end { right: 0; }
.dropdown-item { display: block; width: 100%; padding: .25rem 1rem; color: var(--color-text-primary); background: transparent; border: 0; text-decoration: none; white-space: nowrap; }
.dropdown-item:hover { background: var(--color-bg-hover); }
.dropdown-divider { border: 0; border-top: 1px solid var(--color-border-soft); margin: .5rem 0; }
.dropdown-toggle::after { content: '▾'; margin-left: .3rem; }
.collapse:not(.show) { display: none; }
.accordion-item { border: 1px solid var(--color-border-light); border-radius: .5rem; }
.accordion-button { width: 100%; padding: 1rem; text-align: left; border: 0; background: var(--color-bg-soft); color: inherit; }
.accordion-body { padding: 1rem; }
.list-group { display: flex; flex-direction: column; padding: 0; list-style: none; }
.list-group-item { display: block; padding: .5rem 1rem; background: var(--color-bg-base); border: 1px solid var(--color-border-soft); }
.list-group-item.active { background: var(--color-brand-blue); color: var(--color-bg-base); }
.navbar { display: flex; align-items: center; flex-wrap: wrap; padding: .5rem; }
.navbar > .container, .navbar > .container-fluid { display: flex; align-items: center; justify-content: space-between; flex-wrap: inherit; }
.navbar-nav { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; }
.navbar-collapse { flex-grow: 1; flex-basis: 100%; }
.navbar-toggler { border: 1px solid var(--color-border-light); border-radius: .5rem; background: transparent; padding: .25rem .75rem; }
.navbar-toggler-icon::before { content: '☰'; }
@media(min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex; flex-basis: auto; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-toggler { display: none; } }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.text-white { color: var(--color-bg-base); } .text-primary { color: var(--color-brand-blue); }
.text-warning { color: var(--color-cta-orange-primary); } .text-secondary { color: var(--color-text-muted); }
.bg-primary, .bg-info { background: var(--color-brand-blue); color: var(--color-bg-base); }
.bg-warning { background: var(--color-highlight-yellow); color: var(--color-text-primary); }
.bg-success { background: var(--color-success, var(--color-brand-blue-dark)); color: var(--color-bg-base); }
.bg-white { background: var(--color-bg-base); } .bg-dark { background: var(--color-text-primary); color: var(--color-bg-base); }
.border-0 { border: 0 !important; } .rounded-pill { border-radius: 999px; }
.border-top { border-top: 1px solid var(--color-border-soft); } .border-bottom { border-bottom: 1px solid var(--color-border-soft); }
.shadow-sm { box-shadow: 0 1px 3px var(--color-border-soft); } .shadow { box-shadow: 0 3px 10px var(--color-border-soft); }
.text-decoration-none { text-decoration: none; } .text-nowrap { white-space: nowrap; }
.text-break { overflow-wrap: break-word; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.align-middle { vertical-align: middle !important; } .align-top { vertical-align: top !important; }
.fw-normal { font-weight: 400; } .fst-italic { font-style: italic; }
.h-100 { height: 100%; } .min-vh-100 { min-height: 100vh; } .vh-100 { height: 100vh; }
.flex-fill { flex: 1 1 auto; } .flex-grow-1 { flex-grow: 1; } .flex-shrink-0 { flex-shrink: 0; }
.sticky-top { position: sticky; top: 0; z-index: 100; }

/* Spacing and responsive layout used by current templates. */
.row{--grid-gap-x:1rem;--grid-gap-y:0;margin-left:calc(var(--grid-gap-x) / -2);margin-right:calc(var(--grid-gap-x) / -2);row-gap:var(--grid-gap-y)}
.row > *{padding-left:calc(var(--grid-gap-x) / 2);padding-right:calc(var(--grid-gap-x) / 2)}
.align-items-center{align-items:center}
.align-items-end{align-items:flex-end}
.col-1{flex:0 0 auto;width:8.333333%}
.col-12{flex:0 0 auto;width:100.000000%}
.col-2{flex:0 0 auto;width:16.666667%}
.col-3{flex:0 0 auto;width:25.000000%}
.col-4{flex:0 0 auto;width:33.333333%}
.col-5{flex:0 0 auto;width:41.666667%}
.col-6{flex:0 0 auto;width:50.000000%}
.col-8{flex:0 0 auto;width:66.666667%}
.col-9{flex:0 0 auto;width:75.000000%}
.col-auto{flex:0 0 auto;width:auto}
.d-block{display:block !important}
.d-flex{display:flex !important}
.d-grid{display:grid !important}
.d-inline-block{display:inline-block !important}
.d-inline-flex{display:inline-flex !important}
.d-none{display:none !important}
.flex-column{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.g-2{--grid-gap-x:.5rem;--grid-gap-y:.5rem}
.g-3{--grid-gap-x:1rem;--grid-gap-y:1rem}
.g-4{--grid-gap-x:1.5rem;--grid-gap-y:1.5rem}
.gap-0{gap:0}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:1rem}
.gap-4{gap:1.5rem}
.justify-content-between{justify-content:space-between}
.justify-content-center{justify-content:center}
.justify-content-end{justify-content:flex-end}
.justify-content-start{justify-content:flex-start}
.m-3{margin:1rem !important}
.m-4{margin:1.5rem !important}
.mb-0{margin-bottom:0 !important}
.mb-1{margin-bottom:.25rem !important}
.mb-2{margin-bottom:.5rem !important}
.mb-3{margin-bottom:1rem !important}
.mb-4{margin-bottom:1.5rem !important}
.mb-5{margin-bottom:3rem !important}
.me-1{margin-right:.25rem !important}
.me-2{margin-right:.5rem !important}
.me-3{margin-right:1rem !important}
.me-4{margin-right:1.5rem !important}
.me-auto{margin-right:auto !important}
.mr-2{margin-right:.5rem !important}
.ms-1{margin-left:.25rem !important}
.ms-2{margin-left:.5rem !important}
.ms-3{margin-left:1rem !important}
.ms-auto{margin-left:auto !important}
.mt-1{margin-top:.25rem !important}
.mt-2{margin-top:.5rem !important}
.mt-3{margin-top:1rem !important}
.mt-4{margin-top:1.5rem !important}
.mt-5{margin-top:3rem !important}
.mt-auto{margin-top:auto !important}
.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}
.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}
.mx-3{margin-left:1rem !important;margin-right:1rem !important}
.mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}
.mx-auto{margin-left:auto !important;margin-right:auto !important}
.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}
.my-3{margin-top:1rem !important;margin-bottom:1rem !important}
.my-5{margin-top:3rem !important;margin-bottom:3rem !important}
.p-0{padding:0 !important}
.p-1{padding:.25rem !important}
.p-2{padding:.5rem !important}
.p-3{padding:1rem !important}
.p-4{padding:1.5rem !important}
.p-5{padding:3rem !important}
.pb-0{padding-bottom:0 !important}
.pb-2{padding-bottom:.5rem !important}
.pb-4{padding-bottom:1.5rem !important}
.pb-5{padding-bottom:3rem !important}
.pe-4{padding-right:1.5rem !important}
.pl-3{padding-left:1rem !important}
.ps-4{padding-left:1.5rem !important}
.pt-1{padding-top:.25rem !important}
.pt-3{padding-top:1rem !important}
.pt-4{padding-top:1.5rem !important}
.pt-5{padding-top:3rem !important}
.px-3{padding-left:1rem !important;padding-right:1rem !important}
.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}
.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}
.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}
.py-3{padding-top:1rem !important;padding-bottom:1rem !important}
.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}
.py-5{padding-top:3rem !important;padding-bottom:3rem !important}
@media(min-width:576px){.col-sm-4{flex:0 0 auto;width:33.333333%}}
@media(min-width:576px){.col-sm-8{flex:0 0 auto;width:66.666667%}}
@media(min-width:768px){.align-items-md-center{align-items:center}}
@media(min-width:768px){.col-md-1{flex:0 0 auto;width:8.333333%}}
@media(min-width:768px){.col-md-10{flex:0 0 auto;width:83.333333%}}
@media(min-width:768px){.col-md-12{flex:0 0 auto;width:100.000000%}}
@media(min-width:768px){.col-md-2{flex:0 0 auto;width:16.666667%}}
@media(min-width:768px){.col-md-3{flex:0 0 auto;width:25.000000%}}
@media(min-width:768px){.col-md-4{flex:0 0 auto;width:33.333333%}}
@media(min-width:768px){.col-md-5{flex:0 0 auto;width:41.666667%}}
@media(min-width:768px){.col-md-6{flex:0 0 auto;width:50.000000%}}
@media(min-width:768px){.col-md-7{flex:0 0 auto;width:58.333333%}}
@media(min-width:768px){.col-md-8{flex:0 0 auto;width:66.666667%}}
@media(min-width:768px){.d-md-block{display:block !important}}
@media(min-width:768px){.d-md-flex{display:flex !important}}
@media(min-width:768px){.d-md-inline{display:inline !important}}
@media(min-width:768px){.d-md-none{display:none !important}}
@media(min-width:768px){.flex-md-nowrap{flex-wrap:nowrap}}
@media(min-width:768px){.flex-md-row{flex-direction:row}}
@media(min-width:768px){.justify-content-md-center{justify-content:center}}
@media(min-width:768px){.justify-content-md-end{justify-content:flex-end}}
@media(min-width:768px){.mb-md-0{margin-bottom:0 !important}}
@media(min-width:768px){.me-md-2{margin-right:.5rem !important}}
@media(min-width:768px){.mt-md-0{margin-top:0 !important}}
@media(min-width:768px){.mt-md-4{margin-top:1.5rem !important}}
@media(min-width:768px){.mx-md-2{margin-left:.5rem !important;margin-right:.5rem !important}}
@media(min-width:768px){.offset-md-2{margin-left:16.666667%}}
@media(min-width:768px){.p-md-5{padding:3rem !important}}
@media(min-width:768px){.px-md-4{padding-left:1.5rem !important;padding-right:1.5rem !important}}
@media(min-width:992px){.col-lg-10{flex:0 0 auto;width:83.333333%}}
@media(min-width:992px){.col-lg-2{flex:0 0 auto;width:16.666667%}}
@media(min-width:992px){.col-lg-3{flex:0 0 auto;width:25.000000%}}
@media(min-width:992px){.col-lg-4{flex:0 0 auto;width:33.333333%}}
@media(min-width:992px){.col-lg-5{flex:0 0 auto;width:41.666667%}}
@media(min-width:992px){.col-lg-6{flex:0 0 auto;width:50.000000%}}
@media(min-width:992px){.col-lg-7{flex:0 0 auto;width:58.333333%}}
@media(min-width:992px){.col-lg-8{flex:0 0 auto;width:66.666667%}}
@media(min-width:992px){.d-lg-inline{display:inline !important}}
@media(min-width:992px){.px-lg-4{padding-left:1.5rem !important;padding-right:1.5rem !important}}
@media(min-width:1200px){.col-xl-2{flex:0 0 auto;width:16.666667%}}
@media(min-width:1200px){.col-xl-3{flex:0 0 auto;width:25.000000%}}
@media(min-width:1200px){.col-xl-6{flex:0 0 auto;width:50.000000%}}
@media(min-width:1200px){.col-xl-9{flex:0 0 auto;width:75.000000%}}
/* Existing per-page theme overrides use project-owned variables. */
.nav-link { color: var(--ui-nav-link-color, var(--color-brand-blue)); }
.nav-link:hover { color: var(--ui-nav-link-hover-color, var(--color-brand-blue-dark)); }
.nav-tabs { border-color: var(--ui-nav-tabs-border-color, var(--color-border-light)); }
.nav-tabs .nav-link.active { color: var(--ui-nav-tabs-link-active-color, var(--color-cta-orange-primary)); border-color: var(--ui-nav-tabs-link-active-border-color, var(--color-border-light)); }

.text-uppercase { text-transform: uppercase; }
.form-switch { padding-left: 2.75em; }
.form-switch .form-check-input {
  appearance: none; width: 2.25em; height: 1.25em; margin-left: -2.75em;
  border: 1px solid var(--color-border-light); border-radius: 999px;
  background-color: var(--color-bg-soft-alt); position: relative; cursor: pointer;
  transition: background-color .15s ease;
}
.form-switch .form-check-input::before {
  content: ''; position: absolute; width: .85em; height: .85em; top: .13em; left: .14em;
  border-radius: 50%; background: var(--color-text-muted); transition: transform .15s ease;
}
.form-switch .form-check-input:checked { background-color: var(--color-brand-blue); border-color: var(--color-brand-blue); }
.form-switch .form-check-input:checked::before { transform: translateX(1em); background: var(--color-bg-base); }
.form-switch .form-check-input:focus-visible { outline: 2px solid var(--color-brand-blue); outline-offset: 2px; }