/* MITRANS safety speech 20261016-3. Shared by home and all eleven guides. */
/* ===== Current exported guide appearance + tested speech UI ===== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

#mitrans-safety[data-page="guide"] {

  --ink:#242039;
  --muted:#635f70;
  --purple:#493280;
  --deep:#302052;
  --accent:#eabb4e;
  --paper:#faf9fc;
  --line:#dedbe7;
  --panel:#fff;
  --soft:#eeeaf6;
  font-size:18px;
  color-scheme:light
}#mitrans-safety[data-page="guide"] * {

  box-sizing:border-box
}#mitrans-safety[data-page="guide"] {

  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans',Arial,sans-serif;
  line-height:1.65
}#mitrans-safety[data-page="guide"] h1,
#mitrans-safety[data-page="guide"] h2,
#mitrans-safety[data-page="guide"] h3,
#mitrans-safety[data-page="guide"] .brand {

  font-family:Manrope,Arial,sans-serif;
  line-height:1.2
}#mitrans-safety[data-page="guide"] h1 {

  font-size:clamp(calc(2.2 * var(--sg-text-size, 18px)),4.3vw,calc(3.6 * var(--sg-text-size, 18px)));
  letter-spacing:-.045em;
  margin:16px 0 24px;
  font-weight:800
}#mitrans-safety[data-page="guide"] h2 {

  font-size:calc(1.75 * var(--sg-text-size, 18px));
  letter-spacing:-.035em
}#mitrans-safety[data-page="guide"] h3 {

  font-size:calc(1.2 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] a {

  color:var(--purple);
  text-underline-offset:4px
}#mitrans-safety[data-page="guide"] button,
#mitrans-safety[data-page="guide"] select {

  font:inherit
}#mitrans-safety[data-page="guide"] button,
#mitrans-safety[data-page="guide"] a,
#mitrans-safety[data-page="guide"] select {

  -webkit-tap-highlight-color:transparent
}#mitrans-safety[data-page="guide"] button {

  cursor:pointer
}#mitrans-safety[data-page="guide"] button:disabled {

  cursor:default;
  opacity:.5
}#mitrans-safety[data-page="guide"] :focus-visible {

  outline:3px solid #9b6500;
  outline-offset:5px
}#mitrans-safety[data-page="guide"] .skip {

  position:fixed;
  top:-100px;
  left:20px;
  background:var(--panel);
  padding:12px;
  z-index:20
}#mitrans-safety[data-page="guide"] .skip:focus {

  top:10px
}#mitrans-safety[data-page="guide"] .wrap {

  max-width:1200px;
  padding:0 40px;
  margin:auto
}#mitrans-safety[data-page="guide"] .topline {

  height:6px;
  background:linear-gradient(90deg,var(--purple) 78%,var(--accent) 78%)
}#mitrans-safety[data-page="guide"] header {

  background:var(--panel);
  border-bottom:1px solid var(--line)
}#mitrans-safety[data-page="guide"] .header-inner {

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:100px
}#mitrans-safety[data-page="guide"] .brand {

  color:var(--purple);
  text-decoration:none;
  font-size:calc(1.7 * var(--sg-text-size, 18px));
  font-weight:800;
  letter-spacing:-.04em
}#mitrans-safety[data-page="guide"] .brand small {

  display:block;
  font-family:'DM Sans',sans-serif;
  font-size:calc(.67 * var(--sg-text-size, 18px));
  letter-spacing:.11em;
  font-weight:500;
  margin-top:6px;
  color:var(--muted)
}#mitrans-safety[data-page="guide"] .header-right {

  display:flex;
  align-items:center;
  gap:32px
}#mitrans-safety[data-page="guide"] .back-link {

  font-size:calc(.8 * var(--sg-text-size, 18px));
  text-decoration:none
}#mitrans-safety[data-page="guide"] .language {

  display:flex;
  gap:4px;
  border:1px solid var(--line);
  padding:4px;
  border-radius:8px;
  margin:0
}#mitrans-safety[data-page="guide"] .language legend {

  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%)
}#mitrans-safety[data-page="guide"] .language label {

  position:relative;
  cursor:pointer
}#mitrans-safety[data-page="guide"] .language input {

  position:absolute;
  opacity:0
}#mitrans-safety[data-page="guide"] .language span {

  display:block;
  padding:7px 14px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  border-radius:5px
}#mitrans-safety[data-page="guide"] .language input:checked+span {

  background:var(--purple);
  color:white
}#mitrans-safety[data-page="guide"] .language input:focus-visible+span {

  outline:3px solid #9b6500;
  outline-offset:3px
}#mitrans-safety[data-page="guide"] .eyebrow {

  font-size:calc(.72 * var(--sg-text-size, 18px));
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--purple)
}#mitrans-safety[data-page="guide"] .hero {

  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:75px;
  padding-top:65px;
  padding-bottom:65px
}#mitrans-safety[data-page="guide"] .hero p {

  max-width:630px;
  color:var(--muted);
  font-size:calc(1.08 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .hero-aside {

  align-self:center;
  border-left:3px solid var(--accent);
  padding:12px 0 12px 28px
}#mitrans-safety[data-page="guide"] .hero-aside h2 {

  font-size:calc(1.35 * var(--sg-text-size, 18px));
  margin:0 0 12px
}#mitrans-safety[data-page="guide"] .hero-aside p {

  font-size:calc(.9 * var(--sg-text-size, 18px));
  margin:0
}#mitrans-safety[data-page="guide"] .features {

  display:flex;
  gap:22px;
  flex-wrap:wrap;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  color:var(--muted);
  margin-top:28px
}#mitrans-safety[data-page="guide"] .features span:before {

  content:'✓';
  color:var(--purple);
  font-weight:700;
  margin-right:8px
}#mitrans-safety[data-page="guide"] .library {

  border-top:1px solid var(--line);
  padding-top:36px;
  padding-bottom:80px
}#mitrans-safety[data-page="guide"] .section-title {

  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:24px
}#mitrans-safety[data-page="guide"] .section-title h2 {

  margin:0
}#mitrans-safety[data-page="guide"] .section-title span {

  font-size:calc(.78 * var(--sg-text-size, 18px));
  color:var(--muted)
}#mitrans-safety[data-page="guide"] .guide-card {

  display:grid;
  grid-template-columns:240px 1fr;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  max-width:940px
}#mitrans-safety[data-page="guide"] .card-panel {

  background:var(--deep);
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:28px;
  min-height:280px
}#mitrans-safety[data-page="guide"] .route-no {

  font-size:calc(4.3 * var(--sg-text-size, 18px));
  font-weight:800;
  line-height:1.1;
  color:var(--accent);
  letter-spacing:-.08em
}#mitrans-safety[data-page="guide"] .route-label {

  font-size:calc(.75 * var(--sg-text-size, 18px));
  text-transform:uppercase;
  letter-spacing:.12em
}#mitrans-safety[data-page="guide"] .rail-line {

  height:4px;
  background:var(--accent);
  position:relative;
  margin:25px 0
}#mitrans-safety[data-page="guide"] .rail-line:before,
#mitrans-safety[data-page="guide"] .rail-line:after {

  content:'';
  position:absolute;
  width:14px;
  height:14px;
  border:3px solid var(--accent);
  background:var(--deep);
  border-radius:50%;
  top:-5px
}#mitrans-safety[data-page="guide"] .rail-line:after {

  right:0
}#mitrans-safety[data-page="guide"] .card-body {

  padding:30px 36px
}#mitrans-safety[data-page="guide"] .card-body h3 {

  font-size:calc(1.65 * var(--sg-text-size, 18px));
  margin:12px 0
}#mitrans-safety[data-page="guide"] .card-body p {

  color:var(--muted);
  margin:0 0 23px;
  font-size:calc(.95 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .tag {

  font-size:calc(.7 * var(--sg-text-size, 18px));
  background:var(--soft);
  padding:4px 10px;
  border-radius:5px;
  color:var(--purple)
}#mitrans-safety[data-page="guide"] .button {

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  background:var(--purple);
  color:white;
  border:1px solid var(--purple);
  border-radius:7px;
  padding:12px 20px;
  text-decoration:none;
  font-weight:600;
  font-size:calc(.86 * var(--sg-text-size, 18px));
  min-height:46px
}#mitrans-safety[data-page="guide"] .button:hover {

  background:var(--deep)
}#mitrans-safety[data-page="guide"] .button.secondary {

  background:var(--panel);
  color:var(--purple);
  border-color:var(--line)
}#mitrans-safety[data-page="guide"] footer {

  border-top:1px solid var(--line);
  padding:26px 0;
  color:var(--muted);
  font-size:calc(.75 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .footer-inner {

  display:flex;
  justify-content:space-between;
  gap:20px
}#mitrans-safety[data-page="guide"] .breadcrumb {

  padding-top:26px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  color:var(--muted)
}#mitrans-safety[data-page="guide"] .article-head {

  padding:30px 0 35px;
  max-width:870px
}#mitrans-safety[data-page="guide"] .article-head h1 {

  font-size:clamp(calc(2 * var(--sg-text-size, 18px)),4vw,calc(3 * var(--sg-text-size, 18px)));
  margin-bottom:16px
}#mitrans-safety[data-page="guide"] .article-head p {

  color:var(--muted);
  margin:0
}#mitrans-safety[data-page="guide"] .access-bar {

  border:1px solid var(--line);
  background:var(--panel);
  border-radius:10px;
  padding:20px 24px;
  margin-bottom:42px
}#mitrans-safety[data-page="guide"] .access-row {

  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap
}#mitrans-safety[data-page="guide"] .access-title {

  font-weight:700;
  margin-right:auto;
  font-size:calc(.9 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .access-bar button,
#mitrans-safety[data-page="guide"] .access-bar select {

  min-height:44px;
  border:1px solid var(--line);
  border-radius:6px;
  padding:7px 13px;
  background:var(--panel);
  color:var(--ink);
  font-size:calc(.78 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .access-bar button.primary {

  background:var(--purple);
  color:white;
  border-color:var(--purple)
}#mitrans-safety[data-page="guide"] .speed-label {

  font-size:calc(.75 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .display-tools {

  display:flex;
  gap:6px;
  border-left:1px solid var(--line);
  padding-left:12px
}#mitrans-safety[data-page="guide"] .status {

  font-size:calc(.73 * var(--sg-text-size, 18px));
  color:var(--muted);
  margin:12px 0 0
}#mitrans-safety[data-page="guide"] .article-layout {

  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  gap:58px;
  align-items:start
}#mitrans-safety[data-page="guide"] .contents {

  position:sticky;
  top:24px;
  padding-bottom:30px
}#mitrans-safety[data-page="guide"] .contents h2 {

  font-size:calc(.76 * var(--sg-text-size, 18px));
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-top:0
}#mitrans-safety[data-page="guide"] .contents ol {

  list-style:none;
  padding:0;
  margin:20px 0;
  border-left:1px solid var(--line)
}#mitrans-safety[data-page="guide"] .contents a {

  display:block;
  padding:9px 14px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  text-decoration:none;
  color:var(--muted)
}#mitrans-safety[data-page="guide"] .contents a:hover {

  color:var(--purple);
  background:var(--soft)
}#mitrans-safety[data-page="guide"] .article section {

  scroll-margin-top:28px;
  margin-bottom:44px
}#mitrans-safety[data-page="guide"] .article h2 {

  font-size:calc(1.45 * var(--sg-text-size, 18px));
  margin:0 0 20px;
  display:flex;
  align-items:baseline;
  gap:16px
}#mitrans-safety[data-page="guide"] .section-number {

  font-size:calc(.85 * var(--sg-text-size, 18px));
  color:var(--purple);
  font-weight:700
}#mitrans-safety[data-page="guide"] .article ul {

  padding-left:23px
}#mitrans-safety[data-page="guide"] .article li {

  padding-left:7px;
  margin:12px 0
}#mitrans-safety[data-page="guide"] .article p,
#mitrans-safety[data-page="guide"] .article li {

  font-size:calc(1 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .notice {

  padding:22px 26px;
  border-left:4px solid var(--accent);
  background:#fff6dd;
  margin-bottom:38px;
  border-radius:0 8px 8px 0
}#mitrans-safety[data-page="guide"] .notice strong {

  display:block;
  margin-bottom:6px;
  font-weight: 800
}#mitrans-safety[data-page="guide"] .notice p {

  margin:0
}#mitrans-safety[data-page="guide"] .section-listen {

  border:0;
  background:none;
  color:var(--purple);
  padding:8px 0;
  font:inherit;
  font-size:calc(.76 * var(--sg-text-size, 18px));
  text-decoration:underline;
  text-underline-offset:4px
}#mitrans-safety[data-page="guide"] .reading {

  background:var(--soft);
  border-radius:6px;
  outline:6px solid var(--soft)
}#mitrans-safety[data-page="guide"] .downloads {

  padding:30px;
  background:var(--soft);
  border-radius:10px
}#mitrans-safety[data-page="guide"] .downloads h2 {

  margin-bottom:10px
}#mitrans-safety[data-page="guide"] .downloads>p {

  color:var(--muted);
  font-size:calc(.85 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .download-grid {

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:22px
}#mitrans-safety[data-page="guide"] .download-item {

  background:var(--panel);
  padding:20px;
  border-radius:7px;
  border:1px solid var(--line)
}#mitrans-safety[data-page="guide"] .download-item strong {

  display:block;
  font-size:calc(.92 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .download-item small {

  display:block;
  color:var(--muted);
  margin:5px 0 16px;
  font-size:calc(.72 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .download-item a {

  font-size:calc(.78 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="guide"] .unavailable {

  font-size:calc(.76 * var(--sg-text-size, 18px));
  color:var(--muted)
}#mitrans-safety[data-page="guide"] .source-note {

  font-size:calc(.73 * var(--sg-text-size, 18px))!important;
  color:var(--muted);
  margin-top:26px
}#mitrans-safety[data-page="guide"] .source-note a {

  color:inherit
}#mitrans-safety[data-page="guide"].contrast {

  --ink:#fff;
  --muted:#eee;
  --purple:#ffe071;
  --deep:#111;
  --accent:#ffe071;
  --paper:#000;
  --line:#aaa;
  --panel:#111;
  --soft:#282828;
  color-scheme:dark
}#mitrans-safety[data-page="guide"].contrast .button,
#mitrans-safety[data-page="guide"].contrast .primary,
#mitrans-safety[data-page="guide"].contrast .language input:checked+span {

  color:#000;
  background:#ffe071
}#mitrans-safety[data-page="guide"].contrast .notice {

  background:#282828
}#mitrans-safety[data-page="guide"].contrast .button.secondary {

  color:#ffe071;
  background:#111
}
@media(max-width:800px) {#mitrans-safety[data-page="guide"] .wrap {

    padding:0 24px
  }#mitrans-safety[data-page="guide"] .hero {

    gap:30px;
    grid-template-columns:1fr;
    padding-top:40px;
    padding-bottom:40px
  }#mitrans-safety[data-page="guide"] .hero-aside {

    max-width:600px
  }#mitrans-safety[data-page="guide"] .header-right {

    gap:16px
  }#mitrans-safety[data-page="guide"] .back-link {

    display:none
  }#mitrans-safety[data-page="guide"] .article-layout {

    grid-template-columns:1fr;
    gap:14px
  }#mitrans-safety[data-page="guide"] .contents {

    position:static;
    border-bottom:1px solid var(--line);
    padding-bottom:16px
  }#mitrans-safety[data-page="guide"] .contents ol {

    display:grid;
    grid-template-columns:1fr 1fr;
    margin-bottom:0
  }#mitrans-safety[data-page="guide"] .guide-card {

    grid-template-columns:190px 1fr
  }#mitrans-safety[data-page="guide"] .card-body {

    padding:26px
  }#mitrans-safety[data-page="guide"] .display-tools {

    border:0;
    padding:0
  }
}
@media(max-width:520px) {#mitrans-safety[data-page="guide"] .wrap {

    padding:0 20px
  }#mitrans-safety[data-page="guide"] .header-inner {

    min-height:88px;
    gap:12px
  }#mitrans-safety[data-page="guide"] .brand {

    font-size:calc(1.35 * var(--sg-text-size, 18px))
  }#mitrans-safety[data-page="guide"] .brand small {

    font-size:calc(.55 * var(--sg-text-size, 18px))
  }#mitrans-safety[data-page="guide"] .language span {

    padding:7px 10px
  }#mitrans-safety[data-page="guide"] .hero {

    padding-top:32px
  }#mitrans-safety[data-page="guide"] .guide-card {

    grid-template-columns:1fr
  }#mitrans-safety[data-page="guide"] .card-panel {

    min-height:130px;
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:24px;
    align-items:center
  }#mitrans-safety[data-page="guide"] .rail-line {

    display:none
  }#mitrans-safety[data-page="guide"] .route-no {

    font-size:calc(3 * var(--sg-text-size, 18px));
    grid-row:span 2;
    text-align:right
  }#mitrans-safety[data-page="guide"] .route-label {

    grid-column:1
  }#mitrans-safety[data-page="guide"] .card-body {

    padding:25px
  }#mitrans-safety[data-page="guide"] .features {

    gap:12px
  }#mitrans-safety[data-page="guide"] .download-grid {

    grid-template-columns:1fr
  }#mitrans-safety[data-page="guide"] .access-bar {

    padding:16px
  }#mitrans-safety[data-page="guide"] .access-title {

    width:100%
  }#mitrans-safety[data-page="guide"] .contents ol {

    grid-template-columns:1fr
  }#mitrans-safety[data-page="guide"] .footer-inner {

    flex-direction:column;
    gap:6px
  }#mitrans-safety[data-page="guide"] .article h2 {

    font-size:calc(1.3 * var(--sg-text-size, 18px))
  }#mitrans-safety[data-page="guide"] .downloads {

    padding:22px
  }#mitrans-safety[data-page="guide"] .section-title {

    gap:12px
  }#mitrans-safety[data-page="guide"] .section-title h2 {

    font-size:calc(1.4 * var(--sg-text-size, 18px))
  }
}#mitrans-safety[data-page="guide"] .sr-only {

  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}#mitrans-safety[data-page="guide"] .voice-panel {

  border-top:1px solid var(--line);
  margin-top:18px;
  padding-top:18px
}#mitrans-safety[data-page="guide"] .voice-row {

  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center
}#mitrans-safety[data-page="guide"] .voice-row label {

  font-size:calc(.8 * var(--sg-text-size, 18px));
  font-weight:600
}#mitrans-safety[data-page="guide"] .voice-row select {

  min-width:0;
  max-width:100%;
  flex:1 1 260px
}#mitrans-safety[data-page="guide"] .voice-row button[aria-pressed=true] {

  background:var(--purple);
  color:var(--panel)
}#mitrans-safety[data-page="guide"] .home-access {

  margin-top:28px;
  margin-bottom:0
}#mitrans-safety[data-page="guide"] .home-access+.hero {

  padding-top:35px
}#mitrans-safety[data-page="guide"] .voice-row button,
#mitrans-safety[data-page="guide"] .voice-row select {

  white-space:normal
}#mitrans-safety[data-page="guide"] .reading {

  scroll-margin:20px
}
@media(max-width:520px) {#mitrans-safety[data-page="guide"] .voice-row label {

    width:100%
  }#mitrans-safety[data-page="guide"] .voice-row select {

    width:100%;
    flex-basis:100%
  }
}#mitrans-safety[data-page="guide"] .voice-row select {

  white-space:nowrap;
  text-overflow:ellipsis
}#mitrans-safety[data-page="guide"] [hidden] {

  display:none!important
}#mitrans-safety[data-page="guide"] .language a {

  display:block;
  padding:7px 14px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  border-radius:5px;
  text-decoration:none;
  color:var(--ink)
}#mitrans-safety[data-page="guide"] .language a[aria-current=page] {

  background:var(--purple);
  color:var(--panel)
}

#mitrans-safety[data-page="guide"] { --sg-text-size:18px; font-size:var(--sg-text-size); }

/* Homepage toolbar and spacing */
#mitrans-safety[data-page="guide"] .home-language { display:flex; justify-content:flex-end; margin:16px 0; }
#mitrans-safety[data-page="guide"][data-page="home"] .access-bar { margin-bottom:0; }
#mitrans-safety[data-page="guide"][data-page="home"] .hero { padding-top:28px; padding-bottom:40px; }
#mitrans-safety[data-page="guide"] .language span[aria-disabled="true"] { display:block; padding:7px 14px; font-size:calc(.78 * var(--sg-text-size,18px)); color:var(--muted); }

