/* ADA Style Updates - MDD - 2026-03-09 */

/* Screen Reader Styles - must haves */
  /*
	Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/
  */

  .sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
  }

  /*
	Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links 
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732
  */
  .sr-only-focusable:focus,
  .sr-only-focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
		clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
  }

  /* Bypass Block Styles - Keyboard Only Navigation and other Assistive Technology */
  .skip-link:focus, .skip-link:active {		
	cursor: pointer;
	padding: 13px 26px !important;
    border-radius: 300px !important;
    font-weight: 700;
    font-style: normal;	
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.2em;
	font-size: 11px;
	line-height: 13px;  
	text-align: left;
	border: #00008B 2px solid !important; 
	outline: none !important;
	background-color: white !important;
	color: #00008B;    
	transition: 0.4s;
	top: 20px;
	left: 20px;
	z-index: 100100;
	/*box-shadow: inset 0 0 2px 1px rgba(46,49,146, 0.9), inset 0 0 3px 0 rgba(46,49,146, 0.6), inset 0 0 5px 0 rgba(46,49,146, 0.2), 0 0 2px 2px rgba(255,255,255, 0.8);*/
  }
  /* Theme specific styles adjusted */
body {
	min-height: 100%;
    display: flex;
    flex-direction: column;
	width: 100%;
	font-size: 16px;
}
a:link, a:visited {
    text-decoration: underline;
	color: #00008B;
}
#tabs ul li a:link, #tabs ul li a:visited {
    text-decoration: none;
	color: #4f4f4f;
}
#tabs ul li.tab-current a:link, #tabs ul li.tab-current a:visited {
    text-decoration: none;
	color: #00008b;
}

.cbp-hrmenu > ul > li > a {
    color: #686868; 
    text-decoration: none;   
}

.small-footer a:link, .small-footer a:visited {
	color: #FFFFFF;
}

  /*setup items that receive focus and not class set borders 
:is(a, button, input, textarea, select, summary, [tabindex="0"]){
    border: 1px solid transparent;
}*/
  
/* A general focus style for older browsers that don't support :focus-visible */
:is(a, button, input, textarea, select, summary, [tabindex="0"]):focus {
  outline: 2px solid blue;
}

/* Styles that only apply when focus is visible (keyboard navigation) */
:is(a, button, input, textarea, select, summary, [tabindex="0"]):focus-visible {
  outline: 2px #FA8C00 solid !important;
  border: 2px solid #00008B;
  /* Add other unique styles like background change, etc. */
}


/* Optional: hide focus for mouse clicks where appropriate, while keeping for keyboard */
/* This specific combo is useful for differentiating input device styles */
:is(a, button, input, textarea, select, summary, [tabindex="0"]):focus:not(:focus-visible) {
  outline: none !important;  
  box-shadow: 1px 1px 5px rgba(1, 1, 0, .7); /* subtle visual cue for mouse users */
}
.img-link:focus, .img-link:focus-visible, .ep-menu-link:focus, .ep-menu-link:focus-visible {
    border: 0;
    outline: 0 !important;
    box-shadow: none !important;
}
.img-link:focus-visible img {
    border: 2px solid #FA8C00 !important;
    outline: 2px #00008B solid !important;    
}


input[type="text"]:focus,input[type="email"]:focus, textarea:focus {
    box-shadow: inset 0 0 10px #FA8C00, 0 0 15px #FA8C00; /* Multiple shadows for a stronger glow */
}

.danger {
    color: #C10000 !important;
}
.bg-danger {
    background: #C10000 !important;
}
.bg-warning {
    background: #FA8C00;
}
/* New utility class for dark blue text */
.text-blue {
    color: #00008B !important;
}
.text-black {
    color: #000000;
}
.small-footer .firstone {
	color: #f5f5f5;
}

.notification {
    background-color: rgba(193, 0, 0, 0.108);
    color: #C10000;
}

