/* WordPress-generated header markup integration. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{z-index:100000;top:8px;left:8px;width:auto;height:auto;margin:0;padding:12px 16px;clip:auto;background:#fff;color:var(--blue-700);border-radius:8px;box-shadow:var(--shadow-card)}
.brand-image{display:block!important;width:auto!important;max-width:260px!important;height:40px!important;object-fit:contain!important}
.brand--footer .brand-image{filter:brightness(0) invert(1)}
.site-header .brand-image{height:34px!important}
/* Flex, not block: a block wrapper around the inline-flex .brand reserves
   text descender space under it, which pushed the logo ~9px off-center. */
.site-branding{display:flex;align-items:center}
@media(max-width:860px){.site-header .brand-image{height:28px!important}}
.article-card,.feature-article,.related-card,.product-row{position:relative;cursor:pointer}
.stretched-link::after{content:"";position:absolute;inset:0;z-index:1}
.product-row .stretched-link::after{z-index:4}
.site-nav{margin:0;padding:0;list-style:none}
.footer-menu ul{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:0;list-style:none}
.footer-menu li{margin:0;padding:0}
.footer-bottom ul{display:flex;flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none}
.footer-bottom li{margin:0;padding:0}
.contact-details ul{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}
.contact-details li{margin:0;padding:0}
.contact-form .widget{display:contents}
.contact-detail-list ul{display:flex;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none}
.contact-detail-list li{margin:0;padding:0}
.contact-form-card>.widget{display:contents}
.product-inquiry .contact-form>.widget{display:contents}
.article-body>p:first-child{font-size:21px;line-height:1.65;color:var(--ink-700)}
.page-editor-content .entry-content{max-width:900px}