/* Match the surrounding page to the safety guide */
body:has(#mitrans-safety[data-page="guide"]) {
  --safety-page-bg: #faf9fc;
}

body:has(#mitrans-safety[data-page="guide"].contrast) {
  --safety-page-bg: #000;
}

body:has(#mitrans-safety[data-page="guide"]),
body:has(#mitrans-safety[data-page="guide"]) .body-wrapper,
body:has(#mitrans-safety[data-page="guide"]) .body-innerwrapper,
body:has(#mitrans-safety[data-page="guide"]) #sp-main-body,
body:has(#mitrans-safety[data-page="guide"]) #sp-component,
body:has(#mitrans-safety[data-page="guide"]) .sppb-section {
  background-color: var(--safety-page-bg) !important;
}

body:has(#mitrans-safety[data-page="guide"].contrast) #sp-header {
  background: #e5e5e5 !important;
}

/* Darker navigation text for readability */
body:has(#mitrans-safety[data-page="guide"].contrast) #sp-header .sp-megamenu-parent > li > a {
  color: #303030 !important;
}

/*Floating player*/
#mitrans-safety[data-page="guide"] .sg-player-settings { display:none; }
#mitrans-safety[data-page="guide"].sg-player-active { padding-bottom:150px; }
#mitrans-safety[data-page="guide"] .sg-floating-player {
  position:fixed;
  bottom:max(12px, env(safe-area-inset-bottom));
  left:50%;
  transform:translateX(-50%);
  width:min(1000px, calc(100% - 24px));
  max-height:75vh;
  overflow-y:auto;
  z-index:10000;
  margin:0;
  padding:12px 16px;
  box-shadow:0 8px 32px #0004;
  background:var(--panel);
  color:var(--ink);
}
#mitrans-safety[data-page="guide"] .sg-floating-player .sg-player-settings { display:inline-block; }
#mitrans-safety[data-page="guide"] .sg-floating-player:not(.sg-settings-open) .voice-panel,
#mitrans-safety[data-page="guide"] .sg-floating-player:not(.sg-settings-open) .display-tools { display:none; }
#mitrans-safety[data-page="guide"] .sg-floating-player .access-row { gap:8px; flex-wrap:wrap; }
#mitrans-safety[data-page="guide"] .sg-floating-player .access-title { flex:1 1 150px; }
#mitrans-safety[data-page="guide"] .sg-floating-player > .status { margin:6px 0 0; }
@media (max-width:600px) {
  #mitrans-safety[data-page="guide"] .sg-floating-player { padding:10px; }
  #mitrans-safety[data-page="guide"] .sg-floating-player .access-title { display:none; }
  #mitrans-safety[data-page="guide"] .sg-floating-player .access-row { justify-content:center; }
  #mitrans-safety[data-page="guide"] .sg-floating-player .speed-label { display:none; }
  #mitrans-safety[data-page="guide"] .sg-floating-player .display-tools { flex-wrap:wrap; }
}

/* Keep the contents sidebar visible on desktop */
@media (min-width: 1000px) {
  #mitrans-safety[data-page="guide"] .contents {
    position: sticky;
    top: 110px;
    align-self: start;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
  }
}

@media (min-width: 1000px) {
  body:has(#mitrans-safety[data-page="guide"]) .body-wrapper,
  body:has(#mitrans-safety[data-page="guide"]) .body-innerwrapper {
    overflow: visible !important;
  }
}

#mitrans-safety[data-page="guide"] li[data-read] {
  text-align: justify;
}

@media (max-width: 600px) {
  #mitrans-safety[data-page="guide"] li[data-read] {
    text-align: left;
  }
}

/* Leave space above the selected section for Joomla's header */
#mitrans-safety[data-page="guide"] .article section[id] {
  scroll-margin-top: 120px;
}

#mitrans-safety[data-page="guide"] .guide-card + .guide-card {
  margin-top: 24px;
}

#mitrans-safety[data-page="guide"] strong {
  font-weight: 700 !important;
}

