/* Shared finishing layer; no content-hidden/pre-animation state and no layout shifts. */
main :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #287ac4;outline-offset:4px}
main :where(input,select,textarea):focus-visible{outline-offset:2px}
main .text-link{text-underline-offset:.24em;text-decoration-thickness:1px}
main .text-link:hover,main .text-link:focus-visible{text-decoration-line:underline}
main :where(.home-business-card,.home-project-card,.guide-card):focus-within{box-shadow:0 0 0 2px #287ac4}
main :where(.home-business-content,.home-project-content,.about-story-section-intro){overflow-wrap:break-word}
main .faq-list summary{min-height:44px;align-content:center;text-underline-offset:.22em}
main .faq-list summary:hover{text-decoration:underline}
@media (prefers-reduced-motion:no-preference){
 main :where(.home-business-card,.home-project-card,.guide-card){transition:box-shadow 180ms ease,border-color 180ms ease}
 @media (hover:hover) and (pointer:fine){
  main :where(.home-business-card,.home-project-card,.guide-card):hover{box-shadow:0 10px 26px #13284b12}
 }
 main:not(.preipo-archive) .button{transition:box-shadow 160ms ease}
 main:not(.preipo-archive) .button:active{box-shadow:inset 0 0 0 2px currentColor}
 .elite-entered{animation:elite-section-arrive 480ms cubic-bezier(.22,.61,.36,1) both}
 @keyframes elite-section-arrive{from{opacity:.84;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){.elite-entered{animation:none!important}}
@media print{.elite-entered{animation:none!important;transform:none!important;opacity:1!important}}
