:root {
  --sct-a11y-text-scale: 1;
  --sct-a11y-line-height: 1.55;
  --sct-a11y-letter-spacing: 0em;
  --sct-a11y-contrast: 1;
  --sct-a11y-grayscale: 0;
  --sct-a11y-saturation: 1;
  --sct-a11y-invert: 0;
}

html[data-sct-a11y-text] {
  font-size: calc(100% * var(--sct-a11y-text-scale));
}

html[data-sct-a11y-line-height="true"] body :where(p, li, dd, dt, blockquote):not(.sct-a11y *) {
  line-height: var(--sct-a11y-line-height) !important;
}

html[data-sct-a11y-letter-spacing="true"] body :where(p, li, dd, dt, blockquote, label, input, textarea, button):not(.sct-a11y *) {
  letter-spacing: var(--sct-a11y-letter-spacing) !important;
  word-spacing: calc(var(--sct-a11y-letter-spacing) * 2.2) !important;
}

html[data-sct-a11y-font="true"] body :where(:not(code):not(pre):not(kbd):not(samp)):not(.sct-a11y *) {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[data-sct-a11y-links="true"] body :where(main, article, [role="main"]) a:not(.button):not([class*="button"]):not([role="button"]):not(.sct-a11y *) {
  border-radius: 0.18em;
  background: #fff0a8 !important;
  box-shadow: 0 0 0 0.12em #fff0a8 !important;
  color: #102f39 !important;
  text-decoration: underline 0.13em !important;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.16em;
}

html[data-sct-a11y-headings="true"] body :where(h1, h2, h3, h4, h5, h6):not(.sct-a11y *) {
  border-radius: 0.14em;
  background: #d9f4f2 !important;
  box-shadow: 0 0 0 0.14em #d9f4f2 !important;
  color: #11333d !important;
  text-decoration: underline 0.09em #087f96 !important;
  text-underline-offset: 0.13em;
}

html[data-sct-a11y-focus="true"] :focus-visible:not(.sct-a11y *) {
  outline: 4px solid #005fcc !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 2px #fff !important;
}

html[data-sct-a11y-highlight-all="true"] body :where(a, button, input, select, textarea, summary, [role="button"], [tabindex]):not(.sct-a11y *) {
  outline: 2px solid #087f96 !important;
  outline-offset: 2px !important;
}

html[data-sct-a11y-motion="true"] *,
html[data-sct-a11y-motion="true"] *::before,
html[data-sct-a11y-motion="true"] *::after {
  animation-delay: 0s !important;
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-delay: 0s !important;
  transition-duration: 0.001ms !important;
}

html[data-sct-a11y-images="true"] body :where(img, picture, video, iframe):not(.sct-a11y *) {
  opacity: 0 !important;
}

html[data-sct-a11y-color="true"] body > :not(.sct-a11y):not(script):not(style):not(link) {
  filter: contrast(var(--sct-a11y-contrast)) grayscale(var(--sct-a11y-grayscale)) saturate(var(--sct-a11y-saturation)) invert(var(--sct-a11y-invert));
}

html[data-sct-a11y-cursor="true"],
html[data-sct-a11y-cursor="true"] body :not(.sct-a11y *) {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M5 3v29l8-8 7 15 7-3-7-14h14L5 3Z' fill='%23fff' stroke='%23000' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3, auto !important;
}

body [data-sct-a11y-reading="true"]:not(.sct-a11y *) {
  border-radius: 0.18em;
  outline: 3px solid #153f49 !important;
  outline-offset: 4px !important;
  background: #fff3b8 !important;
  box-shadow: 0 0 0 7px rgba(255, 243, 184, 0.72) !important;
  color: #102f39 !important;
  scroll-margin-block: 28vh;
}

/* Panel presentation layer.
   One type scale (11/12/13/16), weights 400-700 only, radii 8/12/16/999.
   Shadows exist on the two floating surfaces only; inside the panel, depth is
   carried by hairlines and whitespace. Text is ink, muted, or white on accent:
   never an accent-derived tone, so contrast holds for any admin accent. */

.sct-a11y,
.sct-a11y * {
  box-sizing: border-box;
}

.sct-a11y {
  --sct-a11y-ink: #142f38;
  --sct-a11y-muted: #4d5f66;
  --sct-a11y-line: #dde4e7;
  --sct-a11y-soft: #f2f6f7;
  --sct-a11y-pale: color-mix(in srgb, var(--sct-a11y-accent) 9%, white);
  --sct-a11y-offset-block: 0px;
  --sct-a11y-offset-inline: 0px;
  position: fixed;
  z-index: 2147481000;
  inset-block-end: calc(max(20px, env(safe-area-inset-bottom)) + var(--sct-a11y-offset-block));
  color: var(--sct-a11y-ink);
  font: 400 15px/1.45 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: start;
}

.sct-a11y--right { inset-inline-end: calc(max(20px, env(safe-area-inset-right)) + var(--sct-a11y-offset-inline)); }
.sct-a11y--left { inset-inline-start: calc(max(20px, env(safe-area-inset-left)) + var(--sct-a11y-offset-inline)); }

.sct-a11y button,
.sct-a11y output,
.sct-a11y select,
.sct-a11y input { font: inherit; }

.sct-a11y svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
}