/* Audio control colours, including the floating player and contrast mode. */
#mitrans-safety[data-page="guide"] #sg-start,
#mitrans-safety[data-page="guide"] #sg-narrator[aria-pressed="true"] {
  background: #166534;
  color: #fff;
  border: 2px solid #86efac;
}
#mitrans-safety[data-page="guide"] #sg-pause {
  background: #facc15;
  color: #1c1917;
  border: 2px solid #a16207;
}
#mitrans-safety[data-page="guide"] #sg-stop,
#mitrans-safety[data-page="guide"] #sg-narrator[aria-pressed="false"] {
  background: #991b1b;
  color: #fff;
  border: 2px solid #fca5a5;
}
#mitrans-safety[data-page="guide"] #sg-start:disabled,
#mitrans-safety[data-page="guide"] #sg-pause:disabled,
#mitrans-safety[data-page="guide"] #sg-stop:disabled {
  background: #e5e7eb;
  color: #4b5563;
  border: 2px solid #9ca3af;
  opacity: 1;
  cursor: not-allowed;
}
#mitrans-safety[data-page="guide"].contrast #sg-start:disabled,
#mitrans-safety[data-page="guide"].contrast #sg-pause:disabled,
#mitrans-safety[data-page="guide"].contrast #sg-stop:disabled {
  background: #262626;
  color: #a3a3a3;
  border-color: #737373;
}

/* Collapsed: blue */
#mitrans-safety[data-page="guide"] .sg-player-settings[aria-expanded="false"] {
  background: #1e40af !important;
  color: #fff !important;
  border: 2px solid #93c5fd !important;
}

/* Expanded: yellow */
#mitrans-safety[data-page="guide"] .sg-player-settings[aria-expanded="true"] {
  background: #facc15 !important;
  color: #1c1917 !important;
  border: 2px solid #a16207 !important;
}
/* Speech controls only; guide content styling is retained. */
#mitrans-safety[data-page="guide"] .voice-commands { margin:16px 0; padding:16px; border:2px solid var(--purple, #493183); border-radius:10px; background:var(--panel, #fff); }#mitrans-safety[data-page="guide"] .voice-commands h2 { font-size:1.1rem; margin:0 0 10px; font-weight:700; }#mitrans-safety[data-page="guide"] .voice-commands p { margin:10px 0 0; }#mitrans-safety[data-page="guide"] .voice-commands button { min-height:44px; margin-right:8px; }#mitrans-safety[data-page="guide"] .voice-commands .voice-mic { background:#1e40af; color:#fff; border:2px solid #93c5fd; font-weight:700; }#mitrans-safety[data-page="guide"] .voice-commands .voice-mic[aria-pressed="true"] { background:#991b1b; border-color:#fca5a5; }#mitrans-safety[data-page="guide"] .voice-commands .voice-handsfree { background:#1e40af; color:#fff; border:2px solid #93c5fd; font-weight:700; }#mitrans-safety[data-page="guide"] .voice-commands .voice-handsfree[aria-pressed="true"] { background:#166534; border-color:#86efac; }#mitrans-safety[data-page="guide"] .voice-commands button:focus-visible { outline:3px solid currentColor; outline-offset:3px; }#mitrans-safety[data-page="guide"] .voice-commands .voice-output { font-weight:700; }#mitrans-safety[data-page="guide"].contrast .voice-commands { background:#111; color:#fff; border-color:#ffe36b; }#mitrans-safety[data-page="guide"] article section { scroll-margin-top:24px; }#mitrans-safety[data-page="guide"] .voice-welcome { margin:16px 0; padding:20px; border:2px solid var(--purple, #493183); border-radius:10px; background:var(--panel, #fff); }#mitrans-safety[data-page="guide"] .voice-welcome h2 { font-size:1.3rem; margin:0 0 12px; }#mitrans-safety[data-page="guide"] .voice-welcome .welcome-buttons { display:flex; flex-wrap:wrap; gap:10px; }#mitrans-safety[data-page="guide"] .voice-welcome button,#mitrans-safety[data-page="guide"] .voice-welcome summary { min-height:48px; }#mitrans-safety[data-page="guide"] .voice-welcome button:focus-visible,#mitrans-safety[data-page="guide"] .voice-welcome summary:focus-visible { outline:3px solid currentColor; outline-offset:3px; }#mitrans-safety[data-page="guide"] .voice-welcome .welcome-status { font-weight:600; }#mitrans-safety[data-page="guide"] .voice-welcome details { margin-top:12px; }#mitrans-safety[data-page="guide"] .voice-commands .voice-chime-option { display:block; margin:12px 0; }#mitrans-safety[data-page="guide"] .voice-speaker-option { display:flex; align-items:center; gap:10px; min-height:44px; margin:12px 0; }#mitrans-safety[data-page="guide"] .voice-speaker-option input { flex:0 0 auto; }#mitrans-safety[data-page="guide"] .voice-hold-option { display:flex; align-items:center; gap:10px; min-height:44px; margin:12px 0; }#mitrans-safety[data-page="guide"] .voice-hold-option input { flex:0 0 auto; }#mitrans-safety[data-page="guide"] .voice-popup-option { display:flex; align-items:center; gap:10px; min-height:44px; margin:12px 0; }#mitrans-safety[data-page="guide"] .voice-popup-option input { flex:0 0 auto; }#mitrans-safety[data-page="guide"] .voice-touch-overlay { position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; align-items:center; overflow-y:auto; padding:24px; background:rgba(20,14,39,.82); color:#fff; touch-action:pan-y pinch-zoom; user-select:none; -webkit-user-select:none; box-sizing:border-box; }#mitrans-safety[data-page="guide"] .voice-touch-overlay[hidden] { display:none; }#mitrans-safety[data-page="guide"] .voice-touch-card { width:min(100%,420px); margin:auto; text-align:center; }#mitrans-safety[data-page="guide"] .voice-touch-card p { color:#fff; line-height:1.5; }#mitrans-safety[data-page="guide"] .voice-touch-title { font-size:1.5rem; font-weight:700; }#mitrans-safety[data-page="guide"] .voice-touch-symbol { display:grid; place-items:center; width:100px; height:100px; margin:24px auto; border:3px solid #fff; border-radius:50%; font-size:3rem; }#mitrans-safety[data-page="guide"] .voice-touch-card button { min-height:48px; width:100%; padding:12px; margin-top:12px; border:2px solid #fff; border-radius:8px; background:#fff; color:#24183e; font:inherit; font-weight:700; }#mitrans-safety[data-page="guide"] .voice-touch-card .voice-popup-dismiss { background:transparent; color:#fff; }#mitrans-safety[data-page="guide"] .voice-touch-card button:focus-visible { outline:3px solid #ffe36b; outline-offset:4px; }#mitrans-safety[data-page="guide"] .voice-mic[hidden] { display:none; }#mitrans-safety[data-page="guide"].contrast .voice-welcome { background:#111; color:#fff; border-color:#ffe36b; }

#mitrans-safety[data-page="guide"] .voice-commands { margin:12px 0 0;padding:12px;border-width:1px; }
#mitrans-safety[data-page="guide"] .access-row > .voice-handsfree { background:#1e40af;color:#fff;border:2px solid #93c5fd; }
#mitrans-safety[data-page="guide"] .access-row > .voice-handsfree[aria-pressed="true"] { background:#166534;border-color:#86efac; }
#mitrans-safety[data-page="guide"] .voice-commands [hidden] { display:none !important; }
#mitrans-safety[data-page="guide"] .voice-commands button { min-height:44px; }

/* Compact guide accessibility hub and playback dock. */
/* Guide hub and playback dock match the tested homepage controls. */
#mitrans-safety[data-page="guide"] .access-hub {
 margin:24px 0 56px; border:1px solid var(--line); border-radius:18px; background:var(--panel); padding:28px; box-shadow:0 8px 28px #30205208; }#mitrans-safety[data-page="guide"] .hub-heading {
 display:flex; align-items:center; justify-content:space-between; gap:16px; }#mitrans-safety[data-page="guide"] .hub-kicker {
 color:var(--purple); font-size:calc(.7 * var(--sg-text-size, 18px)); font-weight:700; letter-spacing:.1em; }#mitrans-safety[data-page="guide"] .access-hub h2 {
 font-size:calc(1.5 * var(--sg-text-size, 18px)); margin:8px 0 0; }#mitrans-safety[data-page="guide"] .hub-optional {
 background:var(--soft); color:var(--purple); padding:6px 12px; border-radius:20px; font-size:calc(.75 * var(--sg-text-size, 18px)); white-space:nowrap; }#mitrans-safety[data-page="guide"] .hub-description {
 max-width:75ch; margin:16px 0; color:var(--muted); }#mitrans-safety[data-page="guide"] .hub-entry {
 display:flex; flex-wrap:wrap; gap:10px; }#mitrans-safety[data-page="guide"] .access-hub button,
#mitrans-safety[data-page="guide"] .prototype-dock button {
 min-height:48px; padding:10px 16px; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--ink); font-weight:600; }#mitrans-safety[data-page="guide"] .access-hub .voice-handsfree,
#mitrans-safety[data-page="guide"] .prototype-dock .dock-voice {
 background:#2549a5; color:white; border-color:#2549a5; }#mitrans-safety[data-page="guide"] .access-hub .voice-handsfree[aria-pressed="true"],
#mitrans-safety[data-page="guide"] .prototype-dock .dock-voice[aria-pressed="true"] {
 background:#166534; color:white; border-color:#166534; }#mitrans-safety[data-page="guide"] .access-hub .voice-cancel {
 color:#991b1b; border-color:#991b1b; }#mitrans-safety[data-page="guide"] .hub-instruction {
 font-size:calc(.82 * var(--sg-text-size, 18px)); color:var(--muted); margin:16px 0 8px; max-width:85ch; }#mitrans-safety[data-page="guide"] .access-hub > .voice-output {
 font-size:calc(.82 * var(--sg-text-size, 18px)); margin:8px 0 20px; }#mitrans-safety[data-page="guide"] .access-menu,
#mitrans-safety[data-page="guide"] .access-help {
 border-top:1px solid var(--line); }#mitrans-safety[data-page="guide"] .access-hub summary {
 padding:18px 4px; min-height:56px; cursor:pointer; font-weight:700; }#mitrans-safety[data-page="guide"] .access-menu summary {
 color:var(--purple); }#mitrans-safety[data-page="guide"] .menu-state {
 float:right; font-size:calc(.78 * var(--sg-text-size, 18px)); background:var(--soft); padding:3px 12px; border-radius:6px; }#mitrans-safety[data-page="guide"] .access-menu[open] > summary {
 background:var(--soft); padding-left:12px; padding-right:12px; border-radius:8px; }#mitrans-safety[data-page="guide"] .access-menu[open] .menu-state {
 background:var(--purple); color:white; }#mitrans-safety[data-page="guide"] .access-hub .access-bar {
 border:0; padding:18px 0 12px; margin:0; background:transparent; }#mitrans-safety[data-page="guide"] .access-hub .access-row,
#mitrans-safety[data-page="guide"] .prototype-dock .access-row {
 display:flex; flex-wrap:wrap; gap:8px; align-items:center; }#mitrans-safety[data-page="guide"] .access-hub .access-row > strong {
 flex-basis:100%; margin-bottom:4px; }#mitrans-safety[data-page="guide"] .access-hub select,
#mitrans-safety[data-page="guide"] .prototype-dock select {
 min-height:48px; max-width:100%; border:1px solid var(--line); background:var(--panel); color:var(--ink); padding:8px; border-radius:8px; }#mitrans-safety[data-page="guide"] .access-hub .voice-row {
 padding-top:20px; border-top:1px solid var(--line); margin-top:20px; }#mitrans-safety[data-page="guide"] .appearance-controls {
 display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding-top:16px; }#mitrans-safety[data-page="guide"] .appearance-controls strong {
 margin-right:8px; }#mitrans-safety[data-page="guide"] .prototype-contrast[aria-pressed="true"] {
 background:var(--ink); color:var(--panel); }#mitrans-safety[data-page="guide"] .access-hub .primary,
#mitrans-safety[data-page="guide"] .prototype-dock .primary {
 background:var(--accent); color:#242039; border-color:var(--accent); }#mitrans-safety[data-page="guide"] .access-hub [data-action="stop"],
