/* Settings layer shared by public pages, the application and status screens. */
body[data-public-design]{color:var(--ink);background:var(--bg)}
body[data-public-design] header.top,body[data-public-design] #nav{background:var(--header-background)}
body[data-public-design] #nav>ul a{color:var(--header-text)}
body[data-public-design] #nav>ul a:is(:hover,:focus-visible,[aria-current=page]){color:var(--header-active)}
body[data-public-design] #nav>ul a::after{background:var(--header-active)}
body[data-public-design] .portal{color:var(--header-text)}
body[data-public-design] .helprite-footer{background:var(--footer-background);color:var(--footer-text)}
body[data-public-design] .helprite-footer :is(p,a,h2,strong,.helprite-footer-bottom){color:var(--footer-text)}
body[data-public-design] .helprite-footer-contact{background:color-mix(in srgb,var(--footer-background) 92%,white)}
body[data-public-design] input::placeholder,body[data-public-design] textarea::placeholder{font:inherit;letter-spacing:inherit;text-transform:inherit}
body[data-public-design] .application-section{width:100%;max-width:var(--helprite-content-width);box-sizing:border-box}
body[data-public-design] :is(p,li,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}
/* Preserve emphasis and icon fonts while nested text follows its text style. */
body[data-public-design] :where(h1,h2,h3,h4,h5,h6,p,a,button,label) :where(span:not([class*="icon"]):not([class*="material-symbols"])){font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}
body[data-public-design] :is(.status-description,.status-support){color:var(--mute)}
body[data-public-design] .status-brand{background:var(--navy)}
body[data-public-design] .status-contact{background:var(--blue);border-color:var(--blue)}
/* Added only by JavaScript; content remains visible without scripting. */
.cms-animate{transition:opacity var(--cms-element-duration,var(--cms-animation-speed,700ms)) ease,transform var(--cms-element-duration,var(--cms-animation-speed,700ms)) cubic-bezier(.2,.65,.3,1);transition-delay:var(--cms-element-delay,0ms)}
.cms-animate:not(.is-visible){opacity:0}
.cms-animate[data-cms-animation=fade-up]:not(.is-visible),.cms-animate[data-cms-animation=soft-rise]:not(.is-visible){transform:translateY(var(--cms-animation-distance,34px))}
.cms-animate[data-cms-animation=zoom-in]:not(.is-visible){transform:scale(.94)}
.cms-animate[data-cms-animation=slide-left]:not(.is-visible){transform:translateX(calc(-1 * var(--cms-animation-distance,34px)))}
.cms-animate[data-cms-animation=slide-right]:not(.is-visible){transform:translateX(var(--cms-animation-distance,34px))}
.cms-animate[data-cms-animation=soft-rise]:not(.is-visible){transform:translateY(var(--cms-animation-distance,34px)) scale(.98)}
.cms-animate.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.cms-animate{opacity:1!important;transform:none!important;transition:none!important}}

/* Switch to a drawer when a configured font makes the desktop menu too wide. */
@media(min-width:1200px){
body.nav-compact .bar{display:flex;min-height:76px}
body.nav-compact .v223-desktop-portal{margin-left:auto}
body.nav-compact .menu{display:flex}
body.nav-compact #nav{display:none;position:fixed;inset:0 0 0 auto;width:min(390px,calc(100vw - 24px));height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--header-background);padding:22px 26px;z-index:102}
body.nav-compact #nav.open{display:block}
body.nav-compact .nav-backdrop{position:fixed;inset:0;background:#071a30aa;z-index:99}
body.nav-compact.navigation-open{overflow:hidden}
body.nav-compact.navigation-open .nav-backdrop{display:block}
body.nav-compact .v217-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}
body.nav-compact .v217-drawer-brand img{width:140px;height:auto}
body.nav-compact .v217-drawer-close{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid #ffffff50;border-radius:5px;color:white;flex-shrink:0}
body.nav-compact .v217-drawer-close svg{fill:none;stroke:currentColor;stroke-width:1.7}
body.nav-compact #nav ul{display:block}
body.nav-compact #nav>ul a{justify-content:flex-start;text-align:left;padding:15px 6px;border-radius:0;font-size:15px;border-bottom:1px solid #ffffff18;white-space:normal}
body.nav-compact #nav>ul a::after{left:6px;right:6px;bottom:0}
body.nav-compact #nav>ul a[aria-current=page]{box-shadow:none;color:var(--header-active)}
body.nav-compact .v217-nav-chevron{display:block;margin-left:auto}
body.nav-compact .v217-nav-chevron svg{width:16px;height:16px}
body.nav-compact .v217-drawer-portal{display:flex;margin-top:28px;justify-content:flex-start;padding:13px;font-size:13px}
body.nav-compact .v217-portal-external{margin-left:auto}
body.nav-compact .mobile-nav-contact{display:block;margin-top:32px;color:#c6d5e3}
body.nav-compact .mobile-nav-contact h2{font:600 12px var(--body-font),sans-serif;text-transform:uppercase;letter-spacing:.1em;color:white}
body.nav-compact .v217-contact-line{display:flex;gap:10px;align-items:center;color:#c6d5e3;font-size:13px;text-decoration:none;margin-bottom:14px}
body.nav-compact .v217-contact-line svg{width:17px;height:17px}
body.nav-compact .mobile-nav-contact .helprite-social-links{margin-top:20px}
}