/* ===== Global link reset (prevent blue on hover) ===== */
a{
  text-decoration: none;
}

a:hover,
a:focus{
  text-decoration: none;
}

a:focus-visible{
  outline: 2px solid rgba(191,174,154,.55);
  outline-offset: 2px;
}

h1{ font-size: 28px; }
h2{ font-size: 22px; }
h3{ font-size: 18px; }

/* =========================
   Utility presets (spacing etc.)
   - mt10 / mb10 / pt10... like classes
   ========================= */

/* --- Margin Top --- */
.mt0{margin-top:0!important;}
.mt2{margin-top:2px!important;}
.mt4{margin-top:4px!important;}
.mt6{margin-top:6px!important;}
.mt8{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt12{margin-top:12px!important;}
.mt14{margin-top:14px!important;}
.mt16{margin-top:16px!important;}
.mt18{margin-top:18px!important;}
.mt20{margin-top:20px!important;}
.mt24{margin-top:24px!important;}
.mt28{margin-top:28px!important;}
.mt32{margin-top:32px!important;}
.mt40{margin-top:40px!important;}

/* --- Margin Bottom --- */
.mb0{margin-bottom:0!important;}
.mb2{margin-bottom:2px!important;}
.mb4{margin-bottom:4px!important;}
.mb6{margin-bottom:6px!important;}
.mb8{margin-bottom:8px!important;}
.mb10{margin-bottom:10px!important;}
.mb12{margin-bottom:12px!important;}
.mb14{margin-bottom:14px!important;}
.mb16{margin-bottom:16px!important;}
.mb18{margin-bottom:18px!important;}
.mb20{margin-bottom:20px!important;}
.mb24{margin-bottom:24px!important;}
.mb28{margin-bottom:28px!important;}
.mb32{margin-bottom:32px!important;}
.mb40{margin-bottom:40px!important;}

/* --- Margin Left / Right --- */
.ml0{margin-left:0!important;}
.ml4{margin-left:4px!important;}
.ml6{margin-left:6px!important;}
.ml8{margin-left:8px!important;}
.ml10{margin-left:10px!important;}
.ml12{margin-left:12px!important;}
.ml16{margin-left:16px!important;}
.ml20{margin-left:20px!important;}
.ml24{margin-left:24px!important;}
.ml-auto{margin-left:auto!important;}

.mr0{margin-right:0!important;}
.mr4{margin-right:4px!important;}
.mr6{margin-right:6px!important;}
.mr8{margin-right:8px!important;}
.mr10{margin-right:10px!important;}
.mr12{margin-right:12px!important;}
.mr16{margin-right:16px!important;}
.mr20{margin-right:20px!important;}
.mr24{margin-right:24px!important;}
.mr-auto{margin-right:auto!important;}

/* --- Margin X/Y --- */
.mx0{margin-left:0!important;margin-right:0!important;}
.mx4{margin-left:4px!important;margin-right:4px!important;}
.mx8{margin-left:8px!important;margin-right:8px!important;}
.mx10{margin-left:10px!important;margin-right:10px!important;}
.mx12{margin-left:12px!important;margin-right:12px!important;}
.mx16{margin-left:16px!important;margin-right:16px!important;}
.mx20{margin-left:20px!important;margin-right:20px!important;}
.mx24{margin-left:24px!important;margin-right:24px!important;}
.mx-auto{margin-left:auto!important;margin-right:auto!important;}

.my0{margin-top:0!important;margin-bottom:0!important;}
.my4{margin-top:4px!important;margin-bottom:4px!important;}
.my8{margin-top:8px!important;margin-bottom:8px!important;}
.my10{margin-top:10px!important;margin-bottom:10px!important;}
.my12{margin-top:12px!important;margin-bottom:12px!important;}
.my16{margin-top:16px!important;margin-bottom:16px!important;}
.my20{margin-top:20px!important;margin-bottom:20px!important;}
.my24{margin-top:24px!important;margin-bottom:24px!important;}

/* --- Padding Top --- */
.pt0{padding-top:0!important;}
.pt2{padding-top:2px!important;}
.pt4{padding-top:4px!important;}
.pt6{padding-top:6px!important;}
.pt8{padding-top:8px!important;}
.pt10{padding-top:10px!important;}
.pt12{padding-top:12px!important;}
.pt14{padding-top:14px!important;}
.pt16{padding-top:16px!important;}
.pt18{padding-top:18px!important;}
.pt20{padding-top:20px!important;}
.pt24{padding-top:24px!important;}
.pt32{padding-top:32px!important;}

/* --- Padding Bottom --- */
.pb0{padding-bottom:0!important;}
.pb2{padding-bottom:2px!important;}
.pb4{padding-bottom:4px!important;}
.pb6{padding-bottom:6px!important;}
.pb8{padding-bottom:8px!important;}
.pb10{padding-bottom:10px!important;}
.pb12{padding-bottom:12px!important;}
.pb14{padding-bottom:14px!important;}
.pb16{padding-bottom:16px!important;}
.pb18{padding-bottom:18px!important;}
.pb20{padding-bottom:20px!important;}
.pb24{padding-bottom:24px!important;}
.pb32{padding-bottom:32px!important;}

/* --- Padding Left / Right --- */
.pl0{padding-left:0!important;}
.pl4{padding-left:4px!important;}
.pl8{padding-left:8px!important;}
.pl10{padding-left:10px!important;}
.pl12{padding-left:12px!important;}
.pl16{padding-left:16px!important;}
.pl20{padding-left:20px!important;}
.pl24{padding-left:24px!important;}

.pr0{padding-right:0!important;}
.pr4{padding-right:4px!important;}
.pr8{padding-right:8px!important;}
.pr10{padding-right:10px!important;}
.pr12{padding-right:12px!important;}
.pr16{padding-right:16px!important;}
.pr20{padding-right:20px!important;}
.pr24{padding-right:24px!important;}

/* --- Padding X/Y --- */
.px0{padding-left:0!important;padding-right:0!important;}
.px6{padding-left:6px!important;padding-right:6px!important;}
.px8{padding-left:8px!important;padding-right:8px!important;}
.px10{padding-left:10px!important;padding-right:10px!important;}
.px12{padding-left:12px!important;padding-right:12px!important;}
.px16{padding-left:16px!important;padding-right:16px!important;}
.px20{padding-left:20px!important;padding-right:20px!important;}
.px24{padding-left:24px!important;padding-right:24px!important;}

.py0{padding-top:0!important;padding-bottom:0!important;}
.py6{padding-top:6px!important;padding-bottom:6px!important;}
.py8{padding-top:8px!important;padding-bottom:8px!important;}
.py10{padding-top:10px!important;padding-bottom:10px!important;}
.py12{padding-top:12px!important;padding-bottom:12px!important;}
.py16{padding-top:16px!important;padding-bottom:16px!important;}
.py20{padding-top:20px!important;padding-bottom:20px!important;}
.py24{padding-top:24px!important;padding-bottom:24px!important;}

/* --- Gap (for flex/grid containers) --- */
.gap4{gap:4px!important;}
.gap6{gap:6px!important;}
.gap8{gap:8px!important;}
.gap10{gap:10px!important;}
.gap12{gap:12px!important;}
.gap14{gap:14px!important;}
.gap16{gap:16px!important;}
.gap20{gap:20px!important;}
.gap24{gap:24px!important;}

/* --- Display helpers --- */
.d-block{display:block!important;}
.d-inline{display:inline!important;}
.d-inlineblock{display:inline-block!important;}
.d-flex{display:flex!important;}
.d-grid{display:grid!important;}
.hidden{display:none!important;}

/* --- Flex helpers --- */
.flex-row{flex-direction:row!important;}
.flex-col{flex-direction:column!important;}
.items-center{align-items:center!important;}
.items-start{align-items:flex-start!important;}
.items-end{align-items:flex-end!important;}
.justify-start{justify-content:flex-start!important;}
.justify-center{justify-content:center!important;}
.justify-end{justify-content:flex-end!important;}
.justify-between{justify-content:space-between!important;}
.flex-wrap{flex-wrap:wrap!important;}
.flex-nowrap{flex-wrap:nowrap!important;}

/* --- Text helpers --- */
.t-left{text-align:left!important;}
.t-center{text-align:center!important;}
.t-right{text-align:right!important;}
.small{font-size:12px!important;}
.muted{color:rgba(17,24,39,.62)!important;}
.text-muted {font-size: 12px;}

.helptext {font-size: 0.7rem; color: #888888;}

.container {font-size: 13px;}