/* Supplied 3500 x 1475 scene: live localized text shares its coordinate plane.
   Small screens retain the existing readable flow and interactive connectors. */
@media (min-width:1200px) {
  #transition#transition.sn-transition-source {
    position:relative;container-type:inline-size;aspect-ratio:3500 / 1475;
    min-height:0;padding:0;isolation:isolate;overflow:visible;
    background:#eaf5fc url('../images/stress-reference-refresh/transition/transition-background-20261027.png') center / 100% 100% no-repeat;
  }
  #transition#transition.sn-transition-source .sn-transition-grid {
    display:contents;min-height:0;width:auto;max-width:none;margin:0;padding:0;
  }
  #transition#transition.sn-transition-source .sn-recovery-portrait,
  #transition#transition.sn-transition-source .sn-transition-wires,
  #transition#transition.sn-transition-source .sn-pathway .ph { display:none; }
  #transition#transition.sn-transition-source .sn-transition-copy {
    position:absolute;left:15.05%;top:15.5%;width:22.7%;padding:0;margin:0;
    /* Site font families, fitted to the reference column as requested. */
    --site-type-h2:2.05cqw;--site-line-h2:1.1;--site-letter-h2:-.025em;
    --site-type-h3:1.25cqw;--site-line-h3:1.2;--site-letter-h3:-.02em;
    --arotec-body-size:1.15cqw;--arotec-body-line-height:1.3;
  }
  #transition#transition.sn-transition-source .sn-transition-copy h2 {
    min-height:4.51cqw;margin:0 0 1.45cqw!important;
  }
  html body.stress-reference-page #main #transition.sn-transition-source .sn-transition-copy h3 {
    border:0;padding-top:1.45cqw;margin:0 0 .7cqw!important;
  }
  #transition#transition.sn-transition-source .sn-transition-copy h3::before {
    width:3.5cqw;height:.29cqw;border-radius:4px;background:#4eacdb;
  }
  #transition#transition.sn-transition-source .sn-transition-copy p { min-height:7.475cqw;margin:0!important; }
  #transition#transition.sn-transition-source .sn-explore {
    width:18.1cqw;min-height:2.75cqw;margin-top:1.1cqw;padding:.7cqw 1.2cqw;gap:.65cqw;
    font-family:var(--site-font);font-size:clamp(11px,.98cqw,18px);line-height:1.3;
    background:#122d74;border-color:#122d74;color:#fff;
    text-transform:uppercase;max-width:100%;text-align:center;
  }
  #transition#transition.sn-transition-source .sn-explore .ph { font-size:1.3em; }
  #transition#transition.sn-transition-source .sn-explore:focus-visible,
  #transition#transition.sn-transition-source .sn-recurrence:focus-visible { outline:2px solid #15366c;outline-offset:4px; }
  #transition#transition.sn-transition-source .sn-pathway {
    position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;
    --site-type-h3:clamp(13px,1.04cqw,20px);--site-line-h3:1.12;--site-letter-h3:0;
    --site-type-h4:clamp(12px,.94cqw,20px);--site-line-h4:1.12;
    --arotec-body-size:clamp(12px,.94cqw,18px);--arotec-body-line-height:1.2;
    pointer-events:none;
  }
  #transition#transition.sn-transition-source .sn-pathway :is(h3,h4,p,span) {
    font-family:var(--site-font)!important;letter-spacing:0!important;
  }
  #transition#transition.sn-transition-source .sn-exposure {
    position:absolute;left:62.5%;top:6.75%;width:15.4%;height:9.45%;
    padding:.5cqw .4cqw;margin:0;border:0!important;outline:0;background:none;
    display:flex;flex-direction:column;justify-content:center;gap:.15cqw;
  }
  html body.stress-reference-page #main #transition.sn-transition-source .sn-exposure h3 { margin:0!important; }
  #transition#transition.sn-transition-source .sn-exposure p { margin:0!important; }
  #transition#transition.sn-transition-source .sn-pathway-title {
    position:absolute;left:59.9%;top:21.7%;width:21%;height:3.6%;margin:0!important;
    display:flex;align-items:center;justify-content:center;
    --arotec-body-size:clamp(12px,.94cqw,18px);--arotec-body-line-height:1.1;font-weight:700!important;
  }
  html body.stress-reference-page #main #transition.sn-transition-source .sn-decision {
    position:absolute;left:65.65%;top:33.7%;width:9%;height:6.4%;
    padding:0;margin:0!important;border:0;background:none;
    display:flex;align-items:center;justify-content:center;
  }
  #transition#transition.sn-transition-source :is(.sn-branches,.sn-branch,.sn-branch ol,.sn-branch li) {
    display:contents;margin:0;padding:0;
  }
  #transition#transition.sn-transition-source .sn-branch h4 {
    top:33.7%!important;width:3.8%;height:3.3%;margin:0!important;padding:0;
    display:flex;align-items:center;justify-content:center;
  }
  #transition#transition.sn-transition-source #recovery-yes { left:61.7%!important;color:#307b32; }
  #transition#transition.sn-transition-source #recovery-no { left:75.3%!important;color:#df493f; }
  #transition#transition.sn-transition-source .sn-branch li>span {
    position:absolute;padding:.2cqw .35cqw;min-height:0;border:0!important;outline:0;
    border-radius:0;background:none;font-size:clamp(12px,.94cqw,18px);line-height:1.12;font-weight:700;
    display:block;align-content:center;text-align:center;
  }
  #transition#transition.sn-transition-source .sn-branch--yes li>span { left:58.35%;width:8.45%;height:6.3%;color:#2e6a42; }
  #transition#transition.sn-transition-source .sn-branch--yes li:nth-child(1)>span { top:46.15%; }
  #transition#transition.sn-transition-source .sn-branch--yes li:nth-child(2)>span { top:56.05%;height:7.2%; }
  #transition#transition.sn-transition-source .sn-branch--yes li:nth-child(3)>span { top:67%;height:6.4%; }
  #transition#transition.sn-transition-source .sn-branch--no li>span { left:73.25%;width:9.6%;height:7%;color:#882541; }
  #transition#transition.sn-transition-source .sn-branch--no li:nth-child(1)>span { top:46.15%;left:72.45%;width:10.65%;height:6.6%;padding-inline:1px;font-size:clamp(10px,.85cqw,18px); }
  #transition#transition.sn-transition-source .sn-branch--no li:nth-child(2)>span { top:56.8%; }
  #transition#transition.sn-transition-source .sn-branch--no li:nth-child(3)>span { top:67.8%; }
  #transition#transition.sn-transition-source .sn-branch--no li:nth-child(4)>span { top:79%; }
  #transition#transition.sn-transition-source .sn-recurrence {
    position:absolute;left:80.8%;top:32.9%;right:auto;width:7%;height:5.4%;min-height:0;
    padding:0;margin:0;background:none;color:#df493f;pointer-events:auto;
    font-family:var(--site-font);font-size:clamp(10px,.72cqw,16px);line-height:1.1;font-weight:700;
    text-decoration:none;
  }
  #transition#transition.sn-transition-source .sn-recurrence small { display:none; }
  #transition#transition.sn-transition-source .sn-recurrence:hover { text-decoration:underline; }
  html:lang(th) #transition#transition.sn-transition-source .sn-branch--no li:nth-child(2)>span { font-size:clamp(10px,.8cqw,18px);padding-inline:.1cqw; }
  html:lang(th) #transition#transition.sn-transition-source .sn-branch--yes li:nth-child(3)>span { font-size:clamp(10px,.8cqw,18px);padding-inline:.1cqw; }
  html:lang(th) #transition#transition.sn-transition-source .sn-transition-copy { --site-type-h2:1.65cqw; }
}