/* Component-for-component native replica, Operator/mobile @ 32924023.
   390pt reference canvas: 1 native point = .25641cqw of the depicted phone.
   Semantic tokens inherit Auto/Day/Night from the host document. */
@media(max-width:760px){html.ods-home #operator-explore .os-phone-visual {background:linear-gradient(var(--ods-bg) 0,var(--ods-bg) 92%,transparent)}}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone {
  --np:.25641cqw; --phone-ink:var(--ods-text); --phone-ink2:var(--ods-text-2); --phone-ink3:var(--ods-text-3); --phone-line:var(--ods-line); --phone-gold:var(--ods-accent);
  container-type:inline-size; font-family:var(--ods-font); color:var(--ods-text);
}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-screen,.np-conversation-screen,.scp-body,.scp-home,.ex-phone-home-indicator) {background:var(--ods-bg)!important;color:var(--ods-text)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-screen,.scp-body,.np-conversation-screen) {font:400 calc(14 * var(--np))/1.5 var(--ods-font);text-align:start}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone * {box-sizing:border-box}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(h2,h3,h4,h5,p,button,span,strong,small,bdi) {font-family:var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(h2,h3,h4,h5,h6,.ex-phone-rank-row small bdi:last-child) {color:var(--ods-text)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-sweep h5 {font:600 calc(13 * var(--np))/1.385 var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-compare span,.scp-evidence-list>div>span) {color:var(--ods-text-3)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-timing span {color:var(--ods-accent-text)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone [hidden] {display:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(button,summary,[tabindex]):focus-visible {outline:2px solid var(--ods-focus);outline-offset:2px}

/* Home.tsx: 32pt mark, uiTitle, organization pill, 36pt account disc. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-header {display:flex!important;align-items:center!important;justify-content:space-between;gap:calc(8 * var(--np))!important;flex:none;min-height:calc(54 * var(--np));padding:calc(4 * var(--np)) calc(20 * var(--np)) calc(10 * var(--np))!important;background:var(--ods-bg)!important;color:var(--ods-text)!important;border:0!important;letter-spacing:0!important;text-transform:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-brand,.ex-phone-brand) {display:flex;align-items:center;gap:calc(9 * var(--np));min-width:0;flex-shrink:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-brand,.ex-phone-brand)>img {width:calc(32 * var(--np))!important;height:calc(32 * var(--np))!important;border-radius:50%;content:url('./assets/operator-app-icon.png');object-fit:contain}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-brand,.ex-phone-brand)>strong {font:600 calc(17 * var(--np))/1.412 var(--ods-font)!important;color:var(--ods-text)!important;letter-spacing:-.025em!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-org,.ex-phone-org) {display:flex;align-items:center;gap:calc(4 * var(--np));min-width:0;min-height:calc(36 * var(--np));padding:calc(7 * var(--np)) calc(10 * var(--np)) calc(7 * var(--np)) calc(14 * var(--np));border:1px solid var(--ods-line);border-radius:999px;background:var(--ods-surface);box-shadow:var(--ods-shadow-card);color:var(--ods-text);font:600 calc(13 * var(--np))/1.385 var(--ods-font);white-space:nowrap}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-org,.ex-phone-org)>svg {width:calc(14 * var(--np));height:calc(14 * var(--np));color:var(--ods-text-3);flex:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-org-label {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-avatar,.ex-phone-avatar) {display:grid;place-items:center;flex:none;width:calc(36 * var(--np));height:calc(36 * var(--np));border-radius:50%;background:var(--ods-primary);color:var(--ods-on-primary);font:600 calc(13 * var(--np))/1.385 var(--ods-font);border:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-status,.scp-status,.np-status) {background:var(--ods-bg)!important;color:var(--ods-text)!important;font-family:var(--ods-font)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-status {height:calc(48 * var(--np));padding:calc(14 * var(--np)) calc(27 * var(--np)) calc(8 * var(--np));font-size:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-status i {background:var(--ods-navy-deep);width:calc(110 * var(--np));height:calc(26 * var(--np));top:calc(8 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-scenario-state {display:none}

/* Segmented.tsx: four equal modes on a single pill track. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-modes,.np-modes,.conversation-phone-modes>div) {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;flex:none;padding:calc(4 * var(--np))!important;margin:calc(4 * var(--np)) calc(20 * var(--np))!important;min-height:0;border:0!important;border-radius:999px!important;background:var(--ods-track)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-modes,.np-modes)>span,
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .op-phone-tab {display:flex;align-items:center;justify-content:center;min-width:0;padding:calc(9 * var(--np)) calc(2 * var(--np))!important;border-radius:999px!important;background:transparent!important;font:500 calc(11.5 * var(--np))/1.2 var(--ods-font)!important;color:var(--ods-text-3)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-modes>span[aria-current=page],
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone:has([data-tab=thinking][data-active=true]) [data-mode=thinking],
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone:has([data-tab=build][data-active=true]) [data-mode=build],
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone:has([data-tab=overview][data-active=true]) [data-mode=dashboard],
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone:has([data-tab=detail][data-active=true]) [data-mode=platform],
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone [data-fx=mode-0] {background:var(--ods-thumb)!important;color:var(--ods-on-thumb)!important;box-shadow:var(--ods-shadow-control)!important;font-weight:600!important}

/* ThinkingScreen / op/Message: paper ground, user tint, framed answer. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-content,.scp-body) {padding:calc(16 * var(--np)) calc(20 * var(--np)) calc(12 * var(--np));scrollbar-color:var(--ods-line-strong) transparent;overflow-x:hidden;gap:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-content p,.scp-note,.scp-answer p) {font:400 calc(16 * var(--np))/1.5 var(--ods-font);color:var(--ods-text-2);letter-spacing:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-message.is-user,.scp-question,.np-user-message) {max-width:calc(100% - 48 * var(--np))!important;margin-inline-start:auto;background:var(--ods-navy-tint)!important;color:var(--ods-text)!important;border:0!important;border-radius:calc(20 * var(--np)) calc(20 * var(--np)) calc(6 * var(--np)) calc(20 * var(--np))!important;padding:calc(12 * var(--np)) calc(16 * var(--np))!important;font:400 calc(16 * var(--np))/1.5 var(--ods-font)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) [dir=rtl] .ods-native-phone .ex-phone-message.is-user,
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone[dir=rtl] :is(.scp-question,.np-user-message) {border-radius:calc(20 * var(--np)) calc(20 * var(--np)) calc(20 * var(--np)) calc(6 * var(--np))!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-assistant {display:flex!important;align-items:flex-start;gap:calc(10 * var(--np));max-width:100%;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-assistant>img {width:calc(28 * var(--np));height:calc(28 * var(--np));border-radius:50%;margin-top:calc(4 * var(--np));flex:none;object-fit:contain;content:url('./assets/operator-app-icon.png')}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-assistant-frame {flex:1;min-width:0;padding:calc(16 * var(--np))!important;display:flex;flex-direction:column;gap:calc(10 * var(--np));border:1px solid var(--ods-line)!important;border-radius:calc(20 * var(--np))!important;background:var(--ods-surface)!important;color:var(--ods-text)!important;box-shadow:var(--ods-shadow-card)!important;font:400 calc(16 * var(--np))/1.5 var(--ods-font)!important;min-height:0!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-citations,.scp-sources) {display:flex;flex-wrap:wrap;gap:calc(6 * var(--np));margin:calc(2 * var(--np)) 0 0;padding:calc(12 * var(--np)) 0 0;border-top:1px solid var(--ods-line)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-citations>span,.scp-chip) {display:inline-flex;gap:3px;align-items:center;padding:calc(4 * var(--np)) calc(7 * var(--np));border:0;border-radius:calc(6 * var(--np));background:var(--ods-chip)!important;color:var(--ods-text-2)!important;font:500 calc(9 * var(--np))/1.35 var(--ods-mono)!important;letter-spacing:0;text-transform:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-citations b {color:var(--ods-text)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-via-voice,.scp-voice-hint,.conversation-voice-hint) {font:400 calc(11 * var(--np))/1.4 var(--ods-font)!important;color:var(--ods-text-3)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-voice-hint,.conversation-voice-hint) svg {color:var(--ods-text-2)!important}

/* Composer.tsx + AsgnetBaselineChip.tsx: pinned, no recording action. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-composer {padding:calc(10 * var(--np)) calc(16 * var(--np)) calc(8 * var(--np));border:0!important;background:var(--ods-bg)!important;box-shadow:none!important;display:block;min-height:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-composer-pill,.ods-phone-composer,.np-film-composer) {display:flex;align-items:center;gap:calc(8 * var(--np));padding:calc(6 * var(--np))!important;padding-inline-start:calc(18 * var(--np))!important;border:1px solid var(--ods-line-strong)!important;border-radius:999px!important;background:var(--ods-surface)!important;box-shadow:var(--ods-shadow-card)!important;color:var(--ods-text-3)!important;flex:none;min-height:calc(54 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ods-phone-composer,.np-film-composer) {margin:calc(10 * var(--np)) calc(16 * var(--np)) calc(8 * var(--np))!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-placeholder {flex:1;min-width:0;font:400 calc(16 * var(--np))/1.5 var(--ods-font);color:var(--ods-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-circle {display:grid;place-items:center;flex:none;width:calc(40 * var(--np));height:calc(40 * var(--np));border-radius:50%;background:var(--ods-chip);color:var(--ods-text-2)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-circle svg {width:calc(18 * var(--np));height:calc(18 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-send {background:var(--ods-navy-tint);color:var(--ods-mark-faint)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-context {display:flex;align-items:center;align-self:flex-start;gap:calc(6 * var(--np));max-width:78%;min-height:calc(32 * var(--np));margin:0 calc(16 * var(--np)) calc(6 * var(--np));padding:0 calc(12 * var(--np));border-radius:999px;background:var(--ods-chip);color:var(--ods-text-2);font:500 calc(12 * var(--np))/1.333 var(--ods-font);flex:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-context>span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-context>svg {width:calc(14 * var(--np));height:calc(14 * var(--np));flex:none;color:var(--ods-accent-text)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-home:after,.ex-phone-home-indicator:after,.np-home:after) {background:var(--ods-text)!important}

/* Orb.tsx: flat disc, three concentric strokes, outlined microphone. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-welcome {padding-top:calc(20 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-welcome h2 {font:600 calc(30 * var(--np))/1.2 var(--ods-font);color:var(--ods-text);letter-spacing:-.035em}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-orb {position:relative;display:grid;place-items:center;width:calc(92 * var(--np));height:calc(92 * var(--np));margin:calc(64 * var(--np)) auto!important;background:var(--ods-accent)!important;box-shadow:var(--ods-glow-orb)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-orb:before {inset:calc(-20 * var(--np));border:1px solid var(--ods-accent-tint);box-shadow:0 0 0 calc(19 * var(--np)) var(--ods-bg),0 0 0 calc(20 * var(--np)) var(--ods-accent-tint);background:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-orb:after {inset:0;border:1px solid var(--ods-accent-tint)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-orb>img {display:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-mic {display:block;width:calc(32 * var(--np));height:calc(32 * var(--np));color:var(--ods-white)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-mic svg {width:100%;height:100%;stroke-width:1.8}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-orb.is-listening {width:calc(128 * var(--np));height:calc(128 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-starter {border:1px solid var(--ods-line)!important;border-radius:calc(14 * var(--np));background:var(--ods-surface)!important;padding:calc(14 * var(--np));box-shadow:var(--ods-shadow-card);color:var(--ods-text)!important;font-size:calc(13 * var(--np))}

/* op/Runs.tsx: one frame, 4pt segments, connected 22pt status glyphs. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-route-header {display:flex;align-items:center;gap:calc(12 * var(--np));margin-bottom:calc(14 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-code-tile {width:calc(44 * var(--np));height:calc(44 * var(--np));border-radius:calc(12 * var(--np));border:1px solid var(--ods-surface-ink-edge);background:var(--ods-surface-ink);color:var(--ods-accent);display:grid;place-items:center;flex:none;font:600 calc(11 * var(--np))/1 var(--ods-mono)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-route-header>div {display:flex;align-items:flex-start;flex-direction:column;gap:calc(4 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-route-header strong {font:600 calc(22 * var(--np))/1.27 var(--ods-font);color:var(--ods-text);letter-spacing:-.015em}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-route-header strong>span {color:var(--ods-accent-text);font-size:calc(18 * var(--np));margin-inline:calc(4 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-product-badge {display:inline-flex;padding:calc(3 * var(--np)) calc(7 * var(--np));border-radius:calc(8 * var(--np));background:var(--ods-surface-ink);color:var(--ods-on-ink);font:700 calc(12 * var(--np))/1.3 var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-product-badge>b {color:var(--ods-accent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-run,.np-native-run,.ex-phone-checks) {padding:calc(16 * var(--np));margin:calc(12 * var(--np)) 0 calc(16 * var(--np));border:1px solid var(--ods-line)!important;border-radius:calc(20 * var(--np))!important;background:var(--ods-surface)!important;box-shadow:var(--ods-shadow-card)!important;color:var(--ods-text)!important;overflow:hidden}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run[data-complete=true] {border-color:var(--ods-accent-tint)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run>header {margin:0 0 calc(14 * var(--np));gap:calc(12 * var(--np));align-items:flex-start}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-run>header>span,.scp-eval-heading,.ex-phone-card-title) {font:600 calc(14 * var(--np))/1.4 var(--ods-font);letter-spacing:0;text-transform:none;color:var(--ods-text)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone [data-phone-elapsed] {padding:calc(4 * var(--np)) calc(8 * var(--np));border-radius:999px;background:var(--ods-chip);color:var(--ods-text-3);font:400 calc(10 * var(--np))/1.4 var(--ods-mono);white-space:nowrap}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-run-segments {display:flex;gap:calc(4 * var(--np));margin-bottom:calc(14 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-run-segments>i {flex:1;height:calc(4 * var(--np));border-radius:999px;background:var(--ods-track)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-run-segments>i[data-state=complete] {background:var(--ods-accent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-run-segments>i[data-state=active] {background:var(--ods-accent-tint)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step {position:relative;display:flex;gap:calc(12 * var(--np));min-height:calc(38 * var(--np));margin:0;padding:0 0 calc(14 * var(--np));color:var(--ods-text-3);font:400 calc(13 * var(--np))/1.385 var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step>span {position:relative;display:grid!important;place-items:center;width:calc(22 * var(--np));height:calc(22 * var(--np));flex:none;border:1.5px solid var(--ods-line-strong);border-radius:50%;font-size:calc(12 * var(--np));line-height:1;color:transparent;background:var(--ods-surface);z-index:1}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step:before {display:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step:not(:last-child):after {content:'';position:absolute;inset-inline-start:calc(10 * var(--np));top:calc(24 * var(--np));bottom:calc(2 * var(--np));width:calc(2 * var(--np));background:var(--ods-line)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step[data-state=complete] {color:var(--ods-text)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step[data-state=complete]>span {background:var(--ods-accent);color:var(--ods-on-accent);border-color:var(--ods-accent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step[data-state=complete]:after {background:var(--ods-accent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step[data-state=active] {color:var(--ods-text);font-weight:600}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-run-step[data-state=active]>span {border-color:var(--ods-accent);color:var(--ods-accent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-prepared-note {border-top:1px solid var(--ods-line);padding-top:calc(12 * var(--np));color:var(--ods-text-3)!important;font-size:calc(10 * var(--np))!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-apply-count {display:block;text-align:center;font:600 calc(44 * var(--np))/1.1 var(--ods-font);letter-spacing:-.04em;padding:calc(12 * var(--np)) 0 calc(18 * var(--np))}

/* BuildReview: plan dossier, sunken Metric tiles, one ListCard per group. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-review-title h3,.scp-heading h2,.ex-phone-comparison h3,.ex-phone-scenario-card h3) {color:var(--ods-text)!important;font:600 calc(22 * var(--np))/1.25 var(--ods-font)!important;letter-spacing:-.03em}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-review-title>p,.scp-eyebrow,.scp-section-label) {font:600 calc(10 * var(--np))/1.4 var(--ods-font);letter-spacing:.04em;color:var(--ods-text-3)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-version,.np-version,.np-branch-label) {display:inline-flex;align-items:center;gap:calc(5 * var(--np));padding:calc(4 * var(--np)) calc(7 * var(--np));border-radius:calc(6 * var(--np));background:var(--ods-chip);color:var(--ods-text-2);font:500 calc(10 * var(--np))/1.3 var(--ods-font);margin-inline-start:calc(8 * var(--np));letter-spacing:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-branch-label {margin:0 0 calc(10 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-branch-label svg {width:calc(12 * var(--np));height:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-review-tabs,.np-review-tabs,.np-platform-rail) {display:flex;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;padding:calc(3 * var(--np));gap:0;margin:calc(8 * var(--np)) 0 calc(16 * var(--np));border:0;border-radius:999px;background:var(--ods-track)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-review-tabs,.np-review-tabs,.np-platform-rail)>* {min-height:calc(32 * var(--np));display:flex;align-items:center;justify-content:center;flex:initial;padding:calc(6 * var(--np)) calc(12 * var(--np));border:0;border-radius:999px;color:var(--ods-text-3);background:transparent;font:600 calc(11 * var(--np))/1.3 var(--ods-font);white-space:nowrap}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-review-tabs,.np-platform-rail)>.is-active,
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-review-tabs>[aria-selected=true] {background:var(--ods-thumb);color:var(--ods-on-thumb);box-shadow:var(--ods-shadow-control)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-plan-narrative,.np-listcard,.np-ledger,.np-created-scenario,.ex-phone-scenario-card,.scp-card,.scp-action-list,.scp-evidence-list,.scp-cell,.scp-compare,.scp-network) {background:var(--ods-surface)!important;color:var(--ods-text-2)!important;border:1px solid var(--ods-line)!important;border-radius:calc(20 * var(--np))!important;box-shadow:var(--ods-shadow-card)!important;overflow:hidden;flex:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-plan-narrative,.np-created-scenario,.ex-phone-scenario-card,.scp-card,.scp-cell,.scp-compare) {padding:calc(16 * var(--np));margin-bottom:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-kpis,.scp-grid) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--np));margin:calc(12 * var(--np)) 0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-kpi,.scp-grid>.scp-metric) {display:flex;flex-direction:column;min-height:calc(72 * var(--np));gap:calc(2 * var(--np));padding:calc(12 * var(--np));background:var(--ods-surface-sunken)!important;border:0!important;border-radius:calc(12 * var(--np));box-shadow:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-kpi>span {order:2}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-kpi strong,.scp-grid .scp-value) {color:var(--ods-text)!important;font:600 calc(17 * var(--np))/1.294 var(--ods-font)!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-kpi span,.scp-label,.scp-metric small) {color:var(--ods-text-2)!important;font:500 calc(12 * var(--np))/1.333 var(--ods-font)!important;letter-spacing:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-kpis>.ex-phone-kpi:last-child:nth-child(odd) {grid-column:1/-1}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-action,.scp-plan-row,.ex-phone-diff,.ex-phone-check,.ex-phone-network-effect) {display:flex;align-items:center;gap:calc(12 * var(--np));padding:calc(12 * var(--np)) calc(16 * var(--np));min-height:calc(56 * var(--np));margin:0;border:0;border-bottom:1px solid var(--ods-line);border-radius:0;background:transparent;color:var(--ods-text);width:100%;font:400 calc(14 * var(--np))/1.5 var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-listcard,.np-ledger,.scp-action-list)>:last-child {border-bottom:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-action-list {padding:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-action strong,.scp-plan-row>div>span,.ex-phone-check strong) {font:400 calc(16 * var(--np))/1.375 var(--ods-font);color:var(--ods-text)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-action small,.scp-plan-row small,.ex-phone-check small) {display:block;font:400 calc(13 * var(--np))/1.385 var(--ods-font);color:var(--ods-text-3)!important;margin-top:calc(2 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-checkbox,.scp-check,.ex-phone-check-mark) {display:grid;place-items:center;flex:none;width:calc(24 * var(--np));height:calc(24 * var(--np));border-radius:calc(8 * var(--np));border:1.5px solid var(--ods-line-strong);background:transparent;color:var(--ods-on-accent);font-size:calc(14 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-action[aria-checked=true],.ex-phone-action.is-fixed) .ex-phone-checkbox,
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-check {background:var(--ods-accent);border-color:var(--ods-accent);color:var(--ods-on-accent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-action[aria-checked=false] {opacity:var(--ods-opacity-disabled)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-plan-row>strong,.scp-positive,.ex-phone-network-effect>bdi) {color:var(--ods-positive)!important;font:600 calc(14 * var(--np))/1.4 var(--ods-font)!important;letter-spacing:-.02em}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-diff {display:block;background:transparent!important;border-radius:0!important;box-shadow:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-diff>strong {display:block;font:600 calc(12 * var(--np))/1.4 var(--ods-font);color:var(--ods-text);margin-bottom:calc(8 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-diff>span>bdi {display:grid;grid-template-columns:1fr auto 1fr;gap:calc(10 * var(--np));align-items:center;font:500 calc(12 * var(--np))/1.4 var(--ods-mono);color:var(--ods-text)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-before,.np-after)>small {display:block;color:var(--ods-text-3);font:400 calc(10 * var(--np))/1.3 var(--ods-font);margin-bottom:calc(3 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-after {color:var(--ods-accent-text)}

/* Pinned decision bar remains outside the scrolled dossier, as in BuildReview. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-decision-dock {display:flex;align-items:stretch;gap:calc(10 * var(--np));flex:none;padding:calc(12 * var(--np)) calc(20 * var(--np)) calc(8 * var(--np));border-top:1px solid var(--ods-line);background:var(--ods-bg);min-height:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-decision-dock>.ex-phone-footer {display:flex;gap:calc(10 * var(--np));width:100%;padding:0;margin:0;border:0;background:transparent}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-decision-dock .ex-phone-button,.np-pushback,.scp-approve) {display:flex;align-items:center;justify-content:center;min-height:calc(54 * var(--np));padding:calc(12 * var(--np)) calc(18 * var(--np));flex:1;border:1px solid var(--ods-line-strong);border-radius:calc(16 * var(--np));font:600 calc(16 * var(--np))/1.375 var(--ods-font);background:var(--ods-surface);color:var(--ods-text);box-shadow:none;text-align:center;overflow-wrap:anywhere}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-decision-dock .is-primary,.scp-approve) {flex:1.4;background:var(--ods-primary)!important;color:var(--ods-on-primary)!important;border-color:var(--ods-primary)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-decision-dock>.scp-approval {flex:1.4;padding:0;margin:0;display:flex}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-decision-dock .scp-track {display:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-approve[data-applied=true] {background:var(--ods-positive-tint)!important;color:var(--ods-positive)!important;border-color:var(--ods-positive-tint)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-button.is-primary,.scp-plan-link) {background:var(--ods-primary)!important;color:var(--ods-on-primary)!important;border-color:var(--ods-primary)!important;border-radius:calc(12 * var(--np));box-shadow:none}

/* BuildApplied and the loaded twin keep the same source-backed scenario. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-success,.ex-phone-success) {display:grid;place-items:center;width:calc(48 * var(--np));height:calc(48 * var(--np));border:0;border-radius:50%;background:var(--ods-positive-tint)!important;color:var(--ods-positive)!important;font-size:calc(24 * var(--np));margin:calc(12 * var(--np)) auto}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-created h2 {font:600 calc(30 * var(--np))/1.2 var(--ods-font);color:var(--ods-text);letter-spacing:-.035em}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-main-metric,.scp-result-timing) {background:var(--ods-surface-sunken)!important;border:0!important;box-shadow:none!important;border-radius:calc(12 * var(--np));padding:calc(16 * var(--np));color:var(--ods-text)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-value {color:var(--ods-text)!important;font:600 calc(36 * var(--np))/1.08 var(--ods-font)!important;letter-spacing:-.045em!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-scope,.ex-phone-note,.ex-phone-evaluation-required) {background:var(--ods-chip)!important;color:var(--ods-text-2)!important;border:0;border-radius:calc(12 * var(--np));padding:calc(12 * var(--np));font:400 calc(11 * var(--np))/1.5 var(--ods-font);text-align:start}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-card small,.scp-cell>span,.scp-evaluation>small,.scp-compare small,.scp-evidence-list p,.scp-result-timing small) {color:var(--ods-text-3)!important;font-size:calc(11 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-row,.scp-driver>div) {color:var(--ods-text-2)!important;font:400 calc(12 * var(--np))/1.5 var(--ods-font);border-color:var(--ods-line)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-row strong,.scp-compare strong,.scp-cell>strong,.scp-evidence-list b) {color:var(--ods-text)!important;font:600 calc(14 * var(--np))/1.35 var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-track {background:var(--ods-track)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-track>i {background:var(--ods-accent)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-network path,.scp-network circle) {stroke:var(--ods-accent);fill:var(--ods-accent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-network path {fill:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.scp-network-origin,.scp-network-target,.scp-network>strong,.scp-network>small) {color:var(--ods-text-2)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-rank {padding:0;border:1px solid var(--ods-line);border-radius:calc(16 * var(--np));background:var(--ods-surface);overflow:hidden}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-rank-row {border:0;border-bottom:1px solid var(--ods-line);border-radius:0;padding:calc(12 * var(--np));background:transparent;color:var(--ods-text-2)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-rank-row[data-selected=true] {background:var(--ods-accent-wash)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-rank-n {background:var(--ods-navy-tint);color:var(--ods-text);border-radius:calc(8 * var(--np))}

/* The conversation film has older inline markup but the same native shell. */
html.ods-film .op-story-c .ods-native-phone .np-conversation-screen {display:flex;flex-direction:column;min-height:0}
html.ods-film .op-story-c .ods-native-phone :is(.np-old-glass,.np-old-phone-heading) {display:none!important}
html.ods-film .op-story-c .ods-native-phone .np-island {background:var(--ods-navy-deep)!important}
html.ods-film .op-story-c .ods-native-phone .np-status {height:calc(48 * var(--np));padding:calc(17 * var(--np)) calc(27 * var(--np)) calc(8 * var(--np))!important;font:600 calc(12 * var(--np))/1 var(--ods-font)!important;flex:none}
html.ods-film .op-story-c .ods-native-phone .conversation-phone-modes {position:static!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;flex:none}
html.ods-film .op-story-c .ods-native-phone .conversation-phone-body {position:static!important;inset:auto!important;padding:calc(16 * var(--np)) calc(20 * var(--np)) calc(12 * var(--np))!important;flex:1;min-height:0;overflow:auto;justify-content:flex-start!important;gap:calc(16 * var(--np))!important}
html.ods-film .op-story-c .ods-native-phone .np-conversation-metrics {display:grid!important;grid-template-columns:1fr 1fr;gap:calc(10 * var(--np))!important;flex:none}
html.ods-film .op-story-c .ods-native-phone .np-conversation-metrics>div {background:var(--ods-surface-sunken)!important;border:0!important;border-radius:calc(12 * var(--np))!important;box-shadow:none!important;padding:calc(12 * var(--np))!important}
html.ods-film .op-story-c .ods-native-phone .np-conversation-metrics>div>div:first-child {font:400 calc(11 * var(--np))/1.4 var(--ods-font)!important;color:var(--ods-text-2)!important}
html.ods-film .op-story-c .ods-native-phone .np-conversation-metrics>div>div:last-child {font:600 calc(17 * var(--np))/1.294 var(--ods-font)!important;color:var(--ods-positive)!important;letter-spacing:-.035em}
html.ods-film .op-story-c .ods-native-phone .np-home {height:calc(16 * var(--np));display:grid;place-items:center;flex:none}
html.ods-film .op-story-c .ods-native-phone .np-home:after {content:'';width:calc(120 * var(--np));height:calc(4 * var(--np));border-radius:999px}
/* Exact native component anatomy. Native points scale with the phone, never
   with the outer film. The runtime's content/action nodes remain intact. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-header {gap:calc(12 * var(--np))!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-header-actions {display:flex;align-items:center;gap:calc(8 * var(--np));flex-shrink:1;min-width:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-org,.ex-phone-org) {max-width:calc(170 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-org,.ex-phone-org)>svg {width:calc(16 * var(--np));height:calc(16 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-citations>span,.scp-chip,.ex-phone-version,.np-version,.np-branch-label) {min-height:calc(26 * var(--np));padding:calc(4 * var(--np)) calc(10 * var(--np));border-radius:999px;border:1px solid transparent;gap:calc(6 * var(--np));font-size:calc(12 * var(--np));line-height:1.333}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-citations>span,.scp-chip) {font-size:calc(11 * var(--np))!important;font-family:var(--ods-mono)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.np-plan-narrative,.np-created-scenario,.ex-phone-scenario-card) {padding:calc(18 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-via-voice,.scp-voice-hint,.conversation-voice-hint) {font-size:calc(12 * var(--np))!important;line-height:1.333!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-placeholder {min-height:calc(40 * var(--np));padding-block:calc(8 * var(--np))}

/* BuildReview.tsx: the head stays above the ScrollView; only dossier body pans. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-review-head {flex:none;padding:calc(16 * var(--np)) calc(20 * var(--np)) 0;display:flex;flex-direction:column;gap:calc(8 * var(--np));background:var(--ods-bg);color:var(--ods-text)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-review-head :is(.ex-phone-review-title,.scp-heading) {margin:0;padding:0;display:flex;flex-direction:column;gap:calc(8 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-review-head :is(h2,h3,p) {margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-review-head :is(.ex-phone-review-tabs,.np-review-tabs) {margin:calc(4 * var(--np)) 0 0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-review-title>p,.scp-eyebrow) {display:flex;align-items:center;gap:calc(10 * var(--np));font:500 calc(11 * var(--np))/1.273 var(--ods-mono)!important;letter-spacing:.08em;text-transform:uppercase}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-version,.np-version) {margin:0;letter-spacing:0;text-transform:none;font-family:var(--ods-font)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone :is(.ex-phone-action,.scp-plan-row)>:is(span:last-child,div) {flex:1;min-width:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .scp-plan-row>strong {font:600 calc(17 * var(--np))/1.294 var(--ods-font)!important;text-align:end}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-diff-row {display:flex;align-items:center;gap:calc(12 * var(--np));padding:calc(12 * var(--np)) calc(16 * var(--np));min-height:calc(56 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-diff-text {flex:1;min-width:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-diff-text>strong {display:block;font:400 calc(16 * var(--np))/1.375 var(--ods-font);color:var(--ods-text);margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-diff-text>span {display:block;font:400 calc(13 * var(--np))/1.385 var(--ods-font);color:var(--ods-text-3);margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-diff-text bdi {font:inherit;color:inherit}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-diff-category {flex:none;min-height:calc(26 * var(--np));padding:calc(4 * var(--np)) calc(10 * var(--np));border-radius:999px;background:var(--ods-accent-tint);color:var(--ods-accent-text);font:500 calc(12 * var(--np))/1.333 var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-changes-body {display:flex;flex-direction:column;gap:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-decision-dock :is(.ex-phone-button,.np-pushback,.scp-approve) {border-radius:calc(16 * var(--np));min-height:calc(54 * var(--np));font:600 calc(16 * var(--np))/1.375 var(--ods-font);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-decision-dock :is(.np-pushback,.ex-phone-button:not(.is-primary)) {background:transparent}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-button {min-height:calc(44 * var(--np));padding:calc(10 * var(--np)) calc(18 * var(--np));font:600 calc(14 * var(--np))/1.429 var(--ods-font);border-radius:calc(12 * var(--np))}

/* BuildApplying.tsx is one centered Panel, not a second run-step ladder. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone[data-np-phase=applying] .ex-phone-content {display:flex;flex-direction:column;justify-content:center;padding-inline:calc(20 * var(--np));gap:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone[data-np-phase=applying] .ex-phone-content>:is(h3,p) {display:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone [data-phone-run=apply] {display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--np));padding:calc(30 * var(--np)) calc(18 * var(--np));margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone [data-phone-run=apply]>:is(ol,.np-run-segments,.ex-phone-prepared-note) {display:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone [data-phone-run=apply]>header {padding:0;margin:0;font:400 calc(16 * var(--np))/1.5 var(--ods-font);color:var(--ods-text-2);text-align:center}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone [data-phone-run=apply]>header time {display:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-apply-count {padding:0;font:700 calc(44 * var(--np))/1.091 var(--ods-font);letter-spacing:-.025em;color:var(--ods-text)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-progress {align-self:stretch;width:auto;height:calc(8 * var(--np));min-height:0;border-radius:calc(4 * var(--np));margin:calc(8 * var(--np)) 0;background:var(--ods-track);overflow:hidden}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-progress>span {height:100%;background:var(--ods-accent);border-radius:inherit}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-apply-foot {font:400 calc(13 * var(--np))/1.385 var(--ods-font)!important;color:var(--ods-text-3)!important;margin:0;text-align:center}

/* AsgnetEvalCard.ReadyBody: signed Verdict, then MetricRow and result blocks. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-ready-result {display:flex;flex-direction:column;gap:calc(16 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-ready-result>:is(p,.ex-phone-kpis) {margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-verdict {display:flex;flex-direction:column;gap:calc(4 * var(--np));padding:0!important;background:transparent!important;min-height:0;border-radius:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-verdict>span {order:0;color:var(--ods-text-2)!important;font:500 calc(12 * var(--np))/1.333 var(--ods-font)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-verdict>strong {font:700 calc(44 * var(--np))/1.091 var(--ods-font)!important;color:var(--ods-positive)!important;letter-spacing:-.025em}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-verdict[data-np-tone=negative]>strong {color:var(--ods-negative)!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-run-actions {display:flex;flex-wrap:wrap;gap:calc(8 * var(--np));margin:calc(16 * var(--np)) calc(-16 * var(--np)) 0;padding:calc(14 * var(--np)) calc(16 * var(--np));border-top:1px solid var(--ods-line)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-run-actions>.ex-phone-button {background:var(--ods-accent)!important;color:var(--ods-on-accent)!important;border-color:transparent!important;min-height:calc(44 * var(--np));border-radius:calc(12 * var(--np));width:auto}

/* BuildApplied.tsx: left-aligned success hero and one named scenario Panel. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-created {display:flex;flex-direction:column;gap:calc(12 * var(--np));text-align:start;padding-top:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-created>:is(h2,p) {margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-success {margin:0 0 calc(4 * var(--np));align-self:flex-start}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-applied-panel {display:grid;grid-template-columns:1fr auto;column-gap:calc(12 * var(--np));row-gap:calc(2 * var(--np));margin:calc(8 * var(--np)) 0 0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-applied-panel>h3 {font:600 calc(17 * var(--np))/1.412 var(--ods-font)!important;margin:0;grid-column:1}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-applied-panel>.np-applied-version {grid-column:2;grid-row:1;align-self:start;display:inline-flex;min-height:calc(26 * var(--np));padding:calc(4 * var(--np)) calc(10 * var(--np));font:500 calc(12 * var(--np))/1.333 var(--ods-font);border-radius:999px;background:var(--ods-accent-tint);color:var(--ods-accent-text);margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-applied-panel>:is(p:not(.np-applied-version),.ex-phone-kpis) {grid-column:1/-1;margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-applied-panel>p:not(.np-applied-version) {font:400 calc(13 * var(--np))/1.385 var(--ods-font);color:var(--ods-text-3)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-applied-panel>.np-three-metrics {grid-template-columns:repeat(3,minmax(0,1fr));margin-top:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-three-metrics>.ex-phone-kpi:last-child:nth-child(odd) {grid-column:auto}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-created>.ex-phone-button {min-height:calc(54 * var(--np));border-radius:calc(16 * var(--np));font:600 calc(16 * var(--np))/1.375 var(--ods-font)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-comparison-panel {background:var(--ods-surface);border:1px solid var(--ods-line);border-radius:calc(20 * var(--np));box-shadow:var(--ods-shadow-card);padding:calc(16 * var(--np)) calc(18 * var(--np)) calc(18 * var(--np));margin-block:calc(12 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-comparison-panel>h4 {font:600 calc(17 * var(--np))/1.412 var(--ods-font);margin:0;color:var(--ods-text)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-comparison-panel>.ex-phone-kpis {margin:calc(12 * var(--np)) 0 0}

/* Orb.tsx and VoiceOverlay.tsx: idle rings, voice waveform, full-screen voice. */
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field {position:relative;display:grid;place-items:center;width:calc(172 * var(--np));height:calc(172 * var(--np));margin:calc(24 * var(--np)) auto calc(4 * var(--np));flex:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field>.ex-phone-orb {margin:0!important;z-index:1;animation:np-native-pulse 3.2s ease-in-out infinite}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field>.ex-phone-orb:is(:before,:after) {display:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field>.ex-phone-orb:before,html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field>.ex-phone-orb:after {display:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-ring {position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--ods-orange) 18%,transparent);border-radius:50%;pointer-events:none}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-ring-1 {inset:calc(20 * var(--np));border-color:color-mix(in srgb,var(--ods-orange) 30%,transparent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-ring-2 {inset:calc(40 * var(--np));border-color:color-mix(in srgb,var(--ods-orange) 45%,transparent)}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field.is-voice {width:calc(230 * var(--np));height:calc(230 * var(--np));margin:0 auto}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field.is-voice>.ex-phone-orb {animation-duration:1.6s}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field.is-voice>.np-orb-ring {inset:0;border:1.5px solid color-mix(in srgb,var(--ods-orange) 35%,transparent);animation:np-native-ring 2s ease-out infinite}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field.is-voice>.np-orb-ring-1 {animation-delay:1s}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-wave {display:flex;align-items:center;gap:calc(4 * var(--np));height:calc(34 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-wave>i {height:100%;width:calc(4 * var(--np));border-radius:calc(2 * var(--np));background:var(--ods-white);animation:np-native-wave 1s ease-in-out infinite}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-wave>i:nth-child(2) {animation-delay:.15s}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-wave>i:nth-child(3) {animation-delay:.3s}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-wave>i:nth-child(4) {animation-delay:.45s}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-wave>i:nth-child(5) {animation-delay:.6s}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone:is([data-np-phase=listening],[data-np-phase=transcribing]) :is(.np-header,.ex-phone-modes,.ex-phone-composer,.np-context) {display:none!important}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone:is([data-np-phase=listening],[data-np-phase=transcribing]) .ex-phone-content {display:flex;flex-direction:column;overflow:hidden;padding:0 calc(32 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-voice {display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0;width:100%}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-voice:before,html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-voice:after {content:'';flex:1;min-height:calc(16 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-voice-state {margin:calc(28 * var(--np)) 0 calc(10 * var(--np));padding:calc(4 * var(--np)) calc(10 * var(--np));border-radius:999px;background:var(--ods-accent-tint);color:var(--ods-accent-text)!important;font:500 calc(12 * var(--np))/1.333 var(--ods-font)!important;min-height:calc(26 * var(--np))}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-heard {font:400 calc(22 * var(--np))/1.273 var(--ods-font)!important;text-align:center;color:var(--ods-text)!important;margin:0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .ex-phone-voice>p:last-of-type {font:400 calc(13 * var(--np))/1.385 var(--ods-font);color:var(--ods-text-3);text-align:center;margin:calc(10 * var(--np)) 0 0}
html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-voice-cancel {display:grid;place-items:center;flex:none;order:5;width:calc(56 * var(--np));height:calc(56 * var(--np));margin-bottom:calc(56 * var(--np));border:1px solid var(--ods-line);border-radius:50%;background:var(--ods-surface);box-shadow:var(--ods-shadow-control);color:var(--ods-text-2);font:400 calc(28 * var(--np))/1 var(--ods-font)}
@keyframes np-native-pulse {0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
@keyframes np-native-ring {from{transform:scale(.8);opacity:.7}to{transform:scale(1.5);opacity:0}}
@keyframes np-native-wave {0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone *,html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone *:before,html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}html:is(.ods-home,.ods-film) :is(#operator-explore,.op-story) .ods-native-phone .np-orb-field.is-voice>.np-orb-ring{display:none}}

/* Homepage scroll track: one fixed native shell and stable chapter geometry.
   Manual phone playback and all film phones retain the phase-based layouts. */
html.ods-home #operator-explore .np-continuous .ex-phone-content {display:block!important;overflow-y:hidden!important;overflow-anchor:none;scroll-behavior:auto;padding:calc(16 * var(--np)) calc(20 * var(--np)) calc(12 * var(--np))!important}
html.ods-home #operator-explore .np-continuous .np-scroll-track {display:block;min-width:0}
html.ods-home #operator-explore .np-continuous .np-scroll-chapter {display:flex;flex-direction:column;gap:calc(16 * var(--np));min-width:0;overflow-anchor:none}
html.ods-home #operator-explore .np-continuous .np-scroll-chapter+[data-phone-chapter] {border-top:1px solid var(--ods-line)}
html.ods-home #operator-explore .np-continuous .np-scroll-chapter>:is(p,h2,h3,h4) {margin:0}
/* Reserve both native run-label weights. The hidden copies share one grid
   cell, so a status change cannot resize an earlier chapter at narrow widths. */
html.ods-home #operator-explore .np-continuous .np-run-label {display:grid;grid-template-columns:minmax(0,1fr);min-width:0;flex:1}
html.ods-home #operator-explore .np-continuous .np-run-label>span,
html.ods-home #operator-explore .np-continuous .np-run-label:before,
html.ods-home #operator-explore .np-continuous .np-run-label:after {grid-area:1/1;min-width:0}
html.ods-home #operator-explore .np-continuous .np-run-label:before,
html.ods-home #operator-explore .np-continuous .np-run-label:after {content:attr(data-label);visibility:hidden;pointer-events:none}
html.ods-home #operator-explore .np-continuous .np-run-label:before {font-weight:400}
html.ods-home #operator-explore .np-continuous .np-run-label:after {font-weight:600}
html.ods-home #operator-explore .np-continuous [data-phone-chapter=welcome],
html.ods-home #operator-explore .np-continuous [data-phone-chapter=listening] {min-height:calc(430 * var(--np));justify-content:center}
html.ods-home #operator-explore .np-continuous [data-phone-chapter=loaded] {min-height:var(--scroll-port-height,calc(500 * var(--np)))}
html.ods-home #operator-explore .np-continuous .ex-phone-voice {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(24 * var(--np)) 0;gap:calc(20 * var(--np));min-height:0}
html.ods-home #operator-explore .np-continuous .np-transcribed-question {display:flex;flex-direction:column;gap:calc(16 * var(--np));padding:calc(24 * var(--np)) 0}
html.ods-home #operator-explore .np-continuous .ex-phone-heard {font:400 calc(22 * var(--np))/1.273 var(--ods-font)!important;color:var(--ods-text)!important}
html.ods-home #operator-explore .np-continuous .ex-phone-review-title {display:flex;flex-direction:column;gap:calc(8 * var(--np));padding:0;margin:0}
html.ods-home #operator-explore .np-continuous .ex-phone-footer {position:static;flex:none;margin:0;padding:calc(14 * var(--np)) 0 0;background:transparent;border-top:1px solid var(--ods-line);box-shadow:none}
html.ods-home #operator-explore .np-continuous .ex-phone-footer>.ex-phone-button {min-height:calc(54 * var(--np));border-radius:calc(16 * var(--np));font:600 calc(14 * var(--np))/1.4 var(--ods-font);box-shadow:none}
html.ods-home #operator-explore .np-continuous *,html.ods-home #operator-explore .np-continuous *:before,html.ods-home #operator-explore .np-continuous *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}