#mitrans-safety[data-page="guide"] .prototype-dock [data-action="stop"] {
 background:#991b1b; color:white; border-color:#991b1b; }#mitrans-safety[data-page="guide"] .access-hub [data-action="pause"],
#mitrans-safety[data-page="guide"] .prototype-dock [data-action="pause"] {
 background:var(--soft); color:var(--purple); }#mitrans-safety[data-page="guide"] .inline-player-slot:not([hidden]) {
 padding:18px 0; border-top:1px solid var(--line); }#mitrans-safety[data-page="guide"] .prototype-dock {
 position:fixed; bottom:16px; left:50%; transform:translateX(-50%); width:min(580px,calc(100% - 32px)); padding:0 16px 12px; background:var(--panel); color:var(--ink); border:1px solid var(--line); border-top:3px solid var(--purple); border-radius:14px; box-shadow:0 8px 40px #24203930; z-index:15; max-height:calc(100dvh - 24px); overflow:auto; }#mitrans-safety[data-page="guide"] .prototype-dock .dock-toggle {
 display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; margin:0 auto 4px; padding:0; background:#e6e6e9; color:#565660; border:0; border-radius:0 0 12px 12px; }#mitrans-safety[data-page="guide"] .dock-chevron {
 width:12px; height:12px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-3px) rotate(45deg); }#mitrans-safety[data-page="guide"] .dock-toggle[aria-expanded="false"] .dock-chevron {
 transform:translateY(3px) rotate(225deg); }#mitrans-safety[data-page="guide"] .prototype-dock.is-collapsed,
#mitrans-safety[data-page="guide"].contrast .prototype-dock.is-collapsed {
 width:180px; padding:0; border:0; border-radius:14px; background:transparent; box-shadow:none; overflow:visible; }#mitrans-safety[data-page="guide"] .prototype-dock.is-collapsed .dock-toggle {
 width:100%; margin:0; border-radius:14px; box-shadow:0 3px 16px #24203920; }#mitrans-safety[data-page="guide"] .access-hub button.playback-icon,
#mitrans-safety[data-page="guide"] .prototype-dock button.playback-icon {
 width:48px; min-width:48px; padding:0; font-size:calc(1.65 * var(--sg-text-size, 18px)); line-height:1; }#mitrans-safety[data-page="guide"] .prototype-dock .access-row > label {
 position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }#mitrans-safety[data-page="guide"] .prototype-dock .access-row select {
 min-width:88px; }#mitrans-safety[data-page="guide"] .dock-heading {
 display:flex; justify-content:flex-start; align-items:center; gap:12px; margin-bottom:10px; }#mitrans-safety[data-page="guide"] .dock-heading > span {
 flex-shrink:0; font-size:calc(.8 * var(--sg-text-size, 18px)); font-weight:700; }#mitrans-safety[data-page="guide"] .dock-heading > div {
 display:flex; flex:1; min-width:0; justify-content:center; flex-wrap:wrap; gap:8px; }#mitrans-safety[data-page="guide"] .dock-heading button {
 flex:1; min-height:44px; padding:7px 12px; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .dock-voice-state {
 font-size:calc(.75 * var(--sg-text-size, 18px)); margin:8px 0 0; color:var(--muted); }#mitrans-safety[data-page="guide"].has-prototype-dock {
 padding-bottom:calc(var(--prototype-dock-height,230px) + 32px); }#mitrans-safety[data-page="guide"].contrast .access-hub,
#mitrans-safety[data-page="guide"].contrast .prototype-dock {
 background:#111; color:white; border-color:#ffe36b; }#mitrans-safety[data-page="guide"].contrast .hub-description,
#mitrans-safety[data-page="guide"].contrast .hub-instruction,
#mitrans-safety[data-page="guide"].contrast .dock-voice-state {
 color:#eee; }#mitrans-safety[data-page="guide"].contrast .hub-kicker,
#mitrans-safety[data-page="guide"].contrast .access-menu summary {
 color:#ffe36b; }#mitrans-safety[data-page="guide"].contrast .access-menu[open] > summary {
 background:#333; }#mitrans-safety[data-page="guide"].contrast .hub-optional,
#mitrans-safety[data-page="guide"].contrast .menu-state {
 background:#333; color:#ffe36b; }#mitrans-safety[data-page="guide"] [hidden] {
 display:none !important; }
@media (min-width:701px) {#mitrans-safety[data-page="guide"] .prototype-dock {
 width:min(1120px,calc(100% - 32px)); padding-bottom:10px; border-radius:10px; box-shadow:0 4px 20px #24203920; }#mitrans-safety[data-page="guide"] .prototype-dock .dock-toggle {
 width:calc(100% + 32px); min-height:28px; margin:0 -16px 12px; border-radius:0; }#mitrans-safety[data-page="guide"] .prototype-dock.is-collapsed .dock-toggle {
 width:100%; min-height:44px; margin:0; border-radius:14px; }#mitrans-safety[data-page="guide"] .prototype-dock .access-row {
 justify-content:center; gap:6px; }#mitrans-safety[data-page="guide"] .prototype-dock .access-row button {
 min-height:40px; padding:7px 10px; font-size:calc(.7 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .prototype-dock .access-row button.playback-icon {
 width:40px; min-width:40px; padding:0; font-size:calc(1.4 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .prototype-dock .access-row select {
 min-height:40px; min-width:80px; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .dock-heading > div {
 flex:0 1 auto; }#mitrans-safety[data-page="guide"] .dock-heading button {
 flex:0 1 auto; min-height:40px; padding:7px 8px; font-size:calc(.7 * var(--sg-text-size, 18px)); white-space:nowrap; }#mitrans-safety[data-page="guide"] .dock-voice-state {
 font-size:calc(.7 * var(--sg-text-size, 18px)); }
}

/* Adapt the guide's original controls without replacing their DOM nodes. */
#mitrans-safety[data-page="guide"] .guide-access-hub .access-row > .access-title { flex-basis:100%; margin:0 0 4px; font-size:calc(.82 * var(--sg-text-size,18px)); }
#mitrans-safety[data-page="guide"] .guide-access-hub .hub-heading h2 { margin:8px 0 0; }
#mitrans-safety[data-page="guide"] .guide-access-hub .appearance-controls { border:0; margin:8px 0 0; padding:16px 0 0; }
#mitrans-safety[data-page="guide"] .guide-access-hub .voice-panel { margin-top:16px; padding-top:0; border:0; }
#mitrans-safety[data-page="guide"] .guide-access-hub .voice-row { gap:8px; }
#mitrans-safety[data-page="guide"] .guide-access-hub .voice-commands { margin:0; padding:0 0 16px; border:0; background:transparent; }
#mitrans-safety[data-page="guide"] .guide-access-hub .voice-commands h2 { font-size:calc(1 * var(--sg-text-size,18px)); }
#mitrans-safety[data-page="guide"] .guide-access-hub .voice-commands p { font-size:calc(.82 * var(--sg-text-size,18px)); }
#mitrans-safety[data-page="guide"] .guide-access-hub .guide-written-help { margin:8px 0 20px; padding-left:24px; font-size:calc(.85 * var(--sg-text-size,18px)); }
#mitrans-safety[data-page="guide"] .guide-access-hub .guide-written-help li { margin:8px 0; }
#mitrans-safety[data-page="guide"] .guide-access-hub > #sg-audio-status { margin:6px 0 16px; font-size:calc(.82 * var(--sg-text-size,18px)); color:var(--muted); }
#mitrans-safety[data-page="guide"] .guide-access-hub .hub-entry .voice-mic { border-color:#2549a5; color:#2549a5; }
#mitrans-safety[data-page="guide"] .guide-access-hub .hub-entry .voice-mic[aria-pressed="true"] { background:#991b1b; border-color:#991b1b; color:white; }
#mitrans-safety[data-page="guide"] .guide-access-hub .guide-tutorial-stop { border-color:#991b1b; color:#991b1b; }
#mitrans-safety[data-page="guide"] #sg-start { background:var(--accent); color:#242039; border-color:var(--accent); }
#mitrans-safety[data-page="guide"] #sg-pause { background:var(--soft); color:var(--purple); border:1px solid var(--line); }
#mitrans-safety[data-page="guide"] #sg-stop { background:#991b1b; color:white; border:1px solid #991b1b; }
#mitrans-safety[data-page="guide"] .guide-playback-dock .access-row > .access-title { margin:0; }
#mitrans-safety[data-page="guide"] .guide-playback-dock .dock-reading-state { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#mitrans-safety[data-page="guide"] .guide-playback-dock .dock-voice-state { overflow-wrap:anywhere; }
#mitrans-safety[data-page="guide"] .guide-playback-dock .dock-listening-bubble { margin:0 0 8px; padding:8px 12px; border:1px solid #2549a5; border-radius:999px; background:#e9efff; color:#1f3f91; font-size:calc(.78 * var(--sg-text-size,18px)); font-weight:700; text-align:center; }
#mitrans-safety[data-page="guide"].contrast .guide-playback-dock .dock-listening-bubble { border-color:#ffe36b; background:#333; color:#ffe36b; }
#mitrans-safety[data-page="guide"] .guide-playback-dock[hidden], #mitrans-safety[data-page="guide"] .guide-access-hub [hidden], #mitrans-safety[data-page="guide"] .guide-playback-dock [hidden] { display:none !important; }
#mitrans-safety[data-page="guide"].contrast .guide-access-hub > #sg-audio-status { color:#eee; }
#mitrans-safety[data-page="guide"].contrast #sg-pause { background:#333; color:#ffe36b; border-color:#ffe36b; }
#mitrans-safety[data-page="guide"].contrast .guide-access-hub .voice-commands { color:white; }
@media (max-width:700px) {
  #mitrans-safety[data-page="guide"] .guide-access-hub { padding:20px; }
  #mitrans-safety[data-page="guide"] .guide-access-hub .access-row { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
  #mitrans-safety[data-page="guide"] .guide-access-hub .access-row > .access-title { grid-column:1 / -1; }
  #mitrans-safety[data-page="guide"] .guide-access-hub .access-row > button { grid-column:span 2; min-height:44px; padding:6px; font-size:calc(.8 * var(--sg-text-size,18px)); }
  #mitrans-safety[data-page="guide"] .guide-access-hub .access-row > button.playback-icon { grid-column:span 1; width:100%; min-width:0; padding:0; font-size:calc(1.5 * var(--sg-text-size,18px)); }
  #mitrans-safety[data-page="guide"] .guide-access-hub .access-row > .speed-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #mitrans-safety[data-page="guide"] .guide-access-hub .access-row > select { grid-column:span 3; width:100%; min-width:0; min-height:44px; }
  #mitrans-safety[data-page="guide"] .guide-playback-dock .access-row > button.playback-icon { min-width:0; }
}
@media (min-width:900px) {#mitrans-safety[data-page="guide"] #sg-prototype-dock-content {
 display:grid; grid-template-columns:minmax(110px,1fr) auto auto; align-items:center; gap:8px 12px; }#mitrans-safety[data-page="guide"] .dock-heading {
 display:contents; }#mitrans-safety[data-page="guide"] .dock-heading > span {
 grid-column:1; grid-row:2; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .dock-heading > div {
 grid-column:3; grid-row:2; flex-wrap:nowrap; }#mitrans-safety[data-page="guide"] .dock-listening-bubble {
 grid-column:2; grid-row:1; margin:0; }#mitrans-safety[data-page="guide"] .dock-player-slot {
 grid-column:2; grid-row:2; }#mitrans-safety[data-page="guide"] .prototype-dock .access-row {
 flex-wrap:nowrap; }#mitrans-safety[data-page="guide"] .dock-voice-state {
 grid-column:1 / -1; margin:0; }
}
@media (max-width:700px) {#mitrans-safety[data-page="guide"] .access-hub {
 padding:20px; margin-bottom:32px; }#mitrans-safety[data-page="guide"] .hub-heading {
 align-items:flex-start; }#mitrans-safety[data-page="guide"] .hub-optional {
 display:none; }#mitrans-safety[data-page="guide"] .hub-entry button {
 flex:1 1 160px; }#mitrans-safety[data-page="guide"] .access-hub .voice-row {
 flex-wrap:wrap; }#mitrans-safety[data-page="guide"] .access-hub .voice-row select {
 flex:1 1 100%; width:100%; }#mitrans-safety[data-page="guide"] .prototype-dock {
 bottom:max(8px,env(safe-area-inset-bottom)); width:calc(100% - 16px); padding:0 12px 12px; }#mitrans-safety[data-page="guide"] .prototype-dock .dock-toggle {
 width:calc(100% + 24px); min-height:32px; margin:0 -12px 10px; border-radius:0; }#mitrans-safety[data-page="guide"] .prototype-dock.is-collapsed .dock-toggle {
 width:100%; min-height:44px; margin:0; border-radius:14px; }#mitrans-safety[data-page="guide"] .dock-heading > span {
 max-width:100%; }#mitrans-safety[data-page="guide"] .dock-heading {
 flex-direction:column; align-items:stretch; gap:8px; margin-bottom:8px; }#mitrans-safety[data-page="guide"] .dock-heading > div {
 width:100%; }#mitrans-safety[data-page="guide"] .dock-heading button {
 padding:6px; font-size:calc(.7 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .prototype-dock .access-row {
 display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }#mitrans-safety[data-page="guide"] .prototype-dock .access-row button {
 min-height:44px; padding:6px; font-size:calc(.75 * var(--sg-text-size, 18px)); grid-column:span 2; }#mitrans-safety[data-page="guide"] .prototype-dock .access-row button.playback-icon {
 grid-column:span 1; width:100%; min-width:44px; padding:0; font-size:calc(1.4 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .prototype-dock .access-row select {
 grid-column:span 3; width:100%; }#mitrans-safety[data-page="guide"] .prototype-dock select {
 min-height:44px; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="guide"] .dock-voice-state {
 font-size:calc(.7 * var(--sg-text-size, 18px)); }
}



