/* Reuse the site typography and layout; keep the footer focus outline readable on orange. */
.accessibility-page .header-container h1 {font:normal 20px/1.15 'ralewaymedium';color:#242d32;margin:.83em 0;}
.accessibility-page .screenshot-comparison {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:760px;margin:28px auto 36px;}
.accessibility-page figure {margin:0;min-width:0;}
.accessibility-page figure a {display:block;}
.accessibility-page .screen-window {overflow:hidden;border:1px solid #ebebeb;border-radius:12px;aspect-ratio:1668 / 2170;background:#fff;}
.accessibility-page .screen-window img {display:block;width:100%;height:auto;max-width:none;}
.accessibility-page .phone-comparison .screen-window {aspect-ratio:750 / 1624;}
.accessibility-page figcaption {margin-top:10px;text-align:center;line-height:1.5;}
.accessibility-page .main-container article a {text-decoration:underline;text-underline-offset:.15em;}
.accessibility-page a:focus-visible,.accessibility-page button:focus-visible {outline:3px solid #a43a0b;outline-offset:4px;}
@media(max-width:540px){.accessibility-page .screenshot-comparison{grid-template-columns:1fr;max-width:340px;gap:28px;}.accessibility-page .header-container h1{padding:0 12px;}}

.accessibility-page .footer-container a:focus-visible {outline-color:#ffffff;}

.accessibility-page .footer-container .copyright {font-size:12px;line-height:1.5;text-align:center;}