/* Responsive behavior for the current MEDDPICC lab. */
:root{color-scheme:dark}
/* Avoid creating a non-scrolling ancestor that disables sticky navigation. */
body{overflow-x:clip}
::selection{background:#b5122b;color:#fff}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #ff6978;outline-offset:3px}
main,section,article,aside,.wrap,.heroGrid>*,.definition>*,.war>*,.crmCompare>*{min-width:0}
h1,h2,h3,p,li,a,button{overflow-wrap:break-word}
.nav{top:var(--ez-header-height,72px)}
main>section[id],#top{scroll-margin-top:180px!important}
.nav .links a{display:flex;align-items:center;min-height:44px;padding-inline:6px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#fff}
.btn.primary,.tab.active{background:#c41428;color:#fff}
.btn:is(:hover,:focus-visible),.tab:is(:hover,:focus-visible){background:#292f35;color:#fff}
.btn.primary:is(:hover,:focus-visible),.tab.active:is(:hover,:focus-visible){background:#a50d1e;color:#fff}
.letter:is(:hover,:focus-visible),.choice:is(:hover,:focus-visible){background:#211014;border-color:#ff6978;color:#fff}
.letter.active{background:#211014;color:#fff}
.letter.active strong{color:#ff8996}
.letter,.tab,.choice{min-height:44px}
.tabs,.letters{min-width:0}
.letters{overscroll-behavior-x:contain}
.letter{flex-shrink:0}
.ez-page-map{scrollbar-gutter:stable}
@media(max-width:900px){
  .navin{display:block;padding-block:8px}
  .nav .brand{display:block;margin-bottom:4px}
  .nav .links{display:flex;width:100%;overflow-x:auto;gap:8px;overscroll-behavior-x:contain}
}
@media(max-width:600px){
  .heroGrid{gap:28px}
  .dealTop{flex-wrap:wrap}
  .actions .btn{max-width:100%;text-align:center}
  .letter{min-width:165px}
  h1{line-height:1.02}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}