/* UTT company navigation: isolated from page-specific styles. */
body>header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap;padding:16px 5%;background:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid #d5e3e9;box-shadow:0 4px 22px #081f3505}
body>header>.brand{flex:0 0 auto;display:flex;align-items:center;gap:14px;min-width:0}body>header .brand-logo{width:54px;height:54px;object-fit:contain}body>header .brand-wordmark{width:158px;display:block}body>header .brand-wordmark img{width:100%;height:auto;display:block}body>header .care-parent{font-size:14px;white-space:nowrap}body>header .care-parent small{font-size:10px;margin-top:5px}
body>header #navigation{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:3px;margin-left:auto;width:auto;padding:0;position:static;max-height:none;overflow:visible;font-size:12px;line-height:1.4;font-weight:600}
body>header #navigation>a,body>header #navigation .nav-care>summary{color:#081f35;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 10px;margin:0;white-space:nowrap;border-radius:7px;font-size:12px;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .18s,color .18s;transform:none;width:auto}
body>header #navigation>a:after,body>header #navigation .care-submenu a:after{display:none}body>header #navigation>a:hover,body>header #navigation .nav-care>summary:hover,body>header #navigation .nav-care[open]>summary{background:#edf5f8;color:#1c6a80;transform:none}
body>header #navigation>.button{background:#1c6a80;color:#fff;padding:13px 17px;margin-left:12px;box-shadow:none}body>header #navigation>.button:hover{background:#145367;color:#fff}
body>header #navigation .nav-care{position:relative;margin:0;padding:0;border:0;background:none}body>header #navigation .nav-care>summary{list-style:none}body>header #navigation .nav-care>summary::marker{content:''}body>header #navigation .nav-care>summary::-webkit-details-marker{display:none}body>header #navigation .nav-care>summary svg{width:12px;height:12px;color:#1c6a80;transition:transform .18s}body>header #navigation .nav-care[open]>summary svg{transform:rotate(180deg)}
body>header #navigation .care-submenu{position:absolute;top:calc(100% + 10px);left:0;width:246px;min-width:246px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:9px;margin:0;background:#fff;border:1px solid #d5e3e9;border-top:3px solid #38bdd0;border-radius:12px;box-shadow:0 16px 36px #081f3520;z-index:70;animation:utt-nav-in .18s ease}
body>header #navigation .nav-care:not([open])>.care-submenu{display:none}body>header #navigation .care-submenu>a{display:block;width:100%;padding:12px 14px;margin:0;white-space:nowrap;border-radius:7px;font-size:13px;line-height:1.4;color:#081f35;text-decoration:none;transform:none}body>header #navigation .care-submenu>a:hover{color:#1c6a80;background:#edf5f8;transform:none}body>header #navigation .care-submenu>a[aria-current=page]{background:#edf5f8;color:#1c6a80}
body>header .menu{display:none}body>header #navigation a:focus-visible,body>header #navigation summary:focus-visible,body>header .menu:focus-visible{outline:3px solid #38bdd0;outline-offset:3px}
@keyframes utt-nav-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){body>header{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}
@media(max-width:1199px){body>header{flex-wrap:wrap;gap:0 16px;padding:14px 5%}body>header .menu{display:block;margin-left:auto;padding:10px 14px;border:1px solid #d5e3e9;border-radius:8px;background:white;color:#081f35;font-size:13px;font-weight:600}body>header #navigation{display:none;margin:14px 0 0;width:100%;padding:12px 0 4px;border-top:1px solid #d5e3e9;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}body>header #navigation.open{display:flex}body>header #navigation>a,body>header #navigation .nav-care>summary{justify-content:space-between;padding:12px 10px;font-size:14px}body>header #navigation .nav-care>summary svg{margin-left:auto}body>header #navigation .care-submenu{position:static;width:auto;min-width:0;box-shadow:none;border:0;border-left:2px solid #38bdd0;border-radius:0;background:#f3f8fa;margin:4px 10px 8px;padding:4px 8px}body>header #navigation .care-submenu>a{padding:11px 14px;font-size:13px}body>header #navigation>.button{align-self:flex-start;margin:8px 0 0;padding:12px 18px}body>header .brand-logo{width:46px;height:46px}body>header .brand-wordmark{width:145px}body>header .care-parent{font-size:13px}body>header .care-parent small{font-size:10px}}
@media(max-width:360px){body>header>.brand{gap:9px}body>header .brand-logo{width:40px;height:40px}body>header .brand-wordmark{width:122px}body>header .care-parent{font-size:11px}body>header .care-parent small{font-size:9px}body>header .menu{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){body>header #navigation .care-submenu{animation:none}body>header #navigation a,body>header #navigation summary,body>header #navigation svg{transition:none}}

/* Preserve the original wordmark framing at each header size. */
body>header .brand-wordmark{position:relative;overflow:hidden;width:180px;height:37px;background:#fff}body>header .brand-wordmark img{position:absolute;width:210px;height:140px;max-width:none;left:-16px;top:-79px}
@media(max-width:1199px){body>header .brand-wordmark{width:156px;height:33px}body>header .brand-wordmark img{width:182px;height:121.33px;left:-14px;top:-68.5px}}
@media(max-width:360px){body>header .brand-wordmark{width:122px;height:26px}body>header .brand-wordmark img{width:142.33px;height:94.89px;left:-10.95px;top:-53.57px}}