/* One operator interface, projected as a whole; no labels positioned globally. */
.home-pos-stage {isolation:isolate;z-index:0}
.screen-readable-detail {display:none}
@media(max-width:900px){
  #acasa .screen-readable-detail,.results-role-story .screen-readable-detail {display:block;order:5;margin:18px 0;padding:22px;background:var(--surface,var(--panel));border:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--text)}
  .screen-readable-detail .screen-detail-label {font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--accent);margin:0 0 12px}
  .screen-readable-detail h2 {font-size:24px;line-height:1.2;margin:0 0 16px}
  .screen-readable-detail dl {margin:0}
  .screen-readable-detail dl>div {display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
  .screen-readable-detail dd {margin:0;font-weight:700}
  .screen-readable-detail p {font-size:16px;color:var(--text)}
}
html .sp-hero.results-role-story {display:flex;flex-direction:column;min-height:0;isolation:isolate}
html .results-role-story>.sp-hero-copy {width:100%;max-width:none;padding:48px clamp(20px,6vw,90px);background:none}
html .results-role-story h1 {font-size:clamp(36px,5vw,68px);max-width:20ch}
html .results-role-story>.results-proof-hero {position:relative;order:0;display:block;width:100%;margin:0;min-height:0;overflow:hidden}
html .results-role-story>.results-proof-hero>img {display:block;position:relative;inset:auto;width:100%;height:auto;max-height:none;object-fit:contain;animation:none;transform:none}
html .results-role-story>.results-proof-hero::after {display:none}
html .results-role-story .results-proof-hero figcaption {position:relative;inset:auto;width:auto;padding:18px 24px;background:var(--surface);color:var(--text);font-size:16px;letter-spacing:0;line-height:1.5;border-radius:0;max-width:none}
html .results-role-story .results-screen {background:#0c211b;color:#effaf4;padding:20px;gap:30px}
html .results-role-story .results-screen>span {font-size:42px;letter-spacing:0;white-space:nowrap;color:#b7d6c6}
html .results-role-story .results-screen>strong {font-size:100px;letter-spacing:0;color:#effaf4}
html .results-role-story .results-screen>small {font-size:40px;letter-spacing:0;color:#69e5af;white-space:nowrap}
.home-operator-screen {position:absolute;left:0;top:0;z-index:2;box-sizing:border-box;transform-origin:0 0;overflow:hidden;background:#0c211b;color:#effaf4;padding:26px;font-family:Inter,'Segoe UI',sans-serif;pointer-events:none;display:flex;flex-direction:column;gap:26px;visibility:hidden}
.home-operator-screen.is-screen-calibrated {visibility:visible}
.home-operator-screen header {display:flex;justify-content:space-between;align-items:center;font-size:36px;font-weight:800;white-space:nowrap;border-bottom:2px solid #44665a;padding-bottom:16px}
.home-operator-screen header small {font-size:22px;color:#b2cabd}
.home-operator-screen .operator-items {margin-left:0;flex:1}
.home-operator-screen p {display:flex;justify-content:space-between;gap:16px;margin:0 0 18px;font-size:30px;color:#effaf4}
.home-operator-screen footer {display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:42px}
.home-operator-screen footer span {background:#69e5af;color:#082419;border-radius:6px;padding:18px 26px;font-size:32px;font-weight:850}
.home-pos-stage .screen-plane-foreground {position:absolute!important;z-index:3!important;max-width:none!important;pointer-events:none!important}
#acasa .home-operator-screen header {position:static;margin:0;padding:0 0 16px;min-height:0;height:auto;background:none;box-shadow:none;line-height:1.2;font-size:42px;flex:none}
#acasa .home-operator-screen footer {position:static;margin:0;padding:0;min-height:0;height:auto;border:0;background:none;color:#effaf4;line-height:1.2;flex:none;flex-direction:row;flex-wrap:nowrap}
#acasa .home-pos-stage .screen-plane-foreground {transform:none!important;opacity:1!important;filter:none!important}
#acasa .home-operator-screen footer strong {color:#effaf4;font-size:58px;line-height:1.2}
#acasa .home-operator-screen footer span {font-size:44px;padding:16px 22px;line-height:1.2}
#acasa .home-operator-screen .operator-items {min-height:0}
#acasa .home-operator-screen p {line-height:1.2;padding:0;font-size:34px}
@media(max-width:900px){
  html #acasa .td-media-hero {position:relative;inset:auto;min-height:0;isolation:isolate;overflow:hidden}
  html #acasa .td-media-hero::before,html #acasa .td-media-hero::after {display:none!important}
}