/* QR onboarding prompt. */
#mitrans-safety[data-page="guide"] .qr-onboarding{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#171326b8;color:#1f2545}#mitrans-safety[data-page="guide"] .qr-onboarding-card{width:min(100%,480px);padding:24px;border:2px solid #4c3483;border-radius:16px;background:#fff;box-shadow:0 18px 48px #0006}#mitrans-safety[data-page="guide"] .qr-onboarding h2{margin:0 0 10px}#mitrans-safety[data-page="guide"] .qr-onboarding p{margin:0 0 16px}#mitrans-safety[data-page="guide"] .qr-onboarding-actions{display:flex;flex-wrap:wrap;gap:10px}#mitrans-safety[data-page="guide"] .qr-onboarding button{padding:10px 14px;border:1px solid #243b84;border-radius:8px;background:#2449a8;color:#fff;font:inherit;font-weight:700}#mitrans-safety[data-page="guide"] .qr-onboarding-close{background:#fff!important;color:#243b84!important}#mitrans-safety[data-page="guide"] .qr-onboarding-status{min-height:1.5em;margin:16px 0 0!important;font-size:.92em;color:#991b1b}

/* ===== Tested accessibility homepage, isolated from guides ===== */
/* Save as css/mitrans-accessibility-home.css in the template Files editor. Do not paste into the style Custom CSS field. */

