/* Interaction conventions shared by the refreshed website, excluding legacy decks. */
@media screen {
  .ci-page a:not(:where(.button,.brand,.ci-skip,.skip-link)):is(:hover,:focus-visible),
  .section a:not(:where(.button)):is(:hover,:focus-visible),
  .agreement-ci a:not(:where(.agreement-button,.agreement-brand,.ci-skip)):is(:hover,:focus-visible),
  .index-page a:not(:where(.deck-brand,.ci-skip)):is(:hover,:focus-visible){color:var(--ci-orange)}
  .ci-page :is(p,li) a:not(:where(.button)),.section p a,.agreement-ci .agreement-footer a{text-decoration:underline;text-underline-offset:.25em}
  .header nav a:is(:hover,:focus-visible),.ci-page .site-nav a:is(:hover,:focus-visible){color:var(--ci-blue);text-decoration:underline;text-underline-offset:.3em}
  .footer .footer-links a:is(:hover,:focus-visible),.site-footer a:is(:hover,:focus-visible){color:var(--ci-orange)}
  .ci-page .button:is(:hover,:focus-visible),.agreement-ci .agreement-button:is(:hover,:focus-visible),.header .nav-cta:is(:hover,:focus-visible){border-color:var(--ci-blue);background:#80c8e518}
  .contact .button.primary:is(:hover,:focus-visible){background:var(--ci-blue);color:#03131d;filter:brightness(1.08)}
  .ci-page :is(a,button,summary,[tabindex]):focus-visible,.agreement-ci :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--ci-blue)}
  .ci-page :is(.portal-motion-toggle,.ci-vortex-toggle,.ci-universe-toggle){font-size:var(--ci-size-small);line-height:1.5;min-height:var(--ci-target-size);padding:9px 14px}
  .ci-page.utility-ci .guide-jump a{font-size:var(--ci-size-small);min-height:var(--ci-target-size)}
  .ci-page .responsibility-table :is(th,td){font-size:var(--ci-size-small);line-height:1.7}
  .ci-page .responsibility-table .matrix-owner{font-size:inherit}
  .ci-page .technical-pipeline p{font-size:var(--ci-size-body);line-height:1.8}
  .ci-page .technical-pipeline li>span,.ci-page .technical-stack .ci-card>span,.ci-page .tech-chips span,.ci-page .delivery-overview .delivery-map-step small{font-size:var(--ci-size-label);line-height:1.7}
  .agreement-ci .agreement-nav{max-height:calc(100svh - 40px);overflow-y:auto;scrollbar-gutter:stable}
  .agreement-ci .agreement-nav a{display:flex;align-items:center;min-height:var(--ci-target-size);font-size:var(--ci-size-small);line-height:1.6}
  .agreement-ci .agreement-footer a{font-size:var(--ci-size-small);line-height:1.7;min-height:var(--ci-target-size);display:inline-flex;align-items:center}
  .index-page .index-details>summary{min-height:var(--ci-target-size);padding-block:10px}
  .index-page .act{font-size:var(--ci-size-label)}
  .ci-skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ci-surface);color:var(--ci-text);padding:12px 18px;font:var(--ci-size-control)/1.5 var(--ci-font-body)}
  .ci-skip:focus{top:12px}
  html{scroll-padding-top:110px}
}
@media print{.ci-skip{display:none!important}}
@media screen {
  .ci-page nav a:is(:hover,:focus-visible),.agreement-ci .agreement-nav a:is(:hover,:focus-visible){color:var(--ci-blue);text-decoration:underline;text-underline-offset:.3em}
  .ci-page.work-page .work-links a:is(:hover,:focus-visible){color:var(--ci-orange);border-color:var(--ci-orange)}
  .ci-page .portal-details>summary:is(:hover,:focus-visible){background:#80c8e508;color:var(--ci-text)}
}

@media screen {
  .ci-page :is(.portal-motion-toggle,.ci-vortex-toggle,.ci-universe-toggle):is(:hover,:focus-visible){border-color:var(--ci-blue);color:var(--ci-text)}
}
