/* Canonical site navigation and the existing homepage section mapping. */
.nav-right .portal-link {display:inline-flex;align-items:center;padding:10px 18px;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:12px;font-weight:600;color:#eef1f6;white-space:nowrap;transition:border-color .2s,background .2s,color .2s}
.nav-right .portal-link:hover {border-color:rgba(255,90,31,.8);background:rgba(255,90,31,.12);color:#fff}
.nav-right .portal-link:focus-visible {outline:2px solid #ff5a1f;outline-offset:3px}
.menu-toggle {background:none;border:0;color:inherit;cursor:pointer}
.mobile-menu {overflow-y:auto;padding:80px 24px 32px;justify-content:flex-start!important}
.mobile-menu a {flex-shrink:0}
.legal-site-links {display:flex;flex-wrap:wrap;gap:10px 18px;flex-basis:100%;margin-bottom:16px}
.anchor-alias {position:absolute;top:0;scroll-margin-top:78px}
#services {position:relative}
/* Four open columns on the page ground, split by a thin top rule: Training, Insights, Case study, Playbook. */
.learning-signposts>.wrap {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px;row-gap:44px}
.signpost {display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--rule-2,#bfb6a3);padding-top:22px}
.signpost .kicker {margin-bottom:14px}
.signpost h3 {font-size:clamp(20px,1.7vw,24px);line-height:1.18;margin-bottom:12px;max-width:22ch}
.signpost p {color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:22px;max-width:36ch}
.signpost .btn {margin-top:auto}
@media(max-width:1099px){.learning-signposts>.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
#aic-what-we-do [hidden] {display:none!important}
/* Webinar uses the same mobile navigation that already exists on detail pages. */
.mobile-menu {position:fixed;inset:0;z-index:99;background:rgba(5,5,7,.97);backdrop-filter:blur(10px);display:none;flex-direction:column;align-items:center;gap:22px}
.mobile-menu.open {display:flex}
.mobile-menu a {font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;color:#fff}
.mobile-menu .close {position:absolute;top:24px;right:24px;background:none;border:0;color:#fff;cursor:pointer}
.mobile-menu button:focus-visible,.mobile-menu a:focus-visible {outline:2px solid #ff5a1f;outline-offset:5px}
@media(max-width:700px){.learning-signposts>.wrap{grid-template-columns:1fr;row-gap:36px}.nav-right .portal-link{display:none}}
@media print {.mobile-menu{display:none!important}.learning-signposts>.wrap{display:block}}
/* Cursor glow: normal blending so it shows on the cream sections as well as the dark ones. */
.cursor-glow {position:fixed;z-index:9999;left:50%;top:50%;width:520px;height:520px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,90,31,.20),rgba(255,90,31,.07) 38%,transparent 65%);transform:translate(-50%,-50%);transition:opacity .35s;opacity:0}
@media print {.cursor-glow{display:none!important}}

/* Six primary destinations: switch to the existing mobile menu before they crowd utilities. */
@media(max-width:1200px){nav .nav-menu{display:none}nav .menu-toggle{display:inline-flex}}

/* Keep navigation readable against the dark header in both pointer and keyboard states. */
nav .nav-menu a:hover,nav .nav-menu a:focus-visible{color:#fff}

/* T-AIC-696: header logo 15% larger (26px -> 30px) on every page. The pages set
   .brand-logo inline; nav-scoped wins on specificity. Footer logo unchanged. */
nav .brand-logo { height: 30px; }