/* styles.css */
#mitrans-safety[data-page="home"] {

  --ink:#242039;
  --muted:#635f70;
  --purple:#493280;
  --deep:#302052;
  --accent:#eabb4e;
  --paper:#faf9fc;
  --line:#dedbe7;
  --panel:#fff;
  --soft:#eeeaf6;
  font-size:18px;
  color-scheme:light
}#mitrans-safety[data-page="home"],
#mitrans-safety[data-page="home"] * {

  box-sizing:border-box
}#mitrans-safety[data-page="home"] {

  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans',Arial,sans-serif;
  line-height:1.65
}#mitrans-safety[data-page="home"] h1,
#mitrans-safety[data-page="home"] h2,
#mitrans-safety[data-page="home"] h3,
#mitrans-safety[data-page="home"] .brand {

  font-family:Manrope,Arial,sans-serif;
  line-height:1.2
}#mitrans-safety[data-page="home"] h1 {

  font-size:clamp(calc(2.2 * var(--sg-text-size, 18px)),4.3vw,calc(3.6 * var(--sg-text-size, 18px)));
  letter-spacing:-.045em;
  margin:16px 0 24px;
  font-weight:800
}#mitrans-safety[data-page="home"] h2 {

  font-size:calc(1.75 * var(--sg-text-size, 18px));
  letter-spacing:-.035em
}#mitrans-safety[data-page="home"] h3 {

  font-size:calc(1.2 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] a {

  color:var(--purple);
  text-underline-offset:4px
}#mitrans-safety[data-page="home"] button,
#mitrans-safety[data-page="home"] select {

  font:inherit
}#mitrans-safety[data-page="home"] button,
#mitrans-safety[data-page="home"] a,
#mitrans-safety[data-page="home"] select {

  -webkit-tap-highlight-color:transparent
}#mitrans-safety[data-page="home"] button {

  cursor:pointer
}#mitrans-safety[data-page="home"] button:disabled {

  cursor:default;
  opacity:.5
}#mitrans-safety[data-page="home"] :focus-visible {

  outline:3px solid #9b6500;
  outline-offset:5px
}#mitrans-safety[data-page="home"] .skip {

  position:fixed;
  top:-100px;
  left:20px;
  background:var(--panel);
  padding:12px;
  z-index:20
}#mitrans-safety[data-page="home"] .skip:focus {

  top:10px
}#mitrans-safety[data-page="home"] .home-shortcuts {
 margin:16px 0; }#mitrans-safety[data-page="home"] .device-access-help {
 max-width:75ch; }#mitrans-safety[data-page="home"].contrast :focus-visible {
 outline-color:#ffe36b; }#mitrans-safety[data-page="home"][data-page="home"] .card-body .button {
 max-width:100%; text-align:center; overflow-wrap:anywhere; }#mitrans-safety[data-page="home"] .wrap {

  max-width:1200px;
  padding:0 40px;
  margin:auto
}#mitrans-safety[data-page="home"] .topline {

  height:6px;
  background:linear-gradient(90deg,var(--purple) 78%,var(--accent) 78%)
}#mitrans-safety[data-page="home"] header {

  background:var(--panel);
  border-bottom:1px solid var(--line)
}#mitrans-safety[data-page="home"] .header-inner {

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:100px
}#mitrans-safety[data-page="home"] .brand {

  color:var(--purple);
  text-decoration:none;
  font-size:calc(1.7 * var(--sg-text-size, 18px));
  font-weight:800;
  letter-spacing:-.04em
}#mitrans-safety[data-page="home"] .brand small {

  display:block;
  font-family:'DM Sans',sans-serif;
  font-size:calc(.67 * var(--sg-text-size, 18px));
  letter-spacing:.11em;
  font-weight:500;
  margin-top:6px;
  color:var(--muted)
}#mitrans-safety[data-page="home"] .header-right {

  display:flex;
  align-items:center;
  gap:32px
}#mitrans-safety[data-page="home"] .back-link {

  font-size:calc(.8 * var(--sg-text-size, 18px));
  text-decoration:none
}#mitrans-safety[data-page="home"] .language {

  display:flex;
  gap:4px;
  border:1px solid var(--line);
  padding:4px;
  border-radius:8px;
  margin:0
}#mitrans-safety[data-page="home"] .language legend {

  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%)
}#mitrans-safety[data-page="home"] .language label {

  position:relative;
  cursor:pointer
}#mitrans-safety[data-page="home"] .language input {

  position:absolute;
  opacity:0
}#mitrans-safety[data-page="home"] .language span {

  display:block;
  padding:7px 14px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  border-radius:5px
}#mitrans-safety[data-page="home"] .language input:checked+span {

  background:var(--purple);
  color:white
}#mitrans-safety[data-page="home"] .language input:focus-visible+span {

  outline:3px solid #9b6500;
  outline-offset:3px
}#mitrans-safety[data-page="home"] .eyebrow {

  font-size:calc(.72 * var(--sg-text-size, 18px));
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--purple)
}#mitrans-safety[data-page="home"] .hero {

  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:75px;
  padding-top:65px;
  padding-bottom:65px
}#mitrans-safety[data-page="home"] .hero p {

  max-width:630px;
  color:var(--muted);
  font-size:calc(1.08 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .hero-aside {

  align-self:center;
  border-left:3px solid var(--accent);
  padding:12px 0 12px 28px
}#mitrans-safety[data-page="home"] .hero-aside h2 {

  font-size:calc(1.35 * var(--sg-text-size, 18px));
  margin:0 0 12px
}#mitrans-safety[data-page="home"] .hero-aside p {

  font-size:calc(.9 * var(--sg-text-size, 18px));
  margin:0
}#mitrans-safety[data-page="home"] .features {

  display:flex;
  gap:22px;
  flex-wrap:wrap;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  color:var(--muted);
  margin-top:28px
}#mitrans-safety[data-page="home"] .features span:before {

  content:'✓';
  color:var(--purple);
  font-weight:700;
  margin-right:8px
}#mitrans-safety[data-page="home"] .library {

  border-top:1px solid var(--line);
  padding-top:36px;
  padding-bottom:80px
}#mitrans-safety[data-page="home"] .section-title {

  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:24px
}#mitrans-safety[data-page="home"] .section-title h2 {

  margin:0
}#mitrans-safety[data-page="home"] .section-title span {

  font-size:calc(.78 * var(--sg-text-size, 18px));
  color:var(--muted)
}#mitrans-safety[data-page="home"] .guide-card {

  display:grid;
  grid-template-columns:240px 1fr;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  max-width:940px
}#mitrans-safety[data-page="home"] .card-panel {

  background:var(--deep);
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:28px;
  min-height:280px
}#mitrans-safety[data-page="home"] .route-no {

  font-size:calc(4.3 * var(--sg-text-size, 18px));
  font-weight:800;
  line-height:1.1;
  color:var(--accent);
  letter-spacing:-.08em
}#mitrans-safety[data-page="home"] .route-label {

  font-size:calc(.75 * var(--sg-text-size, 18px));
  text-transform:uppercase;
  letter-spacing:.12em
}#mitrans-safety[data-page="home"] .rail-line {

  height:4px;
  background:var(--accent);
  position:relative;
  margin:25px 0
}#mitrans-safety[data-page="home"] .rail-line:before,
#mitrans-safety[data-page="home"] .rail-line:after {

  content:'';
  position:absolute;
  width:14px;
  height:14px;
  border:3px solid var(--accent);
  background:var(--deep);
  border-radius:50%;
  top:-5px
}#mitrans-safety[data-page="home"] .rail-line:after {

  right:0
}#mitrans-safety[data-page="home"] .card-body {

  padding:30px 36px
}#mitrans-safety[data-page="home"] .card-body h3 {

  font-size:calc(1.65 * var(--sg-text-size, 18px));
  margin:12px 0
}#mitrans-safety[data-page="home"] .card-body p {

  color:var(--muted);
  margin:0 0 23px;
  font-size:calc(.95 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .tag {

  font-size:calc(.7 * var(--sg-text-size, 18px));
  background:var(--soft);
  padding:4px 10px;
  border-radius:5px;
  color:var(--purple)
}#mitrans-safety[data-page="home"] .button {

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  background:var(--purple);
  color:white;
  border:1px solid var(--purple);
  border-radius:7px;
  padding:12px 20px;
  text-decoration:none;
  font-weight:600;
  font-size:calc(.86 * var(--sg-text-size, 18px));
  min-height:46px
}#mitrans-safety[data-page="home"] .button:hover {

  background:var(--deep)
}#mitrans-safety[data-page="home"] .button.secondary {

  background:var(--panel);
  color:var(--purple);
  border-color:var(--line)
}#mitrans-safety[data-page="home"] footer {

  border-top:1px solid var(--line);
  padding:26px 0;
  color:var(--muted);
  font-size:calc(.75 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .footer-inner {

  display:flex;
  justify-content:space-between;
  gap:20px
}#mitrans-safety[data-page="home"] .breadcrumb {

  padding-top:26px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  color:var(--muted)
}#mitrans-safety[data-page="home"] .article-head {

  padding:30px 0 35px;
  max-width:870px
}#mitrans-safety[data-page="home"] .article-head h1 {

  font-size:clamp(calc(2 * var(--sg-text-size, 18px)),4vw,calc(3 * var(--sg-text-size, 18px)));
  margin-bottom:16px
}#mitrans-safety[data-page="home"] .article-head p {

  color:var(--muted);
  margin:0
}#mitrans-safety[data-page="home"] .access-bar {

  border:1px solid var(--line);
  background:var(--panel);
  border-radius:10px;
  padding:20px 24px;
  margin-bottom:42px
}#mitrans-safety[data-page="home"] .access-row {

  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap
}#mitrans-safety[data-page="home"] .access-title {

  font-weight:700;
  margin-right:auto;
  font-size:calc(.9 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .access-bar button,
#mitrans-safety[data-page="home"] .access-bar select {

  min-height:44px;
  border:1px solid var(--line);
  border-radius:6px;
  padding:7px 13px;
  background:var(--panel);
  color:var(--ink);
  font-size:calc(.78 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .access-bar button.primary {

  background:var(--purple);
  color:white;
  border-color:var(--purple)
}#mitrans-safety[data-page="home"] .speed-label {

  font-size:calc(.75 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .display-tools {

  display:flex;
  gap:6px;
  border-left:1px solid var(--line);
  padding-left:12px
}#mitrans-safety[data-page="home"] .status {

  font-size:calc(.73 * var(--sg-text-size, 18px));
  color:var(--muted);
  margin:12px 0 0
}#mitrans-safety[data-page="home"] .article-layout {

  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  gap:58px;
  align-items:start
}#mitrans-safety[data-page="home"] .contents {

  position:sticky;
  top:24px;
  padding-bottom:30px
}#mitrans-safety[data-page="home"] .contents h2 {

  font-size:calc(.76 * var(--sg-text-size, 18px));
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-top:0
}#mitrans-safety[data-page="home"] .contents ol {

  list-style:none;
  padding:0;
  margin:20px 0;
  border-left:1px solid var(--line)
}#mitrans-safety[data-page="home"] .contents a {

  display:block;
  padding:9px 14px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  text-decoration:none;
  color:var(--muted)
}#mitrans-safety[data-page="home"] .contents a:hover {

  color:var(--purple);
  background:var(--soft)
}#mitrans-safety[data-page="home"] .article section {

  scroll-margin-top:28px;
  margin-bottom:44px
}#mitrans-safety[data-page="home"] .article h2 {

  font-size:calc(1.45 * var(--sg-text-size, 18px));
  margin:0 0 20px;
  display:flex;
  align-items:baseline;
  gap:16px
}#mitrans-safety[data-page="home"] .section-number {

  font-size:calc(.85 * var(--sg-text-size, 18px));
  color:var(--purple);
  font-weight:700
}#mitrans-safety[data-page="home"] .article ul {

  padding-left:23px
}#mitrans-safety[data-page="home"] .article li {

  padding-left:7px;
  margin:12px 0
}#mitrans-safety[data-page="home"] .article p,
#mitrans-safety[data-page="home"] .article li {

  font-size:calc(1 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .notice {

  padding:22px 26px;
  border-left:4px solid var(--accent);
  background:#fff6dd;
  margin-bottom:38px;
  border-radius:0 8px 8px 0
}#mitrans-safety[data-page="home"] .notice strong {

  display:block;
  margin-bottom:6px
}#mitrans-safety[data-page="home"] .notice p {

  margin:0
}#mitrans-safety[data-page="home"] .section-listen {

  border:0;
  background:none;
  color:var(--purple);
  padding:8px 0;
  font:inherit;
  font-size:calc(.76 * var(--sg-text-size, 18px));
  text-decoration:underline;
  text-underline-offset:4px
}#mitrans-safety[data-page="home"] .reading {

  background:var(--soft);
  border-radius:6px;
  outline:6px solid var(--soft)
}#mitrans-safety[data-page="home"] .downloads {

  padding:30px;
  background:var(--soft);
  border-radius:10px
}#mitrans-safety[data-page="home"] .downloads h2 {

  margin-bottom:10px
}#mitrans-safety[data-page="home"] .downloads>p {

  color:var(--muted);
  font-size:calc(.85 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .download-grid {

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:22px
}#mitrans-safety[data-page="home"] .download-item {

  background:var(--panel);
  padding:20px;
  border-radius:7px;
  border:1px solid var(--line)
}#mitrans-safety[data-page="home"] .download-item strong {

  display:block;
  font-size:calc(.92 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .download-item small {

  display:block;
  color:var(--muted);
  margin:5px 0 16px;
  font-size:calc(.72 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .download-item a {

  font-size:calc(.78 * var(--sg-text-size, 18px))
}#mitrans-safety[data-page="home"] .unavailable {

  font-size:calc(.76 * var(--sg-text-size, 18px));
  color:var(--muted)
}#mitrans-safety[data-page="home"] .source-note {

  font-size:calc(.73 * var(--sg-text-size, 18px))!important;
  color:var(--muted);
  margin-top:26px
}#mitrans-safety[data-page="home"] .source-note a {

  color:inherit
}#mitrans-safety[data-page="home"].contrast {

  --ink:#fff;
  --muted:#eee;
  --purple:#ffe071;
  --deep:#111;
  --accent:#ffe071;
  --paper:#000;
  --line:#aaa;
  --panel:#111;
  --soft:#282828;
  color-scheme:dark
}#mitrans-safety[data-page="home"].contrast .button,
#mitrans-safety[data-page="home"].contrast .primary,
#mitrans-safety[data-page="home"].contrast .language input:checked+span {

  color:#000;
  background:#ffe071
}#mitrans-safety[data-page="home"].contrast .notice {

  background:#282828
}#mitrans-safety[data-page="home"].contrast .button.secondary {

  color:#ffe071;
  background:#111
}
@media(max-width:800px) {#mitrans-safety[data-page="home"] .wrap {

    padding:0 24px
  }#mitrans-safety[data-page="home"] .hero {

    gap:30px;
    grid-template-columns:1fr;
    padding-top:40px;
    padding-bottom:40px
  }#mitrans-safety[data-page="home"] .hero-aside {

    max-width:600px
  }#mitrans-safety[data-page="home"] .header-right {

    gap:16px
  }#mitrans-safety[data-page="home"] .back-link {

    display:none
  }#mitrans-safety[data-page="home"] .article-layout {

    grid-template-columns:1fr;
    gap:14px
  }#mitrans-safety[data-page="home"] .contents {

    position:static;
    border-bottom:1px solid var(--line);
    padding-bottom:16px
  }#mitrans-safety[data-page="home"] .contents ol {

    display:grid;
    grid-template-columns:1fr 1fr;
    margin-bottom:0
  }#mitrans-safety[data-page="home"] .guide-card {

    grid-template-columns:190px 1fr
  }#mitrans-safety[data-page="home"] .card-body {

    padding:26px
  }#mitrans-safety[data-page="home"] .display-tools {

    border:0;
    padding:0
  }
}
@media(max-width:520px) {#mitrans-safety[data-page="home"] .wrap {

    padding:0 20px
  }#mitrans-safety[data-page="home"] .header-inner {

    min-height:88px;
    gap:12px
  }#mitrans-safety[data-page="home"] .brand {

    font-size:calc(1.35 * var(--sg-text-size, 18px))
  }#mitrans-safety[data-page="home"] .brand small {

    font-size:calc(.55 * var(--sg-text-size, 18px))
  }#mitrans-safety[data-page="home"] .language span {

    padding:7px 10px
  }#mitrans-safety[data-page="home"] .hero {

    padding-top:32px
  }#mitrans-safety[data-page="home"] .guide-card {

    grid-template-columns:1fr
  }#mitrans-safety[data-page="home"] .card-panel {

    min-height:130px;
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:24px;
    align-items:center
  }#mitrans-safety[data-page="home"] .rail-line {

    display:none
  }#mitrans-safety[data-page="home"] .route-no {

    font-size:calc(3 * var(--sg-text-size, 18px));
    grid-row:span 2;
    text-align:right
  }#mitrans-safety[data-page="home"] .route-label {

    grid-column:1
  }#mitrans-safety[data-page="home"] .card-body {

    padding:25px
  }#mitrans-safety[data-page="home"] .features {

    gap:12px
  }#mitrans-safety[data-page="home"] .download-grid {

    grid-template-columns:1fr
  }#mitrans-safety[data-page="home"] .access-bar {

    padding:16px
  }#mitrans-safety[data-page="home"] .access-title {

    width:100%
  }#mitrans-safety[data-page="home"] .contents ol {

    grid-template-columns:1fr
  }#mitrans-safety[data-page="home"] .footer-inner {

    flex-direction:column;
    gap:6px
  }#mitrans-safety[data-page="home"] .article h2 {

    font-size:calc(1.3 * var(--sg-text-size, 18px))
  }#mitrans-safety[data-page="home"] .downloads {

    padding:22px
  }#mitrans-safety[data-page="home"] .section-title {

    gap:12px
  }#mitrans-safety[data-page="home"] .section-title h2 {

    font-size:calc(1.4 * var(--sg-text-size, 18px))
  }
}#mitrans-safety[data-page="home"] .sr-only {

  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}#mitrans-safety[data-page="home"] .voice-panel {

  border-top:1px solid var(--line);
  margin-top:18px;
  padding-top:18px
}#mitrans-safety[data-page="home"] .voice-row {

  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center
}#mitrans-safety[data-page="home"] .voice-row label {

  font-size:calc(.8 * var(--sg-text-size, 18px));
  font-weight:600
}#mitrans-safety[data-page="home"] .voice-row select {

  min-width:0;
  max-width:100%;
  flex:1 1 260px
}#mitrans-safety[data-page="home"] .voice-row button[aria-pressed=true] {

  background:var(--purple);
  color:var(--panel)
}#mitrans-safety[data-page="home"] .home-access {

  margin-top:28px;
  margin-bottom:0
}#mitrans-safety[data-page="home"] .home-access+.hero {

  padding-top:35px
}#mitrans-safety[data-page="home"] .voice-row button,
#mitrans-safety[data-page="home"] .voice-row select {

  white-space:normal
}#mitrans-safety[data-page="home"] .reading {

  scroll-margin:20px
}
@media(max-width:520px) {#mitrans-safety[data-page="home"] .voice-row label {

    width:100%
  }#mitrans-safety[data-page="home"] .voice-row select {

    width:100%;
    flex-basis:100%
  }
}#mitrans-safety[data-page="home"] .voice-row select {

  white-space:nowrap;
  text-overflow:ellipsis
}#mitrans-safety[data-page="home"] [hidden] {

  display:none!important
}#mitrans-safety[data-page="home"] .language a {

  display:block;
  padding:7px 14px;
  font-size:calc(.78 * var(--sg-text-size, 18px));
  border-radius:5px;
  text-decoration:none;
  color:var(--ink)
}#mitrans-safety[data-page="home"] .language a[aria-current=page] {

  background:var(--purple);
  color:var(--panel)
}#mitrans-safety[data-page="home"] .hero.hero-wide-intro {
 column-gap:48px; row-gap:24px; }#mitrans-safety[data-page="home"] .hero-wide-intro .hero-aside {
 align-self:start; margin-top:16px; }#mitrans-safety[data-page="home"] .hero-wide-intro .hero-introduction {
 grid-column:1 / -1; }#mitrans-safety[data-page="home"] .hero-wide-intro .hero-introduction > p {
 max-width:none; margin-top:0; }#mitrans-safety[data-page="home"] .hero-wide-intro .hero-heading h1 {
 margin-bottom:0; }
@media(max-width:800px) {#mitrans-safety[data-page="home"] .hero-wide-intro .hero-aside {
 margin-top:0; } }#mitrans-safety[data-page="home"] .guide-card + .guide-card {
 margin-top:24px; }

