.btn:after{display:inline-flex;vertical-align:baseline;margin-left:.25em;background-color:currentColor;-webkit-mask-image:url(/everyday-a11y/assets/icon-chevron.svg);mask-image:url(/everyday-a11y/assets/icon-chevron.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";width:1em;height:1em;transition:transform .3s ease}a[target=_blank]:after{display:inline-flex;vertical-align:baseline;margin-left:.25em;background-color:currentColor;-webkit-mask-image:url(/everyday-a11y/assets/icon-external.svg);mask-image:url(/everyday-a11y/assets/icon-external.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";width:1em;height:1em}.container{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center;gap:1rem;padding-top:2rem;padding-bottom:2rem}@media screen and (min-width: 768px){.container{gap:2rem;padding-top:4rem;padding-bottom:4rem}}.container header{width:100%;max-width:60rem;padding:0 1rem}@media screen and (min-width: 62rem){.container header{padding:0}}.container header .nav{width:100%}.container header .nav ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem .5rem;width:100%;margin:0 auto;padding-left:0;max-width:unset;margin-bottom:1rem}@media screen and (min-width: 768px){.container header .nav ul{justify-content:flex-end;margin-bottom:2rem;gap:1rem}}.container header .nav ul .nav-item{font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;margin:0}@media screen and (min-width: 768px){.container header .nav ul .nav-item{font-size:1.25rem}}.container header .nav ul .nav-item.nav-item--home{font-size:1.25rem;font-weight:800;flex-basis:100%;text-align:center}@media screen and (min-width: 768px){.container header .nav ul .nav-item.nav-item--home{font-size:1.5rem;flex-basis:auto;text-align:left;margin-right:auto}}.container header .nav ul .nav-item.nav-item--link{color:#2f5681;position:relative}.container header .nav ul .nav-item.nav-item--link a,.container header .nav ul .nav-item.nav-item--link span{color:inherit}.container header .nav ul .nav-item.nav-item--link:not(:last-child):after{content:"//";color:#b2bec3;margin-left:.5em}@media screen and (min-width: 768px){.container header .nav ul .nav-item.nav-item--link:not(:last-child):after{margin-left:1em}}.container header .nav ul .nav-item.nav-item--link a:hover{color:#15212e;text-decoration:underline}.container header .nav ul .nav-item.nav-item--active{color:#15212e}.container header .nav ul .nav-item a{text-decoration:none;width:-moz-fit-content;width:fit-content;display:inline-flex}.container main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:0 auto;width:100%;max-width:60rem;padding:0 1rem;flex-grow:1}@media screen and (min-width: 62rem){.container main{padding:0}}.container main>div:not(.home){flex:1}.container main[tabIndex]:focus-visible{outline:2px solid #574b90;outline-offset:4px}.container main .back-link{margin-bottom:2rem;display:flex;align-items:center;gap:.25em;line-height:1}.container main .back-link:last-child{margin-top:2rem}.container main .back-link:before{background-color:currentColor;-webkit-mask-image:url(/everyday-a11y/assets/icon-chevron.svg);mask-image:url(/everyday-a11y/assets/icon-chevron.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";width:1em;height:1em;transform:rotate(180deg);transition:transform .3s ease}@media (hover){.container main .back-link:hover:before{transform:rotate(180deg) translate(-.25em)}}.container main section{margin-top:2rem}@media screen and (min-width: 768px){.container main section{margin-top:4rem}}.container footer{display:flex;justify-content:center;color:#4a555f;font-family:Nunito,sans-serif;font-weight:700;position:relative;padding-top:1rem}.container footer:after{content:"";position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:3rem;height:1px;background-color:#b2bec3}.container footer span{margin-left:.15em;cursor:help}.container footer a{color:#c34468;margin-left:.15em;padding:0 .15em;text-decoration:none;border-radius:2px}.container footer a:hover{background-color:#c34468;color:#fff}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:#f8f8f8}@view-transition{body {navigation: auto;}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem}.loading .loading-logo{font-family:Nunito,sans-serif;font-weight:800;font-size:4rem;background-color:#c34468;color:#fff;padding:.2em;line-height:1;text-align:center;position:relative;aspect-ratio:1;clip-path:shape(from 90.27% 38.13%,curve to 90.99% 62.33% with 93.59% 50%,curve to 78.59% 82.91% with 88.39% 74.67%,curve to 56.15% 93.19% with 68.79% 91.15%,curve to 31.98% 89.65% with 43.5% 95.22%,curve to 12.79% 73.63% with 20.47% 84.08%,curve to 5.02% 49.98% with 5.1% 63.18%,curve to 12.67% 26.3% with 4.95% 36.77%,curve to 31.75% 8.96% with 20.39% 15.83%,curve to 56.76% 3.7% with 43.11% 2.09%,curve to 78.68% 15.78% with 70.41% 5.3%,curve to 90.27% 38.13% with 86.95% 26.26%);animation:blob-morph 3s ease-in-out infinite;will-change:clip-path}@keyframes blob-morph{0%,to{clip-path:shape(from 95.05% 36.64%,curve to 93.64% 62.46% with 98.52% 50%,curve to 78.72% 82.9% with 88.77% 74.92%,curve to 56.23% 92.03% with 68.68% 90.89%,curve to 32.58% 88.11% with 43.79% 93.17%,curve to 13.86% 72.93% with 21.36% 83.05%,curve to 7.47% 50.33% with 6.36% 62.81%,curve to 12.99% 25.11% with 8.58% 37.84%,curve to 30.44% 8.53% with 17.4% 12.38%,curve to 57.12% 4.6% with 43.48% 4.67%,curve to 81.17% 13.91% with 70.76% 4.53%,curve to 95.05% 36.64% with 91.58% 23.28%)}50%{clip-path:shape(from 90.27% 38.13%,curve to 90.99% 62.33% with 93.59% 50%,curve to 78.59% 82.91% with 88.39% 74.67%,curve to 56.15% 93.19% with 68.79% 91.15%,curve to 31.98% 89.65% with 43.5% 95.22%,curve to 12.79% 73.63% with 20.47% 84.08%,curve to 5.02% 49.98% with 5.1% 63.18%,curve to 12.67% 26.3% with 4.95% 36.77%,curve to 31.75% 8.96% with 20.39% 15.83%,curve to 56.76% 3.7% with 43.11% 2.09%,curve to 78.68% 15.78% with 70.41% 5.3%,curve to 90.27% 38.13% with 86.95% 26.26%)}}@media (prefers-reduced-motion: reduce){.loading .loading-logo{animation:none;border-radius:.1em;clip-path:none}}.loading .loading-text{font-weight:600;color:#4a555f;text-align:center}*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--font-heading: Nunito, sans-serif;--font-body: Inter, sans-serif;--font-mono: Sono, monospace}body{font-family:Inter,sans-serif;line-height:1.46;color:#15212e}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:Nunito,sans-serif;line-height:1.2;margin-top:1lh;margin-bottom:.5lh;color:#4a555f;width:100%;max-width:60rem}h1:first-child,.h1:first-child,h2:first-child,.h2:first-child,h3:first-child,.h3:first-child,h4:first-child,.h4:first-child,h5:first-child,.h5:first-child,h6:first-child,.h6:first-child{margin-top:0}h1,.h1{font-size:2.25rem;font-weight:700}@media screen and (min-width: 768px){h1,.h1{font-size:4rem}}h2,.h2{font-size:2rem;font-weight:700}@media screen and (min-width: 768px){h2,.h2{font-size:2.25rem}}h3,.h3{font-size:1.25rem;font-weight:800}@media screen and (min-width: 768px){h3,.h3{font-size:1.5rem}}h4,.h4{font-size:1.125rem;font-weight:800}@media screen and (min-width: 768px){h4,.h4{font-size:1.25rem}}p{font-size:1rem;margin-top:.5lh;margin-bottom:.5lh;width:100%;max-width:48rem}@media screen and (min-width: 768px){p{font-size:1rem}}p:last-child{margin-bottom:0}small,.text-small{font-size:.8125rem}@media screen and (min-width: 768px){small,.text-small{font-size:.875rem}}ol,ul{width:100%;max-width:48rem;margin-left:0;padding-left:1rem;margin-top:.75lh;margin-bottom:1lh}li{margin-bottom:.25lh}li::marker{color:#2f5681}li:last-child{margin-bottom:0}li strong{color:#2f5681}dl{margin-top:1lh;margin-bottom:1lh;width:100%;max-width:60rem}@media screen and (min-width: 768px){dl{-moz-columns:2;columns:2;-moz-column-gap:2rem;column-gap:2rem}}dl dt{font-weight:600;margin-bottom:.125lh}dl dd{margin-bottom:1lh}dl dd:last-child{margin-bottom:0}mark{font-weight:500;--mark-color: rgba(251, 197, 49, .7);--mark-skew: .25em;--mark-height: .5em;--mark-overlap: .35em;margin-inline:calc(var(--mark-overlap) * -1 + 2px);padding-inline:var(--mark-overlap);background-color:transparent;background-image:linear-gradient(to bottom right,transparent 50%,var(--mark-color) 50%),linear-gradient(var(--mark-color),var(--mark-color)),linear-gradient(to top left,transparent 50%,var(--mark-color) 50%);background-size:var(--mark-skew) var(--mark-height),calc(100% - var(--mark-skew) * 2 + 1px) var(--mark-height),var(--mark-skew) var(--mark-height);background-position:left 65%,center 65%,right 65%;background-repeat:no-repeat}mark+mark{margin-left:.2em}code,pre{font-family:Sono,monospace;font-size:.8125rem}@media screen and (min-width: 768px){code,pre{font-size:.875rem}}code{font-weight:500}p>code,li>code{border-radius:2px;padding:.125em .25em;color:#005f63;background-color:#fff}.logo{color:#c34468;transition:color .3s ease;text-decoration:none}.logo [aria-hidden]{display:flex;flex-wrap:wrap;gap:0 .5em}.logo .logo-a{display:inline-flex;align-items:center;justify-content:center;padding:0 .12em;margin-right:.05em;border-radius:.06em;background-color:#c34468;color:#fff;line-height:.975;transition:background-color .3s ease,color .3s ease}.logo:is(a):hover{color:#15212e}.logo:is(a):hover .logo-a{background-color:#15212e;color:#fff}button:focus-visible,a:focus-visible{outline:2px solid #574b90;outline-offset:2px}.btn{display:inline-flex;align-items:center;padding:.625em .938em .625em 1.25em;border-radius:1.5rem;border:.2em solid #2f5681;font-family:Nunito,sans-serif;font-weight:800;line-height:1;font-size:1rem;text-decoration:none;color:#2f5681;transition:background-color .3s ease,color .3s ease}@media screen and (min-width: 768px){.btn{font-size:1rem}}.btn:hover{background-color:#2f5681;color:#fff;outline:none;text-decoration:none}.btn:hover:after{transform:translate(.25em)}.btn:after{display:inline-flex;vertical-align:baseline;margin-left:.25em;background-color:currentColor;-webkit-mask-image:url(/everyday-a11y/assets/icon-chevron.svg);mask-image:url(/everyday-a11y/assets/icon-chevron.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";width:1em;height:1em;transition:transform .3s ease}a{color:#2f5681;text-underline-offset:.125em;transition:color .3s ease}a:focus-visible,a:hover{color:#15212e;text-decoration:none}a[target=_blank]{display:inline}a[target=_blank]:after{display:inline-flex;vertical-align:baseline;margin-left:.25em;background-color:currentColor;-webkit-mask-image:url(/everyday-a11y/assets/icon-external.svg);mask-image:url(/everyday-a11y/assets/icon-external.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";width:1em;height:1em}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-link{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;opacity:0;border:2px solid #2f5681;background-color:#f8f8f8;transition:opacity .3s ease}.skip-link:focus{opacity:1}ul+ul{margin-top:1lh}ul.references{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.5rem}@media screen and (min-width: 520px){ul.references li{text-indent:-4rem;margin-left:4rem}}ul.references li strong{border-radius:2px;padding:.1em .25em;background-color:#c34468;color:#f8f8f8}ul.quick-check{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.5rem}ul.quick-check li{position:relative;padding-left:1.75em}ul.quick-check li:before{background-color:currentColor;-webkit-mask-image:url(/everyday-a11y/assets/icon-check.svg);mask-image:url(/everyday-a11y/assets/icon-check.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:"";width:1em;height:1em;width:1.25em;height:1.25em;display:inline-flex;background-color:#c34468;position:absolute;left:.1em;top:.1em}ul.quick-check li strong{color:#15212e}