.required {
	color: #C10000 !important;
}
 .form-button {
	color: #ffffff !important;
    background: #85345D;
    border: 2px solid #85345D;
	text-decoration: none !important;
	border-radius: 0.375rem;
}
.form-button span {
	color: #ffffff !important;
    background: transparent;    
	text-decoration: none !important;
}
.form-button:hover, .form-button:focus {
	color: #85345D !important;
    background: #ffffff;
    border: 2px solid #85345D;
	text-decoration: none !important;
}
.form-button:hover span, .form-button:focus span{ 
	color: #85345D !important;
    background: transparent;
    border: none;
	text-decoration: none !important;
}

.data-table-horizontal th {
	background: #686868;
}

.icnSpacing {
    text-decoration: none !important;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 78%;
    display: inline-block; /* ADDED: allows CSS transforms to work */
    transition: transform 0.3s ease-in-out; /* Smooth rotation */
}

/* Replaced typo-ridden rules with clean targeting */
.upArrw {
    transform: rotate(0deg);
}
.dwnArrw {
    transform: rotate(180deg);
}
/* SVGs - Base Sizing */
.epic-svg-ext { height: 16px; width: 16px; margin-bottom: -3px; }
.epic-svg-pdf { height: 16px; width: 16px; margin-bottom: -3px; }
.epic-icon.angle-down-icon { height: 16px; width: 16px; margin-bottom: -4px; }
.epic-icon.angle-up-icon, .epic-icon.angle-icon { height: 16px; width: 16px; margin-bottom: -4px; }
.epic-icon.bars-icon { height: 16px; width: 16px; margin-bottom: -3px; }
.epic-icon.xmark-icon { height: 16px; width: 16px; margin-bottom: -3px; }