/* voice-commands.css */
#mitrans-safety[data-page="home"] .voice-commands {
 margin:16px 0; padding:16px; border:2px solid var(--purple, #493183); border-radius:10px; background:var(--panel, #fff); }#mitrans-safety[data-page="home"] .voice-commands h2 {
 font-size:calc(1.1 * var(--sg-text-size, 18px)); margin:0 0 10px; font-weight:700; }#mitrans-safety[data-page="home"] .voice-commands p {
 margin:10px 0 0; }#mitrans-safety[data-page="home"] .voice-commands button {
 min-height:44px; margin-right:8px; }#mitrans-safety[data-page="home"] .voice-commands .voice-mic {
 background:#1e40af; color:#fff; border:2px solid #93c5fd; font-weight:700; }#mitrans-safety[data-page="home"] .voice-commands .voice-mic[aria-pressed="true"] {
 background:#991b1b; border-color:#fca5a5; }#mitrans-safety[data-page="home"] .voice-commands .voice-handsfree {
 background:#1e40af; color:#fff; border:2px solid #93c5fd; font-weight:700; }#mitrans-safety[data-page="home"] .voice-commands .voice-handsfree[aria-pressed="true"] {
 background:#166534; border-color:#86efac; }#mitrans-safety[data-page="home"] .voice-commands button:focus-visible {
 outline:3px solid currentColor; outline-offset:3px; }#mitrans-safety[data-page="home"] .voice-commands .voice-output {
 font-weight:700; }#mitrans-safety[data-page="home"].contrast .voice-commands {
 background:#111; color:#fff; border-color:#ffe36b; }#mitrans-safety[data-page="home"] article section {
 scroll-margin-top:24px; }#mitrans-safety[data-page="home"] .voice-welcome {
 margin:16px 0; padding:20px; border:2px solid var(--purple, #493183); border-radius:10px; background:var(--panel, #fff); }#mitrans-safety[data-page="home"] .voice-welcome h2 {
 font-size:calc(1.3 * var(--sg-text-size, 18px)); margin:0 0 12px; }#mitrans-safety[data-page="home"] .voice-welcome .welcome-buttons {
 display:flex; flex-wrap:wrap; gap:10px; }#mitrans-safety[data-page="home"] .voice-welcome button,
#mitrans-safety[data-page="home"] .voice-welcome summary {
 min-height:48px; }#mitrans-safety[data-page="home"] .voice-welcome button:focus-visible,
#mitrans-safety[data-page="home"] .voice-welcome summary:focus-visible {
 outline:3px solid currentColor; outline-offset:3px; }#mitrans-safety[data-page="home"] .voice-welcome .welcome-status {
 font-weight:600; }#mitrans-safety[data-page="home"] .voice-welcome details {
 margin-top:12px; }#mitrans-safety[data-page="home"] .voice-commands .voice-chime-option {
 display:block; margin:12px 0; }#mitrans-safety[data-page="home"] .voice-speaker-option {
 display:flex; align-items:center; gap:10px; min-height:44px; margin:12px 0; }#mitrans-safety[data-page="home"] .voice-speaker-option input {
 flex:0 0 auto; }#mitrans-safety[data-page="home"] .voice-hold-option {
 display:flex; align-items:center; gap:10px; min-height:44px; margin:12px 0; }#mitrans-safety[data-page="home"] .voice-hold-option input {
 flex:0 0 auto; }#mitrans-safety[data-page="home"] .voice-popup-option {
 display:flex; align-items:center; gap:10px; min-height:44px; margin:12px 0; }#mitrans-safety[data-page="home"] .voice-popup-option input {
 flex:0 0 auto; }#mitrans-safety[data-page="home"] .voice-touch-overlay {
 position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; align-items:center; overflow-y:auto; padding:24px; background:rgba(20,14,39,.82); color:#fff; touch-action:pan-y pinch-zoom; user-select:none; -webkit-user-select:none; box-sizing:border-box; }#mitrans-safety[data-page="home"] .voice-touch-overlay[hidden] {
 display:none; }#mitrans-safety[data-page="home"] .voice-touch-card {
 width:min(100%,420px); margin:auto; text-align:center; }#mitrans-safety[data-page="home"] .voice-touch-card p {
 color:#fff; line-height:1.5; }#mitrans-safety[data-page="home"] .voice-touch-title {
 font-size:calc(1.5 * var(--sg-text-size, 18px)); font-weight:700; }#mitrans-safety[data-page="home"] .voice-touch-symbol {
 display:grid; place-items:center; width:100px; height:100px; margin:24px auto; border:3px solid #fff; border-radius:50%; font-size:calc(3 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .voice-touch-card button {
 min-height:48px; width:100%; padding:12px; margin-top:12px; border:2px solid #fff; border-radius:8px; background:#fff; color:#24183e; font:inherit; font-weight:700; }#mitrans-safety[data-page="home"] .voice-touch-card .voice-popup-dismiss {
 background:transparent; color:#fff; }#mitrans-safety[data-page="home"] .voice-touch-card button:focus-visible {
 outline:3px solid #ffe36b; outline-offset:4px; }#mitrans-safety[data-page="home"] .voice-mic[hidden] {
 display:none; }#mitrans-safety[data-page="home"].contrast .voice-welcome {
 background:#111; color:#fff; border-color:#ffe36b; }

/* home-accessibility-prototype.css */
#mitrans-safety[data-page="home"].accessibility-prototype .hero {
 margin-bottom:24px; }#mitrans-safety[data-page="home"] .access-hub {
 margin:24px 0 56px; border:1px solid var(--line); border-radius:18px; background:var(--panel); padding:28px; box-shadow:0 8px 28px #30205208; }#mitrans-safety[data-page="home"] .hub-heading {
 display:flex; align-items:center; justify-content:space-between; gap:16px; }#mitrans-safety[data-page="home"] .hub-kicker {
 color:var(--purple); font-size:calc(.7 * var(--sg-text-size, 18px)); font-weight:700; letter-spacing:.1em; }#mitrans-safety[data-page="home"] .access-hub h2 {
 font-size:calc(1.5 * var(--sg-text-size, 18px)); margin:8px 0 0; }#mitrans-safety[data-page="home"] .hub-optional {
 background:var(--soft); color:var(--purple); padding:6px 12px; border-radius:20px; font-size:calc(.75 * var(--sg-text-size, 18px)); white-space:nowrap; }#mitrans-safety[data-page="home"] .hub-description {
 max-width:75ch; margin:16px 0; color:var(--muted); }#mitrans-safety[data-page="home"] .hub-entry {
 display:flex; flex-wrap:wrap; gap:10px; }#mitrans-safety[data-page="home"] .access-hub button,
#mitrans-safety[data-page="home"] .prototype-dock button {
 min-height:48px; padding:10px 16px; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--ink); font-weight:600; }#mitrans-safety[data-page="home"] .access-hub .voice-handsfree,
#mitrans-safety[data-page="home"] .prototype-dock .dock-voice {
 background:#2549a5; color:white; border-color:#2549a5; }#mitrans-safety[data-page="home"] .access-hub .voice-handsfree[aria-pressed="true"],
#mitrans-safety[data-page="home"] .prototype-dock .dock-voice[aria-pressed="true"] {
 background:#166534; color:white; border-color:#166534; }#mitrans-safety[data-page="home"] .access-hub .voice-cancel {
 color:#991b1b; border-color:#991b1b; }#mitrans-safety[data-page="home"] .hub-instruction {
 font-size:calc(.82 * var(--sg-text-size, 18px)); color:var(--muted); margin:16px 0 8px; max-width:85ch; }#mitrans-safety[data-page="home"] .access-hub > .voice-output {
 font-size:calc(.82 * var(--sg-text-size, 18px)); margin:8px 0 20px; }#mitrans-safety[data-page="home"] .access-menu,
#mitrans-safety[data-page="home"] .access-help {
 border-top:1px solid var(--line); }#mitrans-safety[data-page="home"] .access-hub summary {
 padding:18px 4px; min-height:56px; cursor:pointer; font-weight:700; }#mitrans-safety[data-page="home"] .access-menu summary {
 color:var(--purple); }#mitrans-safety[data-page="home"] .menu-state {
 float:right; font-size:calc(.78 * var(--sg-text-size, 18px)); background:var(--soft); padding:3px 12px; border-radius:6px; }#mitrans-safety[data-page="home"] .access-menu[open] > summary {
 background:var(--soft); padding-left:12px; padding-right:12px; border-radius:8px; }#mitrans-safety[data-page="home"] .access-menu[open] .menu-state {
 background:var(--purple); color:white; }#mitrans-safety[data-page="home"] .access-hub .access-bar {
 border:0; padding:18px 0 12px; margin:0; background:transparent; }#mitrans-safety[data-page="home"] .access-hub .access-row,
#mitrans-safety[data-page="home"] .prototype-dock .access-row {
 display:flex; flex-wrap:wrap; gap:8px; align-items:center; }#mitrans-safety[data-page="home"] .access-hub .access-row > strong {
 flex-basis:100%; margin-bottom:4px; }#mitrans-safety[data-page="home"] .access-hub select,
#mitrans-safety[data-page="home"] .prototype-dock select {
 min-height:48px; max-width:100%; border:1px solid var(--line); background:var(--panel); color:var(--ink); padding:8px; border-radius:8px; }#mitrans-safety[data-page="home"] .access-hub .voice-row {
 padding-top:20px; border-top:1px solid var(--line); margin-top:20px; }#mitrans-safety[data-page="home"] .appearance-controls {
 display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding-top:16px; }#mitrans-safety[data-page="home"] .appearance-controls strong {
 margin-right:8px; }#mitrans-safety[data-page="home"] .prototype-contrast[aria-pressed="true"] {
 background:var(--ink); color:var(--panel); }#mitrans-safety[data-page="home"] .access-hub .primary,
#mitrans-safety[data-page="home"] .prototype-dock .primary {
 background:var(--accent); color:#242039; border-color:var(--accent); }#mitrans-safety[data-page="home"] .access-hub [data-action="stop"],
#mitrans-safety[data-page="home"] .prototype-dock [data-action="stop"] {
 background:#991b1b; color:white; border-color:#991b1b; }#mitrans-safety[data-page="home"] .access-hub [data-action="pause"],
#mitrans-safety[data-page="home"] .prototype-dock [data-action="pause"] {
 background:var(--soft); color:var(--purple); }#mitrans-safety[data-page="home"] .inline-player-slot:not([hidden]) {
 padding:18px 0; border-top:1px solid var(--line); }#mitrans-safety[data-page="home"] .prototype-dock {
 position:fixed; bottom:16px; left:50%; transform:translateX(-50%); width:min(580px,calc(100% - 32px)); padding:0 16px 12px; background:var(--panel); color:var(--ink); border:1px solid var(--line); border-top:3px solid var(--purple); border-radius:14px; box-shadow:0 8px 40px #24203930; z-index:15; max-height:calc(100dvh - 24px); overflow:auto; }#mitrans-safety[data-page="home"] .prototype-dock .dock-toggle {
 display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; margin:0 auto 4px; padding:0; background:#e6e6e9; color:#565660; border:0; border-radius:0 0 12px 12px; }#mitrans-safety[data-page="home"] .dock-chevron {
 width:12px; height:12px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-3px) rotate(45deg); }#mitrans-safety[data-page="home"] .dock-toggle[aria-expanded="false"] .dock-chevron {
 transform:translateY(3px) rotate(225deg); }#mitrans-safety[data-page="home"] .prototype-dock.is-collapsed,
#mitrans-safety[data-page="home"].contrast .prototype-dock.is-collapsed {
 width:180px; padding:0; border:0; border-radius:14px; background:transparent; box-shadow:none; overflow:visible; }#mitrans-safety[data-page="home"] .prototype-dock.is-collapsed .dock-toggle {
 width:100%; margin:0; border-radius:14px; box-shadow:0 3px 16px #24203920; }#mitrans-safety[data-page="home"] .access-hub button.playback-icon,
#mitrans-safety[data-page="home"] .prototype-dock button.playback-icon {
 width:48px; min-width:48px; padding:0; font-size:calc(1.65 * var(--sg-text-size, 18px)); line-height:1; }#mitrans-safety[data-page="home"] .prototype-dock .access-row > label {
 position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }#mitrans-safety[data-page="home"] .prototype-dock .access-row select {
 min-width:88px; }#mitrans-safety[data-page="home"] .dock-heading {
 display:flex; justify-content:flex-start; align-items:center; gap:12px; margin-bottom:10px; }#mitrans-safety[data-page="home"] .dock-heading > span {
 flex-shrink:0; font-size:calc(.8 * var(--sg-text-size, 18px)); font-weight:700; }#mitrans-safety[data-page="home"] .dock-heading > div {
 display:flex; flex:1; min-width:0; justify-content:center; flex-wrap:wrap; gap:8px; }#mitrans-safety[data-page="home"] .dock-heading button {
 flex:1; min-height:44px; padding:7px 12px; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .dock-voice-state {
 font-size:calc(.75 * var(--sg-text-size, 18px)); margin:8px 0 0; color:var(--muted); }#mitrans-safety[data-page="home"].has-prototype-dock {
 padding-bottom:calc(var(--prototype-dock-height,230px) + 32px); }#mitrans-safety[data-page="home"].accessibility-prototype .guide-card {
 scroll-margin-bottom:calc(var(--prototype-dock-height,230px) + 32px); }#mitrans-safety[data-page="home"].contrast .access-hub,
