.screen-reader-hero {position: relative;padding: 48px 0;background:linear-gradient(135deg,#f5f9ff 0%,#ffffff 55%,#f8fbff 100%);border-bottom: 1px solid #e8edf4;}
.screen-reader-hero-inner {display: flex;align-items: center;justify-content: space-between;gap: 40px;}
.screen-reader-hero-copy {max-width: 760px;}
.screen-reader-kicker {display: inline-block;margin-bottom: 8px;font-size: 12px;font-weight: 800;letter-spacing: 1.2px;text-transform: uppercase;color: #174d86;}
.screen-reader-hero h1 {margin: 0 0 14px;font-size: clamp(32px, 4vw, 48px);line-height: 1.12;color: #10223c;}
.screen-reader-hero p {max-width: 720px;margin: 0;font-size: 17px;line-height: 1.75;color: #58677b;}
.screen-reader-hero-badge {flex: 0 0 auto;display: flex;align-items: center;gap: 14px;min-width: 225px;padding: 18px 20px;background: #ffffff;border: 1px solid #e1e8f0;border-radius: 16px;box-shadow: 0 10px 30px rgba(20, 48, 82, 0.08);}
.screen-reader-hero-icon {display: grid;place-items: center;width: 52px;height: 52px;flex: 0 0 52px;border-radius: 14px;background: #0d3f73;color: #ffffff;font-size: 24px;font-weight: 800;}
.screen-reader-hero-badge strong {display: block;margin-bottom: 3px;color: #13243b;font-size: 15px;}
.screen-reader-hero-badge small {color: #718096;}
.screen-reader-section {padding: 48px 0 70px;background: #ffffff;}
.screen-reader-layout {display: grid;grid-template-columns: minmax(0, 1fr) 330px;gap: 30px;align-items: start;}
.screen-reader-main {min-width: 0;}
.screen-reader-card {padding: 30px;background: #ffffff;border: 1px solid #e3e8ef;border-radius: 18px;box-shadow:0 8px 30px rgba(19, 46, 78, 0.05);}
.screen-reader-card-head {margin-bottom: 24px;}
.screen-reader-card-head h2 {margin: 0 0 10px;font-size: 30px;line-height: 1.25;color: #15253d;}
.screen-reader-card-head p {max-width: 760px;margin: 0;line-height: 1.7;color: #5c697b;}
.screen-reader-table-wrap {width: 100%;overflow-x: auto;border: 1px solid #e2e7ed;border-radius: 14px;background: #ffffff;}
.screen-reader-table {width: 100%;border-collapse: collapse;}
.screen-reader-table th,
.screen-reader-table td {padding: 18px 20px;text-align: left;vertical-align: middle;border-bottom: 1px solid #e9edf2;}
.screen-reader-table th {background: #f6f8fb;color: #18263a;font-size: 14px;font-weight: 800;}
.screen-reader-table tbody tr:last-child td {border-bottom: 0;}
.screen-reader-table tbody tr {transition:background-color 0.2s ease,transform 0.2s ease;}
.screen-reader-table tbody tr:hover {background: #fafcff;}
.reader-name {font-weight: 700;color: #1a2a40;}
.reader-link {display: inline-flex;align-items: center;gap: 7px;color: #0b559b;font-weight: 700;text-decoration: none;}
.reader-link:hover {text-decoration: underline;text-underline-offset: 4px;}
.reader-status {display: inline-flex;align-items: center;justify-content: center;padding: 6px 12px;border-radius: 999px;background: #eaf4ff;color: #174d86;font-size: 12px;font-weight: 800;letter-spacing: 0.3px;}
.screen-reader-info-box {display: flex;gap: 14px;margin-top: 24px;padding: 18px 20px;border: 1px solid #dce5ef;border-radius: 14px;background: #f7faff;}
.screen-reader-info-icon {display: grid;place-items: center;width: 34px;height: 34px;flex: 0 0 34px;border-radius: 50%;background: #174d86;color: #ffffff;font-weight: 800;}
.screen-reader-info-box h3 {margin: 0 0 5px;font-size: 16px;color: #172940;}
.screen-reader-info-box p {margin: 0;line-height: 1.65;color: #667386;}
.screen-reader-support {display: flex;align-items: center;justify-content: space-between;gap: 30px;margin-top: 24px;padding: 26px 28px;border-radius: 18px;background: #0d3f73;color: #ffffff;}
.screen-reader-support .screen-reader-kicker {color: #c8dcf2;}
.screen-reader-support h2 {margin: 0 0 8px;color: #ffffff;font-size: 23px;}
.screen-reader-support p {max-width: 680px;margin: 0;line-height: 1.65;color: rgba(255, 255, 255, 0.82);}
.screen-reader-support-btn {flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;min-height: 46px;padding: 0 20px;border-radius: 10px;background: #ffffff;color: #0d3f73;font-weight: 800;text-decoration: none;white-space: nowrap;}
.screen-reader-support-btn:hover {transform: translateY(-1px);}
.screen-reader-sidebar {position: sticky;top: 95px;}
.screen-reader-links-card {overflow: hidden;background: #ffffff;border: 1px solid #e1e7ee;border-radius: 18px;box-shadow:0 8px 30px rgba(19, 46, 78, 0.05);}
.screen-reader-sidebar-head {padding: 22px 22px 16px;border-bottom: 1px solid #e8edf2;}
.screen-reader-sidebar-head h2 {margin: 0 0 7px;font-size: 25px;color: #18283e;}
.screen-reader-sidebar-head p {margin: 0;line-height: 1.55;color: #707c8e;font-size: 14px;}
.screen-reader-links-list {display: block;max-height: 520px;overflow-y: auto;scrollbar-width: thin;}
.screen-reader-link-item {display: grid;grid-template-columns: 22px minmax(0, 1fr) 18px;align-items: center;gap: 8px;min-height: 49px;padding: 11px 18px;border-bottom: 1px solid #edf0f3;color: #26364a;text-decoration: none;transition:background-color 0.2s ease,color 0.2s ease,padding-left 0.2s ease;}
.screen-reader-link-item:last-child {border-bottom: 0;}
.screen-reader-link-item:hover {padding-left: 21px;background: #f5f9fd;color: #0d4f8d;}
.screen-reader-link-arrow {display: grid;place-items: center;width: 22px;height: 22px;border-radius: 6px;background: #eef5fc;color: #174d86;font-weight: 800;}
.screen-reader-link-name {font-size: 14px;font-weight: 600;line-height: 1.35;}
.screen-reader-link-external {color: #8190a3;font-size: 13px;}
.screen-reader-empty {padding: 20px;color: #6e7b8d;}
.reader-link:focus-visible,
.screen-reader-link-item:focus-visible,
.screen-reader-support-btn:focus-visible {outline: 3px solid #f0b54d;outline-offset: 3px;}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
@media (max-width: 1024px) {.screen-reader-layout {grid-template-columns: minmax(0, 1fr) 290px;gap: 22px;}.screen-reader-card {padding: 24px;}.screen-reader-sidebar {top: 80px;}}
@media (max-width: 900px) {.screen-reader-hero-inner {align-items: flex-start;flex-direction: column;gap: 24px;}.screen-reader-hero-badge {width: 100%;}.screen-reader-layout {grid-template-columns: 1fr;}.screen-reader-sidebar {position: static;}.screen-reader-links-list {max-height: 420px;}}
@media (max-width: 640px) {.screen-reader-hero {padding: 34px 0;}.screen-reader-hero h1 {font-size: 32px;}.screen-reader-hero p {font-size: 15px;}.screen-reader-section {padding: 30px 0 50px;}.screen-reader-card {padding: 20px 16px;border-radius: 14px;}.screen-reader-card-head h2 {font-size: 25px;}.screen-reader-table-wrap {border: 0;overflow: visible;}.screen-reader-table,.screen-reader-table tbody,.screen-reader-table tr,.screen-reader-table td {display: block;width: 100%;}.screen-reader-table thead {display: none;}.screen-reader-table tbody {display: grid;gap: 12px;}.screen-reader-table tr {padding: 16px;border: 1px solid #e2e8ef;border-radius: 12px;background: #ffffff;}.screen-reader-table td {padding: 7px 0;border: 0;}.reader-name {font-size: 16px;}.screen-reader-support {align-items: flex-start;flex-direction: column;padding: 22px;}.screen-reader-support-btn {width: 100%;}.screen-reader-sidebar-head {padding: 20px;}.screen-reader-sidebar-head h2 {font-size: 23px;}}
/**/
.js-reveal {opacity: 0;transform: translateY(18px);transition:opacity 0.55s ease,transform 0.55s ease;}
.js-reveal.is-visible {opacity: 1;transform: translateY(0);}
.reader-row-ready {opacity: 0;transform: translateY(8px);animation: readerRowIn 0.45s ease forwards;animation-delay: var(--row-delay, 0ms);}
@keyframes readerRowIn {to {opacity: 1;transform: translateY(0);}}
.important-link-ready {opacity: 0;transform: translateX(8px);animation: importantLinkIn 0.4s ease forwards;animation-delay: var(--link-delay, 0ms);}
@keyframes importantLinkIn {to {opacity: 1;transform: translateX(0);}}
.reader-link.link-clicked,
.screen-reader-link-item.link-clicked {transform: scale(0.98);}
.screen-reader-hero-badge {transition:transform 0.25s ease,box-shadow 0.25s ease;will-change: transform;}
.screen-reader-hero-badge:hover {box-shadow:0 16px 36px rgba(20, 48, 82, 0.13);}
.screen-reader-links-list.is-scrolled {box-shadow:inset 0 8px 10px -12px rgba(0, 0, 0, 0.55);}
.screen-reader-links-list:not(.is-bottom) {border-bottom:1px solid rgba(15, 23, 42, 0.05);}
.keyboard-navigation a:focus,
.keyboard-navigation button:focus,
.keyboard-navigation [tabindex]:focus {outline: 3px solid #f0b54d;outline-offset: 3px;}
@media (prefers-reduced-motion: reduce) {.js-reveal,.reader-row-ready,.important-link-ready,.screen-reader-hero-badge {opacity: 1 !important;transform: none !important;animation: none !important;transition: none !important;}}