.itm { padding: 10px 25px 15px 10px; border-bottom: 1px solid #2c5f7c; scroll-margin-top: 15px; }
.itm:first-of-type {border-top: 1px solid #2c5f7c; padding-top:17px;}
@media only print {
.itm {padding: 0; margin-bottom: 6pt; margin-top: 6pt; page-break-inside: avoid;}
.itm, .itm:first-of-type {border:none !important;}
}

.itm2 { padding: 1em; border-bottom: 1px solid #2c5f7c; }
.itm2:first-of-type {border-top: 1px solid #2c5f7c; /*padding-top:17px;*/}
@media only print {
.itm2 {padding: 0; margin-bottom: 6pt; margin-top: 6pt; page-break-inside: avoid;}
.itm2, .itm2:first-of-type {border:none !important;}
}

#formsrch {width: 96%; max-width: 380px; margin: 20px auto;}
#srchinput {width:85%; float:left;}
#srchbtn {width:15%; float:left; line-height:1.5;}
#formsrch input {width:98%; box-sizing: border-box; border: 2px solid #2c5f7c; border-radius: 4px; font-size: 16px; background-color: white; background-image: url('../../_img/ele/icn-srchfrm.png'); background-position: 8px 8px; background-repeat: no-repeat; padding: 8px 8px 8px 26px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; display:block; line-height: 1.5;}
#formsrch input:focus {box-shadow: 0 0 15px 5px #b0e0ee;}
#formsrch button {width: 100%; box-sizing: border-box; border: 1px solid #2c5f7c ;border-radius: 4px; font-size: 16px; font-weight:bold; background-color:#2c5f7c; color:#fff; padding: 8px 3px; margin-top:1px; margin-left:auto; margin-right:auto; display:block; opacity: 1;}
#formsrch button:hover {background-color:#0a183d; border: 1px solid #0a183d;}
#formsrch button:active {opacity: .8; background-color:#2c5f7c;}

/* test 2 lines */
#typein, #typein:focus, #srchbtn button, #srchbtn button:focus {text-decoration: none; /*eliminate undl chrome*/}
#typein { text-decoration: none !important; }

/* BUSINESS LISTING ITEMS */
article h2 {margin: 15px 0 5px 0;}
article h2.h2-alt {margin: 15px 0 5px 20px;}
.accordion-button {position: relative; width: 100%; text-align: left; background: none; border: none; padding: 0 0 0 25px; font-size: inherit; font-family: inherit;
cursor: pointer; font-weight: normal; display: flex; align-items: flex-start;}
.accordion-button .toggle-icon {display: inline-block; width: 20px; text-align: center; margin-left: -25px; margin-right: 5px; flex-shrink: 0; text-decoration: none;}
.accordion-button:focus-visible {outline: 2px solid #0066cc; outline-offset: 2px;}
.accordion-button.active {font-weight: bold;}
.accordion-button .business-name {border-bottom: 1px solid #dff2fd;}
.accordion-button.active .business-name {border-bottom-color: #dff2fd;}
.accordion-button:hover .business-name {border-bottom-color: #165d83;}
.accordion-button .toggle-icon {display: inline-block; width: 20px; text-align: center; margin-right: 5px; text-decoration: none;}
<!--article > p {margin: 0 0 10px 0}-->
article .details {max-height: 0; overflow: hidden; transition: max-height 0.3s ease; margin-left: 25px;}
article .details.open {max-height: 1000px;}
article .details p {margin: 6px 0; line-height:1.25;}
article:has(.accordion-button.active) {background-color: rgba(255, 255, 255, 0.45); box-shadow: 0 2px 12px rgba(22, 93, 131, 0.25); transition: background-color 0.3s ease, border-left 0.3s ease, box-shadow 0.3s ease;}

@media print {
article .details {max-height: none !important; padding-left: 1em; margin-left: 0.5em;}
.accordion-button .toggle-icon {display: none;}
}
/* NO-JS FALLBACK - Show all content when JavaScript is disabled */
.no-js article .details {max-height: none; overflow: visible;}
.no-js .accordion-button .toggle-icon {display: none;}
.no-js .expand-collapse-link {display: none;}
.no-js .accordion-button {cursor: default; pointer-events: none;}
.no-js .accordion-button .business-name {border-bottom: none;}

/* EXPAND LIST BUTTON */
.expand-collapse-link {background-color: rgba(255,255,255,.65); border: 1px solid #165d83; color: #165d83; cursor: pointer; font-size: 16px;
padding: 8px 16px; font-family: inherit; border-radius: 6px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none;}
.expand-collapse-link::before {content: '▼'; font-size: 12px;}
.expand-collapse-link.expanded::before {content: '▲';}
.expand-collapse-link:hover {background-color: #c9e8f7; border-color: #0d3d54;}
.expand-collapse-link:focus-visible {outline: 2px solid #0066cc; outline-offset: 2px;}

/* ACCORDION TOOLTIPS */
.accordion-button .tooltip {position: absolute; bottom: 100%; left: 0; margin-bottom: 8px; background-color: #2599d6; color: #fff;
    padding: 6px 12px; border-radius: 4px; font-size: 14px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s ease, background-color 0.3s ease;
    z-index: 1000; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}

.accordion-button .tooltip::before {content: ''; position: absolute; top: 100%; left: 20px; border: 6px solid transparent; border-top-color: #2599d6; transition: border-top-color 0.3s ease; /*arrow*/}
.accordion-button.active .tooltip {background-color: #555555;}
.accordion-button.active .tooltip::before {border-top-color: #555555;}
.accordion-button .tooltip.tooltip-visible {opacity: 1;}

/* LOGOS */
.details p {margin: 0 auto 0 0; text-align: left;}
.lgo-pix {float: right; margin: 0 20px 1.25rem 1.5rem; inline-size: 190px;}
@media (max-width: 600px) {
.details p {margin: 0 auto;}
.lgo-pix {float:none; margin: 10px auto 1.5rem 0;}
}