/* The launcher and panel outrank the guide, mask and magnifier they switch on.
   Without this they inherit z-index auto and the overlays paint over them, so
   turning on the reading mask would dim the only control that turns it off. */
.sct-a11y-launcher {
  position: relative;
  z-index: 2147480800;
  display: grid;
  width: 52px;
  height: 52px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--sct-a11y-accent);
  box-shadow: 0 1px 2px rgba(10, 37, 44, 0.2), 0 8px 22px rgba(10, 37, 44, 0.24);
  color: #fff;
  cursor: pointer;
}

.sct-a11y-launcher > svg { width: 28px; height: 28px; }
.sct-a11y-launcher:hover { filter: brightness(0.93); }
.sct-a11y-launcher__label { position: absolute; inset-block-start: 50%; inset-inline-end: calc(100% + 10px); width: max-content; max-width: 180px; padding: 7px 10px; border-radius: 8px; background: var(--sct-a11y-ink); color: #fff; font-size: 12px; font-weight: 500; opacity: 0; pointer-events: none; transform: translateY(-50%); transition: opacity .15s ease; }
.sct-a11y--left .sct-a11y-launcher__label { inset-inline: calc(100% + 10px) auto; }
.sct-a11y-launcher:hover .sct-a11y-launcher__label,
.sct-a11y-launcher:focus-visible .sct-a11y-launcher__label { opacity: 1; }

.sct-a11y-launcher:focus-visible,
.sct-a11y button:focus-visible,
.sct-a11y select:focus-visible,
.sct-a11y input:focus-visible {
  outline: 3px solid #1473e6;
  outline-offset: 3px;
}

.sct-a11y-panel {
  position: absolute;
  z-index: 2147480900;
  inset-block-end: 68px;
  width: min(560px, calc(100vw - 32px));
  max-height: min(820px, calc(100vh - 108px));
  overflow: auto;
  border: 1px solid var(--sct-a11y-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(10, 37, 44, 0.06), 0 20px 56px rgba(10, 37, 44, 0.2);
  color: var(--sct-a11y-ink);
  overscroll-behavior: contain;
  scrollbar-color: #c2ced2 transparent;
  scrollbar-width: thin;
}

.sct-a11y--right .sct-a11y-panel { inset-inline-end: 0; }
.sct-a11y--left .sct-a11y-panel { inset-inline-start: 0; }
.sct-a11y-panel[hidden],.sct-a11y-view[hidden] { display: none !important; }

.sct-a11y-panel__header {
  position: sticky;
  z-index: 4;
  top: 0;
  display: flex;
  overflow: hidden;
  height: 64px;
  align-items: center;
  gap: 10px;
  padding: 0 12px 0 18px;
  border-bottom: 1px solid var(--sct-a11y-line);
  background: linear-gradient(180deg, color-mix(in srgb, var(--sct-a11y-accent) 7%, white), color-mix(in srgb, var(--sct-a11y-accent) 2%, white));
}

/* The mark, oversized and ghosted, is the panel's only ornament. It bleeds off
   the trailing edge behind the close button at an opacity low enough that the
   header text and control keep their full contrast ratios. */
.sct-a11y-panel__watermark { position: absolute; inset-block-start: -62px; inset-inline-end: -30px; color: var(--sct-a11y-accent); opacity: .3; pointer-events: none; }
.sct-a11y-panel__watermark svg { width: 152px; height: 152px; }
.sct-a11y-panel__mark { display: flex; z-index: 1; flex: 0 0 auto; color: var(--sct-a11y-accent); }
.sct-a11y-panel__mark svg { width: 22px; height: 22px; }
.sct-a11y-panel__titles { z-index: 1; flex: 1; min-width: 0; }
.sct-a11y-panel__header h2 { margin: 0; color: var(--sct-a11y-ink); font-size: 16px; font-weight: 600; letter-spacing: -.01em; line-height: 1.2; }
.sct-a11y-panel__header small { display: block; margin-top: 1px; color: var(--sct-a11y-muted); font-size: 12px; line-height: 1.3; }
/* The close control sits inside the brand hexagon. The shape lives on a
   pseudo-element rather than clipping the button, so the focus outline stays a
   full unclipped rectangle. */
.sct-a11y-close { position: relative; z-index: 1; display: grid; width: 38px; height: 38px; flex: 0 0 auto; padding: 0; place-items: center; border: 0; background: transparent; color: #2c4249; cursor: pointer; }
.sct-a11y-close::before { position: absolute; inset: 0; background: color-mix(in srgb, var(--sct-a11y-accent) 15%, white); clip-path: polygon(87.2% 83.5%, 39.6% 98.9%, 2.5% 65.4%, 12.8% 16.5%, 60.4% 1.1%, 97.6% 34.6%); content: ""; }
.sct-a11y-close:hover { color: var(--sct-a11y-ink); }
.sct-a11y-close:hover::before { background: color-mix(in srgb, var(--sct-a11y-accent) 26%, white); }
.sct-a11y-close svg { position: relative; width: 17px; height: 17px; }

.sct-a11y-tabs {
  position: sticky;
  z-index: 3;
  top: 64px;
  display: flex;
  gap: 4px;
  padding: 0 12px;
  border-bottom: 1px solid var(--sct-a11y-line);
  background: #fff;
}

.sct-a11y-tabs button { display: inline-flex; min-height: 42px; align-items: center; gap: 7px; padding: 0 10px; border: 0; background: transparent; box-shadow: inset 0 -2px 0 transparent; color: var(--sct-a11y-muted); cursor: pointer; font-size: 13px; font-weight: 500; }
.sct-a11y-tabs button:hover { color: var(--sct-a11y-ink); }
.sct-a11y-tabs button[aria-selected="true"] { box-shadow: inset 0 -2px 0 var(--sct-a11y-accent); color: var(--sct-a11y-ink); font-weight: 600; }
.sct-a11y-tabs button span { display: grid; min-width: 19px; height: 19px; padding: 0 5px; place-items: center; border-radius: 999px; background: var(--sct-a11y-soft); color: var(--sct-a11y-muted); font-size: 11px; font-variant-numeric: tabular-nums; font-weight: 600; }
.sct-a11y-tabs button[aria-selected="true"] span { background: var(--sct-a11y-accent); color: #fff; }

.sct-a11y-view { padding: 18px; }
.sct-a11y-intro { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.sct-a11y-intro p { max-width: 360px; margin: 0; color: var(--sct-a11y-muted); font-size: 13px; line-height: 1.5; }
.sct-a11y-intro strong { flex: 0 0 auto; color: var(--sct-a11y-muted); font-size: 12px; font-weight: 500; white-space: nowrap; }
.sct-a11y-intro strong[data-active="true"] { color: var(--sct-a11y-ink); font-weight: 600; }

.sct-a11y-section,
.sct-a11y-profiles { padding-top: 22px; }
.sct-a11y-section__title { margin: 0 0 9px; color: var(--sct-a11y-muted); font-size: 11px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.sct-a11y-section__title > span + span { display: none; }

.sct-a11y-profiles__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.sct-a11y-profiles button { display: grid; grid-template-columns: 22px minmax(0,1fr); min-height: 58px; align-items: center; padding: 10px 12px; gap: 11px; border: 1px solid var(--sct-a11y-line); border-radius: 12px; background: #fff; color: var(--sct-a11y-ink); cursor: pointer; text-align: start; }
.sct-a11y-profiles button > svg { width: 21px; height: 21px; color: var(--sct-a11y-muted); }
.sct-a11y-profiles button:hover { border-color: #c3ced2; background: #fafcfc; }
.sct-a11y-profiles button[aria-pressed="true"] { background: var(--sct-a11y-pale); box-shadow: inset 0 0 0 1px var(--sct-a11y-accent); }
.sct-a11y-profiles button[aria-pressed="true"] > svg { color: var(--sct-a11y-accent); }
.sct-a11y-profiles strong,.sct-a11y-profiles small { display: block; }
.sct-a11y-profiles strong { font-size: 13px; font-weight: 600; line-height: 1.25; }
.sct-a11y-profiles small { margin-top: 2px; color: var(--sct-a11y-muted); font-size: 12px; line-height: 1.3; }

.sct-a11y-text-control { display: grid; grid-template-columns: 22px minmax(0,1fr) 168px; align-items: center; gap: 11px; margin-top: 22px; padding: 12px; border: 1px solid var(--sct-a11y-line); border-radius: 12px; }
.sct-a11y-text-control__icon { display: flex; color: var(--sct-a11y-muted); }
.sct-a11y-text-control__icon svg { width: 21px; height: 21px; }
.sct-a11y-text-control strong,.sct-a11y-text-control small { display: block; }
.sct-a11y-text-control strong { font-size: 13px; font-weight: 600; }
.sct-a11y-text-control small { margin-top: 2px; color: var(--sct-a11y-muted); font-size: 12px; line-height: 1.3; }
.sct-a11y-stepper { display: grid; grid-template-columns: 44px 1fr 44px; min-height: 40px; overflow: hidden; border: 1px solid var(--sct-a11y-line); border-radius: 8px; }
.sct-a11y-stepper button { min-height: 40px; border: 0; background: var(--sct-a11y-soft); color: var(--sct-a11y-ink); cursor: pointer; font-size: 13px; font-weight: 600; }
.sct-a11y-stepper button:hover { background: #e7eef0; }
.sct-a11y-stepper output { display: grid; place-items: center; background: #fff; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }

.sct-a11y-tools { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.sct-a11y-tool { position: relative; display: grid; align-content: start; min-height: 112px; padding: 13px 12px; justify-items: start; border: 1px solid var(--sct-a11y-line); border-radius: 12px; background: #fff; color: var(--sct-a11y-ink); cursor: pointer; gap: 9px; text-align: start; }
.sct-a11y-tool:hover { border-color: #c3ced2; background: #fafcfc; }
.sct-a11y-tool[aria-pressed="true"],.sct-a11y-tool[aria-expanded="true"] { background: var(--sct-a11y-pale); box-shadow: inset 0 0 0 1px var(--sct-a11y-accent); }
.sct-a11y-tool__icon { display: flex; color: var(--sct-a11y-muted); }
.sct-a11y-tool[aria-pressed="true"] .sct-a11y-tool__icon,.sct-a11y-tool[aria-expanded="true"] .sct-a11y-tool__icon { color: var(--sct-a11y-accent); }
.sct-a11y-tool__icon svg { width: 22px; height: 22px; }
.sct-a11y-tool__copy strong,.sct-a11y-tool__copy small { display: block; }
.sct-a11y-tool__copy strong { font-size: 13px; font-weight: 600; line-height: 1.25; }
.sct-a11y-tool__copy small { margin-top: 3px; color: var(--sct-a11y-muted); font-size: 12px; line-height: 1.35; }
.sct-a11y-tool__check { position: absolute; inset-block-start: 11px; inset-inline-end: 12px; display: none; color: var(--sct-a11y-accent); font-size: 13px; font-weight: 700; line-height: 1; }
.sct-a11y-tool[aria-pressed="true"] .sct-a11y-tool__check { display: block; }

.sct-a11y-reader { margin-top: 10px; padding: 14px; border: 1px solid var(--sct-a11y-line); border-radius: 12px; }
.sct-a11y-reader__header { display: flex; align-items: center; gap: 10px; padding-bottom: 13px; border-bottom: 1px solid var(--sct-a11y-line); }
.sct-a11y-reader__header > span { display: flex; flex: 0 0 auto; color: var(--sct-a11y-accent); }
.sct-a11y-reader__header strong,.sct-a11y-reader__header small { display: block; }
.sct-a11y-reader__header strong { font-size: 13px; font-weight: 600; }
.sct-a11y-reader__header small { margin-top: 2px; color: var(--sct-a11y-muted); font-size: 12px; line-height: 1.35; }
.sct-a11y-reader__settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding-top: 13px; }
.sct-a11y-reader__settings > label { display: grid; min-width: 0; gap: 6px; color: var(--sct-a11y-ink); font-size: 12px; font-weight: 600; }
.sct-a11y-reader__settings select { width: 100%; min-width: 0; height: 40px; padding: 0 28px 0 10px; border: 1px solid var(--sct-a11y-line); border-radius: 8px; background-color: #fff; color: var(--sct-a11y-ink); font-size: 13px; font-weight: 400; text-overflow: ellipsis; }
.sct-a11y-reader__voice-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; }
.sct-a11y-reader__voice-row button { min-height: 40px; padding: 0 12px; border: 0; border-radius: 8px; background: var(--sct-a11y-soft); color: var(--sct-a11y-ink); cursor: pointer; font-size: 12px; font-weight: 600; }
.sct-a11y-reader__rate { grid-column: 1/-1; }
.sct-a11y-reader__rate > span { display: flex; justify-content: space-between; }
.sct-a11y-reader__rate output { color: var(--sct-a11y-muted); font-variant-numeric: tabular-nums; font-weight: 600; }
.sct-a11y-reader__rate input { width: 100%; accent-color: var(--sct-a11y-accent); }
.sct-a11y-reader__online { grid-column: 1/-1; grid-template-columns: 17px minmax(0,1fr); align-items: start; padding: 11px; border-radius: 8px; background: var(--sct-a11y-soft); }
.sct-a11y-reader__online input { width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--sct-a11y-accent); }
.sct-a11y-reader__online strong,.sct-a11y-reader__online small { display: block; }
.sct-a11y-reader__online small { margin-top: 2px; color: var(--sct-a11y-muted); font-size: 12px; font-weight: 400; line-height: 1.4; }
.sct-a11y-reader__start { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 13px; }
.sct-a11y-reader__start button { display: flex; min-height: 42px; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; border: 0; border-radius: 8px; background: var(--sct-a11y-soft); color: var(--sct-a11y-ink); cursor: pointer; font-size: 13px; font-weight: 600; }
.sct-a11y-reader__start button:hover:not(:disabled) { background: #e7eef0; }
.sct-a11y-reader__start .sct-a11y-reader__primary { background: var(--sct-a11y-accent); color: #fff; }
.sct-a11y-reader__start .sct-a11y-reader__primary:hover:not(:disabled) { background: var(--sct-a11y-accent); filter: brightness(0.93); }
.sct-a11y-reader__start svg { width: 17px; height: 17px; }
.sct-a11y-reader__transport { display: grid; grid-template-columns: repeat(4,42px); justify-content: center; gap: 8px; margin-top: 10px; }
.sct-a11y-reader__transport button { display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid var(--sct-a11y-line); border-radius: 8px; background: #fff; color: var(--sct-a11y-ink); cursor: pointer; }
.sct-a11y-reader__transport button:hover:not(:disabled) { background: var(--sct-a11y-soft); }
.sct-a11y-reader__transport button:disabled,.sct-a11y-reader__start button:disabled,.sct-a11y-reader__voice-row button:disabled { cursor: not-allowed; opacity: .4; }
.sct-a11y-reader__transport svg { width: 17px; height: 17px; }
.sct-a11y-reader__transport span { display: grid; place-items: center; }
.sct-a11y-reader__transport span[hidden] { display: none !important; }
.sct-a11y-reader__status { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: var(--sct-a11y-soft); color: var(--sct-a11y-ink); font-size: 12px; font-weight: 500; }
.sct-a11y-reader__privacy { margin: 8px 0 0; color: var(--sct-a11y-muted); font-size: 11px; line-height: 1.45; }

.sct-a11y-panel__footer { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--sct-a11y-line); }
.sct-a11y-reset { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 0 14px; border: 0; border-radius: 8px; background: var(--sct-a11y-accent); color: #fff; cursor: pointer; font-size: 13px; font-weight: 600; }
.sct-a11y-reset:hover { filter: brightness(0.93); }
.sct-a11y-reset svg { width: 17px; height: 17px; }
.sct-a11y-panel__footer p { margin: 12px 0 0; color: var(--sct-a11y-muted); font-size: 11px; line-height: 1.5; }

.sct-a11y-statement__lead { display: flex; align-items: center; gap: 11px; padding-bottom: 16px; border-bottom: 1px solid var(--sct-a11y-line); }
.sct-a11y-statement__lead > span { display: flex; flex: 0 0 auto; color: var(--sct-a11y-accent); }
.sct-a11y-statement__lead strong,.sct-a11y-statement__lead p { display: block; margin: 0; }
.sct-a11y-statement__lead strong { font-size: 13px; font-weight: 600; }
.sct-a11y-statement__lead p { margin-top: 2px; color: var(--sct-a11y-muted); font-size: 12px; }
.sct-a11y-statement__content { padding-top: 18px; color: var(--sct-a11y-ink); font-size: 13px; line-height: 1.65; }
.sct-a11y-statement__content h3 { margin: 22px 0 7px; color: var(--sct-a11y-ink); font-size: 15px; font-weight: 600; line-height: 1.3; }
.sct-a11y-statement__content h3:first-child { margin-top: 0; font-size: 18px; }
.sct-a11y-statement__content p { margin: 0 0 12px; color: var(--sct-a11y-muted); }
.sct-a11y-statement__content ul { margin: 8px 0 16px; padding-inline-start: 20px; color: var(--sct-a11y-muted); }
.sct-a11y-statement__content li { margin: 5px 0; }
.sct-a11y-statement__content a { color: #006d83; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

.sct-a11y-reading-guide,.sct-a11y-reading-mask { position: fixed; z-index: 2147480000; inset-inline: 0; top: var(--sct-a11y-guide-y,50vh); height: 48px; pointer-events: none; transform: translateY(-50%); }
.sct-a11y-reading-guide { border-block: 2px solid rgba(0,95,204,.76); background: rgba(255,239,132,.2); box-shadow: 0 -30px 60px rgba(8,25,30,.05),0 30px 60px rgba(8,25,30,.05); }
.sct-a11y-reading-mask { height: 72px; border-block: 2px solid rgba(255,255,255,.72); box-shadow: 0 -100vh 0 100vh rgba(8,24,30,.66),0 100vh 0 100vh rgba(8,24,30,.66); }
.sct-a11y-magnifier { position: fixed; z-index: 2147480500; inset-inline-start: var(--sct-a11y-magnifier-x,20px); top: var(--sct-a11y-magnifier-y,20px); width: min(440px,calc(100vw - 32px)); padding: 14px 17px; border: 1px solid var(--sct-a11y-line); border-radius: 12px; background: #fff; box-shadow: 0 2px 6px rgba(10,37,44,.06),0 16px 40px rgba(10,37,44,.22); color: var(--sct-a11y-ink); font-size: 21px; font-weight: 500; line-height: 1.35; pointer-events: none; }

@media (max-width: 720px) {
  html[data-sct-a11y-text] .sct-review-dates__primary { flex: 1 1 100%; flex-wrap: wrap; min-width: 0; }
  html[data-sct-a11y-text] .sct-review-dates__primary > span { white-space: normal; }
  .sct-a11y { inset-inline: 12px; inset-block-end: calc(max(12px,env(safe-area-inset-bottom)) + var(--sct-a11y-offset-block)); }
  .sct-a11y-launcher { float: inline-end; }
  .sct-a11y-launcher__label { display: none; }
  .sct-a11y-panel { position: fixed; inset: 10px 10px max(72px,calc(env(safe-area-inset-bottom) + 64px)); width: auto; max-height: none; border-radius: 14px; }
  .sct-a11y-view { padding: 14px; }
  .sct-a11y-intro { align-items: flex-start; flex-direction: column; gap: 6px; }
  .sct-a11y-profiles__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sct-a11y-text-control { grid-template-columns: 22px 1fr; }
  .sct-a11y-stepper { grid-column: 1/-1; }
  .sct-a11y-tools { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sct-a11y-reader__settings { grid-template-columns: 1fr; }
  .sct-a11y-reader__rate,.sct-a11y-reader__online { grid-column: auto; }
}

@media (max-width: 380px) {
  .sct-a11y-tool { padding-inline: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .sct-a11y * { scroll-behavior: auto !important; transition-duration: .001ms !important; }
}