#mitrans-safety[data-page="home"].contrast .prototype-dock {
 background:#111; color:white; border-color:#ffe36b; }#mitrans-safety[data-page="home"].contrast .hub-description,
#mitrans-safety[data-page="home"].contrast .hub-instruction,
#mitrans-safety[data-page="home"].contrast .dock-voice-state {
 color:#eee; }#mitrans-safety[data-page="home"].contrast .hub-kicker,
#mitrans-safety[data-page="home"].contrast .access-menu summary {
 color:#ffe36b; }#mitrans-safety[data-page="home"].contrast .access-menu[open] > summary {
 background:#333; }#mitrans-safety[data-page="home"].contrast .hub-optional,
#mitrans-safety[data-page="home"].contrast .menu-state {
 background:#333; color:#ffe36b; }#mitrans-safety[data-page="home"] [hidden] {
 display:none !important; }
@media (min-width:701px) {#mitrans-safety[data-page="home"] .prototype-dock {
 width:min(1120px,calc(100% - 32px)); padding-bottom:10px; border-radius:10px; box-shadow:0 4px 20px #24203920; }#mitrans-safety[data-page="home"] .prototype-dock .dock-toggle {
 width:calc(100% + 32px); min-height:28px; margin:0 -16px 12px; border-radius:0; }#mitrans-safety[data-page="home"] .prototype-dock.is-collapsed .dock-toggle {
 width:100%; min-height:44px; margin:0; border-radius:14px; }#mitrans-safety[data-page="home"] .prototype-dock .access-row {
 justify-content:center; gap:6px; }#mitrans-safety[data-page="home"] .prototype-dock .access-row button {
 min-height:40px; padding:7px 10px; font-size:calc(.7 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .prototype-dock .access-row button.playback-icon {
 width:40px; min-width:40px; padding:0; font-size:calc(1.4 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .prototype-dock .access-row select {
 min-height:40px; min-width:80px; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .dock-heading > div {
 flex:0 1 auto; }#mitrans-safety[data-page="home"] .dock-heading button {
 flex:0 1 auto; min-height:40px; padding:7px 8px; font-size:calc(.7 * var(--sg-text-size, 18px)); white-space:nowrap; }#mitrans-safety[data-page="home"] .dock-voice-state {
 font-size:calc(.7 * var(--sg-text-size, 18px)); }
}
@media (min-width:900px) {#mitrans-safety[data-page="home"] #sg-prototype-dock-content {
 display:grid; grid-template-columns:minmax(110px,1fr) auto auto; align-items:center; gap:8px 12px; }#mitrans-safety[data-page="home"] .dock-heading {
 display:contents; }#mitrans-safety[data-page="home"] .dock-heading > span {
 grid-column:1; grid-row:1; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .dock-heading > div {
 grid-column:3; grid-row:1; flex-wrap:nowrap; }#mitrans-safety[data-page="home"] .dock-player-slot {
 grid-column:2; grid-row:1; }#mitrans-safety[data-page="home"] .prototype-dock .access-row {
 flex-wrap:nowrap; }#mitrans-safety[data-page="home"] .dock-voice-state {
 grid-column:1 / -1; margin:0; }
}
@media (max-width:700px) {#mitrans-safety[data-page="home"] .access-hub {
 padding:20px; margin-bottom:32px; }#mitrans-safety[data-page="home"] .hub-heading {
 align-items:flex-start; }#mitrans-safety[data-page="home"] .hub-optional {
 display:none; }#mitrans-safety[data-page="home"] .hub-entry button {
 flex:1 1 160px; }#mitrans-safety[data-page="home"] .access-hub .voice-row {
 flex-wrap:wrap; }#mitrans-safety[data-page="home"] .access-hub .voice-row select {
 flex:1 1 100%; width:100%; }#mitrans-safety[data-page="home"] .prototype-dock {
 bottom:max(8px,env(safe-area-inset-bottom)); width:calc(100% - 16px); padding:0 12px 12px; }#mitrans-safety[data-page="home"] .prototype-dock .dock-toggle {
 width:calc(100% + 24px); min-height:32px; margin:0 -12px 10px; border-radius:0; }#mitrans-safety[data-page="home"] .prototype-dock.is-collapsed .dock-toggle {
 width:100%; min-height:44px; margin:0; border-radius:14px; }#mitrans-safety[data-page="home"] .dock-heading > span {
 max-width:100%; }#mitrans-safety[data-page="home"] .dock-heading {
 flex-direction:column; align-items:stretch; gap:8px; margin-bottom:8px; }#mitrans-safety[data-page="home"] .dock-heading > div {
 width:100%; }#mitrans-safety[data-page="home"] .dock-heading button {
 padding:6px; font-size:calc(.7 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .prototype-dock .access-row {
 display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }#mitrans-safety[data-page="home"] .prototype-dock .access-row button {
 min-height:44px; padding:6px; font-size:calc(.75 * var(--sg-text-size, 18px)); grid-column:span 2; }#mitrans-safety[data-page="home"] .prototype-dock .access-row button.playback-icon {
 grid-column:span 1; width:100%; min-width:44px; padding:0; font-size:calc(1.4 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .prototype-dock .access-row select {
 grid-column:span 3; width:100%; }#mitrans-safety[data-page="home"] .prototype-dock select {
 min-height:44px; font-size:calc(.75 * var(--sg-text-size, 18px)); }#mitrans-safety[data-page="home"] .dock-voice-state {
 font-size:calc(.7 * var(--sg-text-size, 18px)); }
}

/* qr-onboarding.css */
#mitrans-safety[data-page="home"] .qr-onboarding {
position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#171326b8;color:#1f2545}#mitrans-safety[data-page="home"] .qr-onboarding-card {
width:min(100%,480px);padding:24px;border:2px solid #4c3483;border-radius:16px;background:#fff;box-shadow:0 18px 48px #0006}#mitrans-safety[data-page="home"] .qr-onboarding h2 {
margin:0 0 10px}#mitrans-safety[data-page="home"] .qr-onboarding p {
margin:0 0 16px}#mitrans-safety[data-page="home"] .qr-onboarding-actions {
display:flex;flex-wrap:wrap;gap:10px}#mitrans-safety[data-page="home"] .qr-onboarding button {
padding:10px 14px;border:1px solid #243b84;border-radius:8px;background:#2449a8;color:#fff;font:inherit;font-weight:700}#mitrans-safety[data-page="home"] .qr-onboarding-close {
background:#fff!important;color:#243b84!important}#mitrans-safety[data-page="home"] .qr-onboarding-status {
min-height:1.5em;margin:16px 0 0!important;font-size:.92em;color:#991b1b}

/* Joomla integration: all display changes stay inside this component. */
#mitrans-safety[data-page="home"] { --sg-text-size:18px; font-size:var(--sg-text-size); isolation:isolate; }
#mitrans-safety[data-page="home"] button, #mitrans-safety[data-page="home"] select { text-transform:none; letter-spacing:normal; line-height:1.65; }
#mitrans-safety[data-page="home"] h2, #mitrans-safety[data-page="home"] h3, #mitrans-safety[data-page="home"] strong, #mitrans-safety[data-page="home"] b { font-weight:700; }
#mitrans-safety[data-page="home"] .home-language { display:flex; justify-content:flex-end; padding:12px 20px 0; }


/* ===== Added: contrast page background (all pages), speech bubble above the dock. Keep at the end. ===== */
.prototype-dock .dock-listening-bubble { display:none !important; }


/* High contrast: paint the surrounding Joomla page for every safety page type (home and guides),
   not only data-page="guide", so no light strips remain around the black content area. */
html:has(#mitrans-safety.contrast) { background-color:#000 !important; }
body:has(#mitrans-safety.contrast) { --safety-page-bg:#000; }
body:has(#mitrans-safety.contrast),
body:has(#mitrans-safety.contrast) .body-wrapper,
body:has(#mitrans-safety.contrast) .body-innerwrapper,
body:has(#mitrans-safety.contrast) #sp-main-body,
body:has(#mitrans-safety.contrast) #sp-component,
body:has(#mitrans-safety.contrast) .sppb-section { background-color:#000 !important; }
body:has(#mitrans-safety.contrast) #sp-header { background:#e5e5e5 !important; }
body:has(#mitrans-safety.contrast) #sp-header .sp-megamenu-parent > li > a { color:#303030 !important; }
/* Any wrapper that contains the safety widget (whatever the template names it) also turns black. */
html:has(#mitrans-safety.contrast) body *:has(#mitrans-safety.contrast) { background-color:#000 !important; background-image:none !important; }
html:has(#mitrans-safety.contrast) .sppb-section,
html:has(#mitrans-safety.contrast) .sppb-row-container,
html:has(#mitrans-safety.contrast) #sp-main-body,
html:has(#mitrans-safety.contrast) #sp-component { background-color:#000 !important; background-image:none !important; }


/* Listening bubble: floats above the reading dock while the microphone is open. */
#mitrans-safety .listening-bubble {
  position:fixed; left:50%; bottom:max(24px, env(safe-area-inset-bottom));
  display:flex; align-items:center; gap:12px; padding:10px 22px 10px 10px;
  border-radius:999px; background:var(--panel,#fff); color:var(--ink,#242039);
  border:2px solid var(--purple,#493280); box-shadow:0 8px 32px #24203940;
  z-index:16; pointer-events:none; opacity:0; transform:translate(-50%,10px) scale(.96);
  transition:opacity .2s ease, transform .2s ease;
}
#mitrans-safety.has-prototype-dock .listening-bubble { bottom:calc(var(--prototype-dock-height,230px) + 32px); }
#mitrans-safety .listening-bubble.is-visible { opacity:1; transform:translate(-50%,0) scale(1); }
#mitrans-safety .listening-bubble[hidden] { display:none !important; }
#mitrans-safety .lb-orb {
  display:flex; align-items:center; justify-content:center; gap:4px;
  width:56px; height:56px; border-radius:50%; background:var(--purple,#493280);
}
#mitrans-safety .lb-orb i {
  display:block; width:5px; height:30px; border-radius:3px; background:#fff;
  transform:scaleY(var(--lvl,.2)); transition:transform 80ms linear;
}
#mitrans-safety .lb-label { font-weight:700; font-size:max(16px, calc(.9 * var(--sg-text-size,18px))); white-space:nowrap; }
#mitrans-safety.contrast .lb-orb i { background:#000; }
@media (prefers-reduced-motion: reduce) {
  #mitrans-safety .listening-bubble, #mitrans-safety .lb-orb i { transition:none; }
}

/* ===== "Alat Aksesibiliti" popup (opened from the floating media controls) ===== */
#mitrans-safety .tools-popup { position:fixed; inset:0; margin:auto; width:min(620px, calc(100vw - 24px)); max-height:min(86vh, 760px);
  padding:0; border:2px solid var(--purple, #493280); border-radius:14px; background:var(--panel, #fff); color:var(--ink, #242039);
  box-shadow:0 18px 60px rgba(20,10,40,.45); overflow:hidden; z-index:40; }
#mitrans-safety .tools-popup[open] { display:flex; flex-direction:column; }
#mitrans-safety .tools-popup::backdrop { background:rgba(20,10,40,.55); }
#mitrans-safety .tools-popup-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px;
  border-bottom:1px solid var(--line, #dedbe7); background:var(--soft, #eeeaf6); }
#mitrans-safety .tools-popup-head h2 { margin:0; font-size:1.15rem; color:var(--ink, #242039); }
#mitrans-safety .tools-popup-close { min-height:44px; padding:8px 18px; border:2px solid var(--purple, #493280); border-radius:8px;
  background:var(--purple, #493280); color:#fff; font:inherit; font-weight:700; cursor:pointer; }
#mitrans-safety.contrast .tools-popup-close { color:#000; }
#mitrans-safety .tools-popup-body { padding:16px 18px 20px; overflow:auto; }
#mitrans-safety .tools-popup-body .menu-content { display:block; }