/* Komos Solutions shared header and footer.
   Uses px, not rem: older Bootstrap 3 pages set html{font-size:10px}.
   Scoped to .ks-* classes so it can also be injected into older product pages
   (via /header.html and /footer.html) without restyling their content. */
.ks-skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#14212b;color:#fff;padding:12px 16px;font:600 16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:underline}
.ks-skip-link:focus{left:8px;top:8px;outline:3px solid #ffd45c;outline-offset:2px}
.ks-header,.ks-footer{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5;box-sizing:border-box}
.ks-header *,.ks-footer *{box-sizing:border-box}
.ks-header{background:#fff;border-bottom:1px solid #d8dee3;position:relative}
.ks-header::after{content:"";display:block;height:4px;background:linear-gradient(90deg,#ee5e00 0 33.3%,#2eaba0 33.3% 66.6%,#ffc200 66.6%)}
.ks-header__inner{max-width:1152px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.ks-brand{display:inline-flex;align-items:center;gap:9.6px;color:#14212b!important;text-decoration:none!important;font-weight:700;font-size:19.2px;letter-spacing:.01em}
.ks-brand img{width:44px;height:44px;display:block}
.ks-brand span small{display:block;font-weight:400;font-size:12.8px;color:#46535e;letter-spacing:0}
.ks-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.ks-nav a{display:block;padding:8px 11.2px;color:#14212b!important;text-decoration:none;font-weight:500;font-size:16px;border-radius:4px;border-bottom:3px solid transparent}
.ks-nav a:hover{background:#eef4f3;text-decoration:underline}
.ks-nav a[aria-current="page"]{border-bottom-color:#1d7a72;font-weight:700}
.ks-nav a.ks-nav__cta{background:#0f5f58;color:#fff!important}
.ks-nav a.ks-nav__cta:hover{background:#0b4a45}
.ks-header a:focus-visible,.ks-header button:focus-visible{outline:3px solid #b34700;outline-offset:2px}
@media (max-width:896px){.ks-nav{width:100%}.ks-nav ul{gap:2.4px}.ks-nav a{padding:8.8px 9.6px}}
.ks-footer{background:#14212b;color:#e8eef2;margin-top:48px;font-size:15.2px}
.ks-footer__inner{max-width:1152px;margin:0 auto;padding:40px 20px 24px;display:grid;gap:24px 32px;grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}
.ks-footer h2{font-size:16px;margin:0 0 9.6px;color:#fff;font-weight:700;letter-spacing:.02em}
.ks-footer p{margin:0 0 6.4px;color:#e8eef2}
.ks-footer ul{list-style:none;margin:0;padding:0}
.ks-footer li{margin:0 0 5.6px}
.ks-footer a{color:#ffd45c!important;text-decoration:underline}
.ks-footer a:hover{color:#fff!important}
.ks-footer a:focus-visible{outline:3px solid #ffd45c;outline-offset:2px}
.ks-footer address{font-style:normal}
.ks-footer__legal{max-width:1152px;margin:0 auto;padding:16px 20px 32px;border-top:1px solid #34444f;color:#c9d3da;font-size:14px}
.ks-footer__legal p{color:#c9d3da}
/* Hold sizes steady when injected into older pages with their own base styles,
   and keep every link a comfortable target (WCAG 2.2 target size). */
.ks-header,.ks-footer{font-size:16px;font-weight:400;color:#14212b;text-align:left}
.ks-footer{color:#e8eef2}
.ks-footer p,.ks-footer li,.ks-footer address{font-size:15px;line-height:1.5;font-weight:400}
.ks-footer h2{font-family:inherit;line-height:1.3;text-transform:none}
.ks-footer a{display:inline-block;overflow-wrap:anywhere;padding:3px 0;line-height:1.5;font-size:15px;font-weight:400}
.ks-nav a{line-height:1.5;font-size:16px}
.ks-footer__legal p{font-size:14px}