/* Default Base Fills (Desktop) */
.epic-svg-ext path, .epic-svg-pdf path { fill: #0F0F0F; }
.epic-icon.angle-down-icon path, .epic-icon.angle-up-icon path, .epic-icon.angle-icon path { fill: #0f0f0f; }
.epic-icon.bars-icon path, .epic-icon.xmark-icon path { fill: #0f0f0f; }

/* Desktop Submenu States */
.cbp-hropen .epic-icon.angle-down-icon path,
.cbp-hropen .epic-icon.angle-up-icon path,
.cbp-hropen .epic-icon.angle-icon path {
	fill: #ffffff;
}
.cbp-hrsub .epic-svg-ext path, .cbp-hrsub .epic-svg-pdf path {
	fill: #FFFFFF;
}

/* ==========================================================================
   Mobile Menu SVG Color Overrides
   ========================================================================== */

/* 1. Mobile Menu Toggle Button (Bars) */
.btn-secondary .epic-icon.bars-icon path {
    fill: #ffffff; /* White bars on dark grey default background */
}
.btn-secondary:hover .epic-icon.bars-icon path, 
.btn-secondary:focus .epic-icon.bars-icon path {
    fill: #686868; /* Dark grey bars on white hover/focus background */
}

/* 2. Mobile Menu Open State (Dark Canvas) */
.offcanvas .epic-icon.angle-down-icon path, 
.offcanvas .epic-icon.angle-up-icon path, 
.offcanvas .epic-icon.angle-icon path {
    fill: #ffffff; /* Forces all angle icons white on the dark grey menu */
}

/* 3. Close Button (X-Mark) */
.btn-close .epic-icon.xmark-icon path {
    fill: #ffffff; /* White X on dark grey header */
}
.btn-close:hover .epic-icon.xmark-icon path,
.btn-close:focus .epic-icon.xmark-icon path {
    fill: #FA8C00; /* Orange X to match your focus outline */
}
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner

 {
    /* width: 100%; */
    max-width: 70em; /* 1120px */
    
}
.cbp-hrmenu > ul {
	max-width: 710px; /* 960-250px */
}
.cbp-hrmenu > ul > li > a {
	padding: 1em 2px;
}
.cbp-hrmenu .cbp-hrsub {
    
    background: #4f4f4f;    
    z-index: 100000000001;
    opacity: 1;
}
.side-menu ul li a {
	background: #FFFFFF;
	color: #686868;
}
.sidebar-left ul.side-menu li.active a,
.side-menu ul li a:hover, .side-menu ul li a:focus {
	color: #00008B;
}
.submenu-title, .submenu-title cufontext {
	color: #686868;
}
.header-inner cufontext {
	color: #FFFFFF;
}
.btn {
  display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-sm {
	padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}
.btn-primary {
	color: #ffffff !important;
    background-color: #00008B;
    border-color: #00008B;
	text-decoration: none !important;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #ffffff;
    border-color: #00008B;
	color: #00008B !important;
	text-decoration: none !important;
}
.btn-secondary {
	color: #ffffff !important;
    background-color: #686868;
    border-color: #686868;
	text-decoration: none !important;
}
.btn-secondary:hover, .btn-secondary:focus {
	background-color: #ffffff;
    border-color: #686868;
	color: #686868 !important;
	text-decoration: none !important;
}
.btn-close {
    font-size: 1.25rem;
    padding: 0.25em 0.25em;
	margin: 0.5rem;
    color: #ffffff;
	background: transparent;
	border: 2px solid transparent;
    /*background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    /*filter: var(--bs-btn-close-filter);*/
    border: 0;
    border-radius: 0.375rem;
    opacity: 1;
}
.btn-close:hover, .btn-close:focus {
	color: #FA8C00;
	background: transparent;
	
}
.btn-close:focus {
	outline:#FA8C00 2px solid;
	border: 2px solid #FFFFFF;
}
.text-center {
	text-align: center !important;
}
.logo-home-link {
	width: 100%;
	height: auto;
	max-width: 250px;
	max-height: 69px;
}
.h5 {
	margin: 0.5rem;
	font-size: 1.25rem;
	font-weight: 700;
	color:#afdefa;
}
.d-none, .d-md-block {
	display: none;
}
.d-block, .d-md-none {
	display: block;
}
.offcanvas-body, .offcanvas-header, .offcanvas-title {
	visibility: hidden;
	display: none;
}

.show .offcanvas-body, .show .offcanvas-header, .show .offcanvas-title {
	visibility: visible;
	display: block;
}
.full-width {
	width: 100%;
	max-width: 960px;
	min-width: unset;
}
.full-width .one-third
 {
    width: calc(33.333333% - 20px);
	/*max-width: 250px;*/
    
}
.full-width .two-third-last {
    width: calc(66.666666% - 20px);
	/*max-width: 690px;*/
}
/* max width is less than 992px */
@media screen and (max-width: 991.98px){
	.offcanvas.show {
		position: absolute;
		top: 25px;
    	right: 0;
    	left: 25px;		
    	border-left: 2px solid rgba(0, 0, 0, 0.175);    
		background: #4f4f4f;
    	z-index: 1000000001;
    	opacity: 1;
		color: #FFFFFF;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.cbp-hrmenu>ul {
		display: flex;
		flex-direction: column !important;
	}
	.cbp-hrmenu>ul>li>a {
		color: #FFFFFF;
	}
	.cbp-hrmenu>ul>li>a:hover, .cbp-hrmenu>ul>li>a:focus {
		color: #afdefa;
	}
	.cbp-hrmenu .cbp-hrsub {
		background: #4f4f4f;
		border: 1px solid #333333;
	}
    .cbp-hrmenu .cbp-hrsub-inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly !important;
		width: 100%;
		max-width: unset;
	}
	.cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after
    {
      content: " ";
      display: unset;
    }
	.cbp-hrmenu .cbp-hrsub-inner > div {
    	width: 100%;
		max-width: 250px !important;
    	float: unset;
    	padding: 0 0.5rem;
	}
}
@media screen and (max-width: 767.98px){
	.cbp-hrmenu .cbp-hrsub-inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly !important;
		width: 100%;
		max-width: unset;
	}
	.cbp-hrmenu .cbp-hrsub-inner > div {
    	width: 100%;
		max-width: 350px !important;
    	float: unset;
    	padding: 0 0.5rem;
	}
}
@media screen and (max-width: 575.98px){
	.cbp-hrmenu .cbp-hrsub-inner {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-evenly !important;
		width: 100%;
		max-width: unset;
	}
	.cbp-hrmenu .cbp-hrsub-inner > div {
    	width: 100%;
		max-width: 400px !important;
    	float: unset;
    	padding: 0 0.5rem;
	}
}
/* larger than or equal to 992px */
@media screen and (min-width: 992px) {
	.full-width .two-third-last {
    /*width: calc(66.666666% - 20px);*/
		width: 690px; /* Changed back from 710px */
     }
	 .full-width .one-third
 	{
    	/*width: calc(33.333333% - 20px);*/
		width: 250px;
    
	}
	.d-md-none {
		display: none;
	}
	.d-md-block {
		display: block;
	}
	.offcanvas-header {
		display: none;
		visibility: hidden;
	}
	.offcanvas-body {
		visibility: visible;
		display: block;
	}
	
	.cbp-hrmenu > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between; 
    }
    
    .cbp-hrmenu > ul > li {
        white-space: nowrap; 
    }
}
.upArrw, .upArrw i {
	transform: rotate(0deg);
}
.dwnArrw, .upArrw i {
	transform: rotate(180deg);
}
.cbp-hrmenu > ul > li > a {
    font-weight: 700 !important;
}

.ep-white-bg {
	padding-top: 10px;
    padding-bottom: 10px;	
    background: #ffffff;
}
.ep-spacer .ep-white-bg {
	margin-bottom: 56px;
}
.half-width {
	width: 100%;
	max-width: 460px;
	padding: 16px;
	border: #ccc solid 1px;
	background: #f5f5f5;
	margin: 10px;
}
.epic {
	padding: 16px;
}
.epic ul {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 20px;
}
.ep-content h2, .epic h2 {
	font-size: 18px;
	color: #333;
}
.ep-content p {
	font-size: 14px;

}
.justify-content-center
{
    justify-content: center !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.justify-content-between
{
    justify-content: space-between !important;
}
.justify-content-evenly {
    justify-content: space-evenly !important;
}
.flex-wrap
{
    flex-wrap: wrap !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.d-flex {
    display: flex !important;
}
/* Style Details/Summary */
	 details.trans {
  user-select: none;  
}

details.trans>summary span.icon {
  
  transition: all 0.3s;
  margin-left: auto;
 /* margin-left: 15px;*/
  
		
  transform: rotate(0deg);
}
	details.trans>summary span.icon:before {	
  width: 26px;
  height: 26px;  
  transition: all 0.3s;
  
	font-size: 26px;
    /*right: -5px;*/
    color: #000000 !important;
    
  transform: rotate(0deg);
}


details[open].trans summary span.icon, details.trans>summary span.icon:before {
  transform: rotate(180deg);
}

.trans summary {
  display: flex;
  cursor: pointer;
}

.trans summary::-webkit-details-marker {
  display: none;
}

.transCntntWrap {
	padding: 0 !important;	
}
  .transCntntWrap h4, .transCntntWrap .h5 {
   color: #000000;
   font-weight: 700;
   
  }
    /*.transCntntWrap p {		
    font-size: 1.1rem;
    line-height: 1.66;
    letter-spacing: 0px;
    color: #343434;
        }
	.transCntntWrap p small {
		font-size: 0.875rem;
	}*/

.transBtn {
    position: relative;
    padding: 0.35rem 0.5rem;
    background: #fff !important;
    color: #000 !important;
    font-size: 12px;
    /*margin-bottom: 10px !important;*/
    margin-top: 0px;    
	border: 1px solid rgba(0, 0, 0, .125);
	font-weight: 700;

}
.transBtn:hover, .transBtn:focus {	
	color: #686868 !important;	
	background-color: rgba(0, 0, 0, .03); 
}
details[open].trans summary {
	border-bottom: 2px solid rgba(0, 0, 0, .125);
}
.video-transcript-1 {	
    background-color: #FFFFFF !important; 
	padding: 0;
	margin: 0;
	
}
.card-wrapper {
	padding: 0;
	margin: 0;
	margin-bottom: 1rem;
	/*border: 1px solid rgba(0, 0, 0, .125);*/
    border-radius: .25rem; 
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 30%;
	max-width: 290px;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0, 0, 0, .125);*/
    border-radius: .25rem;
}
.card-wrapper .card {
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	
}
.card {
	width: 100%;
	max-width: 290px;

}
.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.card-img, .card-img-bottom, .card-img-top {
    width: 100%;
}
.card-img-top {
	max-height: 180px;
	border: 1px solid rgba(0, 0, 0, .125);
}
.card-body
 {
    flex: 1 1 auto;
    padding: 0.35rem 0.5rem;
	border-left: 1px solid rgba(0, 0, 0, .125);
	border-right: 1px solid rgba(0, 0, 0, .125);
}

.card-text:last-child {
    margin-bottom: 0;
}
.card-title {
    margin-bottom: 0;
}
h3.card-title {
	font-size: 16px;
	margin-bottom: 0.35rem;
}
h4.card-title {
	font-size: 14px;
}

.text-muted
{
    color: #686868 !important;
}
.mb-2 {
    margin-bottom: .5rem !important;
}
.card-subtitle
{
    margin-top: -.25rem;
    margin-bottom: 0;
	color: #686868;	
}
.card small {
	font-size: 12px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #222222;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-italic {
	font-style: italic;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header, .card-header2 {
    padding: 0.35rem 0.5rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
	border-left: 1px solid rgba(0, 0, 0, .125);
	border-right: 1px solid rgba(0, 0, 0, .125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-footer
 {
    padding: 0.35rem 0.5rem;
    border-left: 1px solid rgba(0, 0, 0, .125);
	border-right: 1px solid rgba(0, 0, 0, .125);
}
.ep {
	padding-top: 0.5rem;
	padding-bottom: 0;
}
.video-transcript-1 .card-body {
	display: flex;
	flex-direction: row;
}
.video-transcript-1 .card-header {
	display: flex;
	flex-direction: row;
}
.border-top {
	border-top: 1px solid rgba(0, 0, 0, .125);
}
.border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.video-transcript-1 .card-footer {
	display: flex;
	flex-direction: row;
	background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125);
}

#table-container th { cursor: pointer; position: relative; color: #ffffff; }
#table-container th:hover { background-color: #e2e2e2; color: #333333;}
    /* Visual indicator for sort direction */
#table-container 
th.sort-asc::after {/* Up arrow (Ascending) */
    content: " \25B2"; /* Unicode for ▲ */
    font-size: 0.7em;
    margin-left: 5px;
    vertical-align: middle;
}

#table-container 
th.sort-desc::after,
#table-container 
th::after
 {/* Down arrow (Descending) */
    content: " \25BC"; /* Unicode for ▼ */
    font-size: 0.7em;
    margin-left: 5px;
    vertical-align: middle;
}

.search-wrapper {
    margin-bottom: 15px;
}
#table-search {
    padding: 8px;
    width: 100%;
    max-width: 300px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
label.card-title {
	padding-top: 0.5rem;
	margin-top: 0.5rem;
}

.header-inner {
    /*background: url(../images/header-inner8.jpg) repeat-y top;*/
	background: #00235B;
    color: #ffffff;
    border-bottom: 8px solid #6b2a4c;
	width: 100%;
	max-width: 960px;
}

.small-footer
 {
    min-height: 58px;
    font-size: 11px;
    line-height: 18px;
    font-family: Arial;
    position: relative;
	text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
	background: #545454;
    color: #f5f5f5;
}

/* ==========================================================================
   Site Map - 24px Minimum Touch Target Fix (WCAG 2.2 AA)
   ========================================================================== */
.sitemap-table a {
    display: inline-block;
    padding: 4px 0;       /* Expands the top/bottom clickable area */
    min-height: 24px;     /* Enforces the strict AXE 24px requirement */
    margin-bottom: 2px;   /* Gives a tiny bit of breathing room */
}