/* Stable 1.0.10: UX improvements with unchanged visual system and forms. */
/* Hide the sticky action bar while the mobile menu is expanded. :has() works as a JS-independent fallback. */
body.nav-menu-is-open .mobile-sticky-cta,
body.nav-menu-is-open .home-sticky-cta,
body:has(.mobile-nav[open]) .mobile-sticky-cta,
body:has(.mobile-nav[open]) .home-sticky-cta{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:1120px){
 .mobile-nav{width:48px;flex-basis:48px}
 .mobile-nav__toggle{width:48px;min-width:48px;height:48px}
 .nav__quick-cta{min-height:48px}
 .mobile-nav__panel>a{min-height:48px}
}
@media(max-width:620px){
 .mobile-sticky-cta a{min-height:48px;font-size:12px;line-height:15px}
 .mobile-sticky-cta__primary{font-size:12px;line-height:15px}
 .nav__quick-cta{font-size:12px}
 .mobile-nav__panel{overscroll-behavior:contain}
}
@media(max-width:360px){
 .mobile-sticky-cta a,.mobile-sticky-cta__primary{min-height:48px}
}
.nav a:focus-visible,.nav summary:focus-visible,
.blog-card a:focus-visible,.article-toc a:focus-visible,
.article-read-next a:focus-visible,.article-related a:focus-visible,
.mobile-sticky-cta a:focus-visible,.home-sticky-cta:focus-visible,
.footer__nav a:focus-visible,.blog-topic-nav a:focus-visible{
 outline:3px solid #EAAA38;outline-offset:3px
}
@media(prefers-reduced-motion:reduce){.mobile-sticky-cta,.home-sticky-cta{transition:none!important}}

/* Stable 1.1 · blog discovery; visually consistent with the current theme. */
.nav__list--desktop .nav__blog--desktop{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-weight:650;text-decoration:none;border-bottom:2px solid rgba(var(--accent-rgb),.65);padding:7px 1px 5px}
.nav__list--desktop .nav__blog--desktop:hover,.nav__list--desktop .nav__blog--desktop:focus-visible,.nav__list--desktop .nav__blog--desktop[aria-current="page"]{color:#ffd17b;border-bottom-color:#ffd17b}
.nav__blog-icon{width:17px;height:17px;flex:none;display:inline-block}
.home-blog-promo{padding-top:8px;padding-bottom:12px}
.home-blog-promo__inner{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 34px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:18px;background:linear-gradient(110deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.025));}
.home-blog-promo__content{min-width:0;max-width:800px}
.home-blog-promo__eyebrow{margin-bottom:10px}
.home-blog-promo__content h2{font-size:var(--type-section-title);line-height:var(--type-section-title-line);font-weight:500;letter-spacing:-1px;text-wrap:balance}
.home-blog-promo__content>p:last-child{margin-top:12px;font-size:16px;line-height:26px;color:#9ca6b4;max-width:690px}
.home-blog-promo__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:48px;color:var(--accent);font-weight:650;font-size:15px;line-height:21px;text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(var(--accent-rgb),.6);transition:color 160ms,border-color 160ms}
.home-blog-promo__link:hover,.home-blog-promo__link:focus-visible{color:#ffd17b;border-color:#ffd17b}
.home-blog-promo__link:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1120px){.mobile-nav__panel>.mobile-nav__blog{display:flex;align-items:center;gap:10px;border-left:3px solid var(--accent);padding-left:12px}.mobile-nav__panel>.mobile-nav__blog .nav__blog-icon{width:19px;height:19px}.mobile-nav__panel>.mobile-nav__blog span:nth-child(2){min-width:0}.home-blog-promo__inner{padding:25px 26px}.home-blog-promo__content h2{font-size:30px;line-height:37px}}
@media(max-width:700px){.home-blog-promo{padding-top:4px;padding-bottom:8px}.home-blog-promo__inner{display:block;padding:23px 20px;border-radius:15px}.home-blog-promo__content h2{font-size:27px;line-height:34px;letter-spacing:-.3px}.home-blog-promo__content>p:last-child{font-size:15px;line-height:24px}.home-blog-promo__link{margin-top:15px;min-height:48px}.mobile-nav__panel>.mobile-nav__blog{font-size:16px;line-height:23px}}
@media(max-width:360px){.home-blog-promo__inner{padding:20px 16px}.home-blog-promo__content h2{font-size:25px;line-height:32px}}
@media(prefers-reduced-motion:reduce){.home-blog-promo__link{transition:none}}
