/* QIUXIE INTERACTIVE: visible navigation at every supported width. */
.interactive-page .showcase-hero h1{max-width:none;font-size:clamp(38px,6vw,82px);line-height:1.1}
.interactive-page .showcase-hero h1 em{display:inline-block;white-space:nowrap}
.corporate-home .desktop-nav .interactive-nav{color:#8ce8df;font-weight:750;white-space:nowrap}
.portal-site .portal-nav .interactive-nav{color:#087b84;font-weight:750;white-space:nowrap}
.portal-site:has(.interactive-page) .portal-nav .interactive-nav{color:#8ce8df}
.corporate-home .top-actions>.interactive-shortcut,.portal-site .portal-header>.interactive-shortcut{display:none;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #376b76;border-radius:999px;font-size:12px;font-weight:750;line-height:1;white-space:nowrap;text-decoration:none}
.corporate-home .top-actions>.interactive-shortcut{color:#b3f6ed;background:#133c48}
.portal-site .portal-header>.interactive-shortcut{color:#08636d;background:#e9f7f5;border-color:#a7d8d3}
.corporate-home .interactive-shortcut:hover{background:#205464}
.portal-site .interactive-shortcut:hover{background:#d8f1ed}
.corporate-home .interactive-shortcut:focus-visible,.portal-site .interactive-shortcut:focus-visible,.interactive-nav:focus-visible{outline:3px solid #38bfb6;outline-offset:4px}
@media(max-width:1120px) and (min-width:1021px){
  .corporate-home .topbar{gap:20px;padding-left:30px;padding-right:30px}
  .corporate-home .desktop-nav{gap:20px}
  .corporate-home .top-actions{gap:14px}
}
@media(max-width:1020px){
  .corporate-home .topbar{grid-template-columns:1fr auto;gap:16px}
  .corporate-home .top-actions>.interactive-shortcut{display:inline-flex}
}
@media(max-width:760px){
  .portal-site .portal-header{gap:10px}
  .portal-site .portal-header>.interactive-shortcut{display:inline-flex;margin-left:auto;flex-shrink:0}
  .portal-site .portal-mobile-menu{flex-shrink:0}
}
@media(max-width:720px){
  .corporate-home .topbar{gap:12px}
  .corporate-home .top-actions{gap:10px}
  .portal-site .portal-header .brand small{display:none}
}
@media(max-width:420px){
  .corporate-home .topbar{padding-left:14px;padding-right:14px;gap:8px}
  .corporate-home .wordmark{gap:8px}
  .corporate-home .wordmark img{width:30px;height:30px}
  .corporate-home .wordmark b{font-size:13px;white-space:nowrap}
  .corporate-home .top-actions{gap:8px}
  .corporate-home .top-actions>.interactive-shortcut,.portal-site .portal-header>.interactive-shortcut{gap:5px;padding:0 10px}
  .portal-site .portal-header .brand{gap:7px}
  .portal-site .portal-header .brand img{width:28px;height:28px}
  .portal-site .portal-header .brand b{font-size:13px;white-space:nowrap}
  .portal-site:has(.interactive-page) .portal-header{padding-left:14px;padding-right:14px}
  .interactive-page .showcase-hero h1{font-size:clamp(26px,8vw,34px)}
}