/* Layout utilities (CIV-085). These were inline style="" attributes until
   2026-09-27; the CSP now refuses inline styles, so each value lives here.
   !important keeps the precedence the inline style had, the same convention
   Bootstrap's spacing utilities use. Values that are computed at render time
   are set through the CSSOM instead: see applyMeasures() in js/ui.js. */

.ai-baseline { align-items: baseline !important; }
.b-0 { border: 0 !important; }
.bg-bg-2 { background: var(--bg-2) !important; }
.bg-ember { background: var(--ember) !important; }
.bg-green { background: var(--green) !important; }
.bg-subtle { background: var(--subtle) !important; }
.bl4-ember { border-left: 4px solid var(--ember) !important; }
.bt-hair { border-top: 1px solid var(--hairline) !important; }
.c-amber { color: var(--amber) !important; }
.c-ember-2 { color: var(--ember-2) !important; }
.cols-240 { grid-template-columns: repeat(auto-fill,minmax(240px,1fr)) !important; }
.cols-260 { grid-template-columns: repeat(auto-fill,minmax(260px,1fr)) !important; }
.cols-300 { grid-template-columns: repeat(auto-fill,minmax(300px,1fr)) !important; }
.flex-1 { flex: 1 !important; }
.fs-12 { font-size: 12px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fw-600 { font-weight: 600 !important; }
.fw-800 { font-weight: 800 !important; }
.gap-14 { gap: 14px !important; }
.gap-24 { gap: 24px !important; }
.gap-6 { gap: 6px !important; }
.gap-7 { gap: 7px !important; }
.gap-8 { gap: 8px !important; }
.jc-between { justify-content: space-between !important; }
.jc-center { justify-content: center !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-14 { margin-bottom: 14px !important; }
.mb-16 { margin-bottom: 16px !important; }
.mb-18 { margin-bottom: 18px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-22 { margin-bottom: 22px !important; }
.mb-26 { margin-bottom: 26px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-36 { margin-bottom: 36px !important; }
.mb-6 { margin-bottom: 6px !important; }
.mb-7 { margin-bottom: 7px !important; }
.mb-8 { margin-bottom: 8px !important; }
.minw-260 { min-width: 260px !important; }
.ml-12 { margin-left: 12px !important; }
.mt-0 { margin-top: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mt-12 { margin-top: 12px !important; }
.mt-14 { margin-top: 14px !important; }
.mt-16 { margin-top: 16px !important; }
.mt-18 { margin-top: 18px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-32 { margin-top: 32px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-44 { margin-top: 44px !important; }
.mt-46 { margin-top: 46px !important; }
.mt-48 { margin-top: 48px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-52 { margin-top: 52px !important; }
.mt-56 { margin-top: 56px !important; }
.mt-6 { margin-top: 6px !important; }
.mt-7 { margin-top: 7px !important; }
.mt-8 { margin-top: 8px !important; }
.mt-n4 { margin-top: -4px !important; }
.mw-60ch { max-width: 60ch !important; }
.mw-70ch { max-width: 70ch !important; }
.mw-72ch { max-width: 72ch !important; }
.mw-74ch { max-width: 74ch !important; }
.mx-0 { margin-inline: 0 !important; }
.p-0 { padding: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-14 { padding-bottom: 14px !important; }
.pos-abs { position: absolute !important; }
.pos-static { position: static !important; }
.smt-96 { scroll-margin-top: 96px !important; }
.w-44 { width: 44px !important; }