:root{--brand-ink:#193e36;--brand-size:clamp(24px,2.6vw,36px)}
.guide-link{display:inline-block;padding:6px 12px;border:1px solid #cadfd4;border-radius:7px;background:#f1f7f3;color:#285e4d;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.service-footer{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;flex-shrink:0;padding:8px 2px 0;font-size:11px;color:#607581;line-height:1.5}.service-footer strong{color:#294b55}.service-footer nav{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;background:none}.service-footer a{color:#315f76;text-decoration:underline;text-underline-offset:3px}.service-footer a:focus-visible{outline:2px solid #398675;outline-offset:3px}
.expiry-warning,.tool-account .account-details .expiry-warning,.notification-list a.expiry-warning{color:#c62828!important;font-weight:700}
.brand-logo{display:inline-flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--brand-ink)}
.brand-logo .brand-mark{display:block;width:52px;height:52px;flex:0 0 52px;object-fit:contain}
.brand-logo .brand-name{color:var(--brand-ink);font-family:Arial,'Malgun Gothic',sans-serif;font-size:var(--brand-size);font-weight:800;line-height:1.25;letter-spacing:-1.1px;white-space:nowrap}
.brand-logo:focus-visible{outline:3px solid #89bdac;outline-offset:5px;border-radius:7px}
.brand-heading{margin:0;font-size:inherit;line-height:1;letter-spacing:normal}
.brand-logo:hover .brand-name{color:#276e58}
@media(max-width:600px){:root{--brand-size:clamp(18px,4.5vw,24px)}.brand-logo{gap:9px}.brand-logo .brand-mark{width:44px;height:44px;flex-basis:44px}.brand-logo .brand-name{letter-spacing:-.6px}}
.service-footer .company-handle{margin-left:auto;white-space:nowrap;font-size:12px;color:#607581}