/* P19 - HCSA adaptive iPhone Duo simulator.
 * Only active within the existing HCSA modal. No change to approved hero layout. */
.r21-dialog [hidden], .p19-duo__stage [hidden] { display:none!important; }
.r21-dialog:has([data-p19-duo-stage]) {
  width:min(1330px,calc(100vw - 28px));
  background:#f3f8fb;
}
.r21-dialog:has([data-p19-duo-stage]) .r21-dialog__gallery {
  grid-template-columns:minmax(0,1.63fr) minmax(295px,.80fr);
  gap:clamp(16px,2vw,32px);
  padding:20px clamp(14px,2.5vw,34px) 22px;
}
.r21-dialog:has([data-p19-duo-stage]) .r21-dialog__device-column,
.r21-dialog:has([data-p19-duo-stage]) .r21-dialog__device {width:100%;align-self:stretch;}
.p19-duo__toolbar {width:100%;min-width:0;padding:12px 13px 8px;border-radius:17px;
  border:1px solid #254d60;background:linear-gradient(125deg,#082338,#164e60);
  box-shadow:0 10px 25px #122c3a1c;color:#fff;}
.p19-duo__toolbar-intro {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:10px;}
.p19-duo__toolbar-intro>span {color:#62d9cb;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.p19-duo__toolbar-intro>strong {font-size:.88rem;letter-spacing:-.01em;}
.p19-duo__poses {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}
.p19-duo__poses button {min-width:0;min-height:44px;padding:7px 4px;border-radius:10px;
  border:1px solid #3b6477;background:#164058;color:#d8eef6;font-size:clamp(.63rem,.84vw,.77rem);
  font-weight:800;cursor:pointer;white-space:normal;line-height:1.2;}
.p19-duo__poses button[aria-pressed="true"] {color:#062a39;border-color:#82e4d9;background:#8ce8dc;box-shadow:0 0 0 1px #0dd5c847;}
.p19-duo__poses button:hover {border-color:#8ce8dc;}
.p19-duo__poses button:focus-visible,.p19-duo__reveal:focus-visible {outline:3px solid #38ccbe;outline-offset:3px;}
.p19-duo__pose-state {font-size:.70rem!important;line-height:1.45!important;color:#a9d5df!important;margin:8px 2px 0!important;}
.p19-duo__rail {grid-column:1;grid-row:3;min-height:0;}
.p19-duo__screen--split .r23-phone__viewport {grid-column:2;grid-row:3;min-width:0;min-height:0;}
.p19-duo__screen--split .r23-phone__nav {grid-column:1/-1;grid-row:4;}
.p19-duo__screen--split .r23-phone__dock {grid-column:1/-1;grid-row:5;}
.p19-duo__rail {display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;
  background:linear-gradient(180deg,#0e3853,#164a5c);color:#e8fcff;border-right:1px solid #104459;}
.p19-duo__rail-heading {display:flex;flex-direction:column;gap:3px;padding:13px 12px 12px;border-bottom:1px solid #52798b70;}
.p19-duo__rail-heading small {color:#80dacb;font-size:9px;letter-spacing:.09em;font-weight:850;text-transform:uppercase;}
.p19-duo__rail-heading strong {color:#fff;font-size:12px;line-height:1.2;}
.p19-duo__rail-list {display:flex;flex-direction:column;gap:5px;min-height:0;overflow-y:auto;padding:9px 7px;overscroll-behavior:contain;scrollbar-width:thin;}
.p19-duo__rail .p19-duo__item {display:flex;align-items:center;justify-content:space-between;gap:5px;
  width:100%;padding:10px 8px;min-height:51px;border:1px solid #587b8975;border-radius:9px;
  background:#ffffff0c;text-align:left;color:#fff;cursor:pointer;}
.p19-duo__rail .p19-duo__item:hover,.p19-duo__rail .p19-duo__item[aria-current="true"] {background:#2b6570;border-color:#91d7d2;}
.p19-duo__rail .p19-duo__item:focus-visible {outline:3px solid #aaf4e9;outline-offset:1px;}
.p19-duo__item-body {display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;}
.p19-duo__item-body strong {font-size:10px;font-weight:800;line-height:1.35;color:#fff;overflow-wrap:anywhere;}
.p19-duo__item-body small {color:#b9d9e4;font-size:9px;line-height:1.35;overflow-wrap:anywhere;}
.p19-duo__item-arrow {font-size:20px;font-weight:900;color:#98e6d8;}
.p19-duo__rail-hint,.p19-duo__empty {font-size:9px;line-height:1.45;color:#d0e8ea;margin:4px 11px 12px!important;}
.p19-duo__privacy {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:absolute;
  z-index:7;top:77px;left:4px;right:4px;bottom:73px;padding:18px;
  background:linear-gradient(155deg,#09263eef,#125067f5);text-align:center;color:#fff;}
.p19-duo__privacy-icon {font-size:34px;line-height:1;color:#86efdf;}
.p19-duo__privacy strong {color:#fff;font-size:14px;}
.p19-duo__privacy p {color:#d6edf3;font-size:11px;line-height:1.5;max-width:310px;margin:0;}
.p19-duo__reveal {border-radius:9px;border:1px solid #a4eee1;background:#8ce8dc;
  color:#0b3441;font-size:11px;font-weight:850;min-height:42px;padding:9px 12px;cursor:pointer;}
/* P19.2: two geometric leaves on a single physical hinge.
   Device measurements: 164.6 x 117.8 x 5.2 mm open; 84.1 x 117.8 x 11.3 mm closed.
   Shared HCSA application DOM remains in the right leaf; the left leaf offers
   the contextual rail. No duplicated UI state, canvas screenshots, or polling. */
.r21-dialog__device .p19-duo__stage {
  position:relative; display:none; width:100%; min-width:0;
  min-height:0; padding:16px 4px 25px; justify-content:center; align-items:center;
  isolation:isolate; perspective:1600px;
}
.r21-dialog__device.r23-live-active .p19-duo__stage {display:flex;}
.p19-duo__device {
  position:relative; flex:none;
  width:min(100%,660px); max-width:100%; aspect-ratio:164.6 / 117.8;
  transform-style:preserve-3d; --p192-depth-mm:5.2;
  transition:width .52s cubic-bezier(.2,.72,.12,1),aspect-ratio .52s ease,transform .52s ease;
  /* Do NOT put a filter on the 3D parent: CSS grouping flattens its leaves. */
  filter:none;
}
/* Individual leaf box-shadows provide depth without grouping the 3D tree. */
.p19-duo__leaf {
  position:absolute; top:0; width:50%; height:100%; box-sizing:border-box;
  padding:5px; z-index:2;
  border:2px solid #84909a;
  background:linear-gradient(110deg,#d0d7df 0%,#717f8d 7%,#253746 16%,#151f2d 53%,#4a5c6a 87%,#cbd3da 100%);
  transform-style:preserve-3d; backface-visibility:hidden;
  box-shadow:inset 0 0 0 1px #edf9ff8e,inset 0 0 0 3px #0c1c28,
             0 4px 0 #364956,0 7px 12px #071b2d70;
  transition:left .52s cubic-bezier(.2,.72,.12,1),top .52s cubic-bezier(.2,.72,.12,1),
    width .52s cubic-bezier(.2,.72,.12,1),height .52s cubic-bezier(.2,.72,.12,1),
    transform .52s cubic-bezier(.2,.72,.12,1),opacity .38s ease;
  will-change:transform;
}
.p19-duo__leaf--left {left:0; border-radius:24px 3px 3px 24px;transform-origin:100% 50%;}
.p19-duo__leaf--right {left:50%;border-radius:3px 24px 24px 3px;transform-origin:0% 50%;}
.p19-duo__spine {
  position:absolute;left:calc(50% - 5px);top:1%;width:10px;height:98%;
  border-radius:10px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,#24333c,#b0c1cb 30%,#4c697a 57%,#0d2131 100%);
  box-shadow:0 0 0 1px #131f2c,0 2px 8px #061a2bb2;
  transition:left .52s ease,top .52s ease,width .52s ease,height .52s ease;
}
.p19-duo__inner-left {
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  width:100%;height:100%;box-sizing:border-box;
  background:linear-gradient(155deg,#102c45,#1b5564);color:#fff;
  border:4px solid #09111a;border-radius:17px 1px 1px 17px;
  box-shadow:inset 0 0 0 1px #839bb3aa;
  backface-visibility:hidden;
}
.p19-duo__left-status {height:29px;flex:none;display:flex;justify-content:space-between;align-items:center;
  padding:3px 15px;color:#e0eef6;font-size:10px;font-weight:800;background:#08283e;}
.p19-duo__front-dot{width:5px;height:5px;border-radius:50%;background:#182b38;box-shadow:0 0 0 2px #526b74;}
.p19-duo__left-head {flex:none;min-height:45px;display:flex;align-items:center;justify-content:space-between;
  padding:8px 15px;border-bottom:1px solid #87c3c733;font-size:13px;}
.p19-duo__left-head span{font-size:8px;letter-spacing:.1em;font-weight:800;color:#91e3d8;border:1px solid #609a9c55;padding:4px 6px;border-radius:20px;}
.p19-duo__left-fallback {display:flex;flex:1;min-height:0;flex-direction:column;gap:11px;
  align-items:flex-start;justify-content:center;padding:17px;position:relative;overflow:hidden;}
.p19-duo__left-fallback span{position:relative;z-index:1;font-size:11px;color:#b3dfe3;line-height:1.45;}
.p19-duo__left-fallback strong{position:relative;z-index:1;font-size:clamp(20px,2.4vw,29px);line-height:1.05;color:#fff;}
.p19-duo__left-fallback .p19-duo__fallback-label{color:#78e1d3;font-size:9px;font-weight:850;letter-spacing:.1em;}
.p19-duo__fallback-shape {position:absolute;right:-45px;bottom:-58px;width:230px;height:230px;border-radius:50%;
  border:1px solid #50cab93d;box-shadow:0 0 0 28px #50cab91b,0 0 0 56px #50cab912;}
.p19-duo__left-dock {flex:none;height:17px;display:grid;place-items:center;background:#0b2f43;}
.p19-duo__left-dock span {width:90px;height:4px;background:#b8d9e0aa;border-radius:10px;}
.p19-duo__back-left {position:absolute;inset:5px;border:4px solid #060f19;border-radius:18px 1px 1px 18px;
  transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;
  background:linear-gradient(125deg,#aeb9c4,#33495c 55%,#192c3e);}
.p19-duo__back-mark {position:absolute;left:35%;top:56%;font-size:30px;font-weight:900;color:#172b3750;}
.p19-duo__camera-array {position:absolute;left:17px;top:16px;padding:7px 8px;display:flex;gap:8px;align-items:center;
  border-radius:20px;background:linear-gradient(155deg,#253747,#7a8b98);box-shadow:0 2px 7px #06152782;}
.p19-duo__camera-array i {width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 39% 40%,#2d647c 0 12%,#0d1b2a 33%,#060f1c 55%,#647c8b 70%,#111e2b 83%);border:2px solid #a4b2bf;box-shadow:0 0 0 2px #142334;}
.p19-duo__camera-array em{width:8px;height:8px;background:#d5c99c;border-radius:50%;}
/* The right leaf hosts one interactive screen, sized exactly to its physical panel. */
.p19-duo__leaf .r23-phone {
  width:100%;height:100%;max-width:none;min-width:0;min-height:0;aspect-ratio:auto;
  padding:0;border:0;border-radius:17px;box-shadow:none;
  background:none;overflow:visible;transform:none;
  transition:none;
}
.p19-duo__leaf .r23-phone::before{content:none;}
.p19-duo__leaf .r23-phone__screen {
  width:100%;height:100%;border:4px solid #08111b;border-radius:1px 17px 17px 1px;
  box-shadow:inset 0 0 0 1px #c9d8e0a8;overflow:hidden;
}
.p19-duo__leaf .r23-phone__statusbar {padding:3px 13px;font-size:10px;}
.p19-duo__leaf .r23-phone__island {width:12px;height:12px;top:12px;opacity:.17;
  box-shadow:none;background:radial-gradient(circle,#1b2934,#223747);}
.p19-duo__leaf .r23-phone__app-header{padding:3px 9px;}
.p19-duo__leaf .r23-phone__viewport{padding:9px;}
.p19-duo__leaf .r23-phone__nav{flex-basis:55px;}
.p19-duo__leaf .r23-phone__mute-switch{display:none;}
.p19-duo__leaf .r23-phone__side-button--power{right:-8px;top:23%;width:4px;height:45px;}
.p19-duo__leaf .r23-phone__side-button--volume-up{left:auto;right:-8px;top:41%;width:4px;height:31px;}
.p19-duo__leaf .r23-phone__side-button--volume-down{left:auto;right:-8px;top:53%;width:4px;height:31px;}
.p19-duo__leaf .r23-phone__dock{flex-basis:17px;}
/* P19.6: inward Book fold (a concave reading angle, spine away from viewer).
   Preserve P19.5 Book hit-testing and all other HCSA poses unchanged.
   P19.4 hardware pose: an oblique camera reveals hinge depth without
   nonuniformly scaling either screen. The parent filter was flattening 3D.
   These poses have independent rigid leaf rotation; screen layouts unchanged. */
.p19-duo__stage[data-p19-pose="book"]{padding:40px 14px 40px;}
.p19-duo__stage[data-p19-pose="book"] .p19-duo__device{
  transform:rotateY(-4deg) rotateX(5deg) rotateZ(-1deg);
}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__device{
  transform:rotateX(18deg) rotateY(-9deg);
}
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf--left::after,
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf--right::after{content:"";position:absolute;inset:6px;pointer-events:none;border-radius:14px;}
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf--left::after{background:linear-gradient(to right,transparent 67%,rgba(0,16,29,.28) 100%);}
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf--right::after{background:linear-gradient(to left,transparent 67%,rgba(0,16,29,.28) 100%);}
/* Separate leaf motion; no flat hinge graphic or uniform whole-device rotation. */
/* Recess the central seam; only Book View receives these visual overrides. */
.p19-duo__stage[data-p19-pose="book"] .p19-duo__spine{
  left:calc(50% - 3px);width:6px;transform:translateZ(-3px);
  background:linear-gradient(90deg,#42606e 0%,#102b39 27%,#06131c 50%,#193544 74%,#45636d 100%);
  box-shadow:inset 1px 0 1px #8ebbb32c,0 0 2px #061e2e9a;
}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__spine{transform:translateZ(8px);}
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf--left{transform:rotateY(26deg);}
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf--right{transform:rotateY(-26deg);}
.p19-duo__stage[data-p19-pose="closed"] .p19-duo__device{
  width:min(100%,338px);aspect-ratio:84.1 / 117.8;--p192-depth-mm:11.3;
}
.p19-duo__stage[data-p19-pose="closed"] .p19-duo__leaf--left {
  left:0;width:100%;transform:rotateY(-175deg);opacity:0;pointer-events:none;
}
.p19-duo__stage[data-p19-pose="closed"] .p19-duo__leaf--right{left:0;width:100%;border-radius:25px;transform:none;}
.p19-duo__stage[data-p19-pose="closed"] .p19-duo__leaf--right .r23-phone__screen{border-radius:21px;}
.p19-duo__stage[data-p19-pose="closed"] .p19-duo__spine{left:0;width:5px;opacity:.82;}
.p19-duo__stage[data-p19-pose="closed"] .r23-phone__island{width:83px;height:21px;top:5px;opacity:1;
  border-radius:99px;background:linear-gradient(#09131d,#1c2835);box-shadow:inset 0 1px #9fbbc433;}
/* P19.5: Book View hit-testing only. Chromium can choose the rotated
   preserve-3d parent as the pointer target instead of either visible leaf.
   The outer device and decorative leaf surfaces are not click targets;
   the real interactive screens inside both leaves remain hit-testable.
   Pose geometry, painted pixels and all other postures are unchanged. */
.p19-duo__stage[data-p19-pose="book"] .p19-duo__device,
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf {pointer-events:none;}
.p19-duo__stage[data-p19-pose="book"] .p19-duo__inner-left,
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf .r23-phone {pointer-events:auto;}
/* Seated: rotate the folding axis geometrically, not the completed handset. */
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__device{
  width:min(100%,470px);aspect-ratio:117.8 / 164.6;
}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__leaf--left {
  left:0;top:0;width:100%;height:50%;border-radius:24px 24px 3px 3px;
  transform-origin:50% 100%;transform:rotateX(-39deg);
}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__leaf--right {
  left:0;top:50%;width:100%;height:50%;border-radius:3px 3px 24px 24px;
  transform-origin:50% 0%;transform:rotateX(27deg);
}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__spine{left:1%;width:98%;top:calc(50% - 5px);height:10px;}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__inner-left{border-radius:16px 16px 1px 1px;}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__leaf .r23-phone__screen{border-radius:1px 1px 16px 16px;}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__left-head{display:none;}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__left-fallback{padding:14px;gap:6px;}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__left-fallback strong{font-size:23px;}
.p19-duo__stage[data-p19-pose="seated"] .r23-phone__nav{flex-basis:43px;}
.p19-duo__stage[data-p19-pose="seated"] .r23-phone__app-header{flex-basis:35px;}
/* Shared rail, no duplicate app instances. */
.p19-duo__rail{flex:1;min-height:0;}
.p19-duo__stage[data-p19-pose="open"] .p19-duo__leaf--left .p19-duo__rail,
.p19-duo__stage[data-p19-pose="book"] .p19-duo__leaf--left .p19-duo__rail{display:flex;}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__rail{display:none!important;}
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__left-fallback{display:flex!important;}
.p19-duo__stage[data-p19-pose="open"] .p19-duo__left-fallback:not([hidden]),
.p19-duo__stage[data-p19-pose="book"] .p19-duo__left-fallback:not([hidden]){display:flex;}
/* Visual-only concealment, never a security control. */
.p19-duo__privacy{top:77px;bottom:74px;left:3px;right:3px;overflow:auto;}
@media (max-width:1100px){
  .r21-dialog:has([data-p19-duo-stage]) .r21-dialog__gallery{grid-template-columns:1fr;}
  .r21-dialog:has([data-p19-duo-stage]) .r21-dialog__device-column{max-width:780px;margin-inline:auto;}
  .r21-dialog:has([data-p19-duo-stage]) .r21-dialog__details{width:100%;}
}
@media (max-width:590px){
  .r21-dialog:has([data-p19-duo-stage]) {width:calc(100vw - 12px);max-height:96dvh;}
  .r21-dialog:has([data-p19-duo-stage]) .r21-dialog__gallery{padding:10px 10px 18px;gap:10px;}
  .p19-duo__toolbar{padding:10px 8px 7px;}
  .p19-duo__toolbar-intro strong{font-size:.75rem;}
  .p19-duo__poses{gap:3px;}
  .p19-duo__poses button{min-height:44px;font-size:.61rem;padding:7px 2px;}
  .p19-duo__stage{padding:9px 2px 15px;}
  .p19-duo__device{width:100%;}
  .p19-duo__stage[data-p19-pose="closed"] .p19-duo__device{width:min(92%,285px);}
  .p19-duo__stage[data-p19-pose="seated"] .p19-duo__device{width:min(82%,280px);}
  .p19-duo__stage[data-p19-pose="seated"] .p19-duo__device{transform:rotateX(12deg) rotateY(-5deg);}
  .p19-duo__leaf{padding:3px;border-width:1px;}
  .p19-duo__inner-left,.p19-duo__leaf .r23-phone__screen{border-width:2px;}
  .p19-duo__left-status{height:20px;padding:2px 5px;font-size:8px;}
  .p19-duo__left-head{min-height:33px;padding:4px 7px;font-size:10px;}
  .p19-duo__left-fallback{padding:9px;gap:6px;}
  .p19-duo__left-fallback strong{font-size:14px;}
  .p19-duo__left-fallback span{font-size:8px;}
  .p19-duo__rail{display:none!important;}
  /* At small widths show the context summary instead of an unreadable rail. */
  .p19-duo__stage .p19-duo__left-fallback{display:flex!important;}
  .p19-duo__leaf .r23-phone__statusbar{flex-basis:20px;font-size:8px;padding:2px 6px;}
  .p19-duo__leaf .r23-phone__app-header{flex-basis:32px;font-size:10px;padding:3px 5px;gap:2px;}
  .p19-duo__leaf .r23-phone__app-header .r23-phone__demo-mark{font-size:7px;}
  .p19-duo__leaf .r23-phone__back{min-width:24px;height:25px;font-size:17px;}
  .p19-duo__leaf .r23-phone__viewport{padding:5px;}
  .p19-duo__leaf .r23-phone__nav{flex-basis:36px;}
  .p19-duo__leaf .r23-phone__nav button svg{width:13px;height:13px;}
  /* Keep the Duo tabs legible even when both leaves share a narrow phone viewport. */
  .p19-duo__leaf .r23-phone__nav button small{font-size:8px;letter-spacing:-.5px;}
  .p19-duo__leaf .r23-phone__dock{flex-basis:10px;height:10px;}
  .p19-duo__leaf .r23-phone__dock::after{bottom:3px;height:3px;width:48px;}
  .p19-duo__privacy{top:53px;bottom:45px;padding:5px;gap:4px;}
  .p19-duo__privacy-icon{font-size:16px;}
  .p19-duo__privacy strong{font-size:9px;}
  .p19-duo__privacy p{font-size:7px;line-height:1.25;}
  .p19-duo__reveal{font-size:8px;padding:4px 6px;min-height:29px;}
  .p19-duo__pose-state{font-size:.63rem!important;}
}
@media (max-width:590px){.p19-duo__stage[data-p19-pose="book"]{padding:19px 5px 21px;}}
@media(prefers-reduced-motion:reduce){
  .p19-duo__device,.p19-duo__leaf,.p19-duo__spine{transition:none!important;}
  .p19-duo__leaf .r23-phone{transition:none!important;}
}

/* P19.7: the physical hinge, posture geometry and all non-Tabletop pixels are unchanged. */
.p19-duo__stage[data-p19-pose="seated"] .p19-duo__left-fallback[hidden]{display:none!important;}
.p197-tabletop{display:none;flex:1;min-height:0;overflow:hidden;color:#eefbff;
  background:linear-gradient(145deg,#0e3148,#14576a);padding:clamp(8px,1.3vw,14px);}
.p19-duo__stage[data-p19-pose="seated"] .p197-tabletop:not([hidden]){display:flex;align-items:center;justify-content:center;}
.p197-tabletop__content{width:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:clamp(3px,.5vw,8px);scrollbar-width:thin;}
.p197-tabletop__eyebrow{color:#8be6d9;font-size:clamp(7px,.65vw,10px);font-weight:800;letter-spacing:.09em;}
.p197-tabletop__title{color:#fff;font-size:clamp(12px,1.3vw,20px);line-height:1.2;overflow-wrap:anywhere;}
.p197-tabletop__meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid #ffffff25;
  padding-top:4px;font-size:clamp(8px,.85vw,12px);line-height:1.3;}
.p197-tabletop__meta span{color:#bdd9e1;}.p197-tabletop__meta b{color:#fff;text-align:right;overflow-wrap:anywhere;}
.p197-tabletop__summary{font-size:clamp(9px,.9vw,12px);color:#d8eef2;line-height:1.4;margin:0!important;}

/* P19.8 — video stays on the upper display exclusively in Tabletop. */
.p19-duo__stage[data-p19-pose="seated"]:has(.p197-tabletop[data-p197-kind="video"]) .r24-call-stage{display:none!important;}
.p197-tabletop[data-p197-kind="video"]{padding:5px;overflow:hidden;}
.p198-video{height:100%;width:100%;min-width:0;display:flex;flex-direction:column;gap:4px;}
.p198-video__remote{position:relative;flex:1;min-height:0;border-radius:10px;overflow:hidden;background:#123c50;}
.p198-video__poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;}
.p198-video__overlay{position:absolute;bottom:6px;left:7px;display:flex;flex-direction:column;gap:2px;padding:4px 6px;background:rgba(2,29,44,.8);border-radius:6px;font-size:clamp(7px,.75vw,11px);}
.p198-video__demo{color:#98ebe0;font-size:.75em;letter-spacing:.08em;font-weight:800;}
.p198-video__pip{position:absolute;top:6px;right:7px;width:25%;height:43%;max-width:96px;min-width:39px;background:linear-gradient(140deg,#195467,#12364d);border:2px solid #9edbd9;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
.p198-video__self-video{width:100%;height:100%;object-fit:cover;}
.p198-video__self-video[hidden],.p198-video__self-placeholder[hidden]{display:none!important;}
.p198-video__self-placeholder{font-size:clamp(15px,2.1vw,30px);color:#c0f8ee;}
.p198-video__pip small{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:clamp(6px,.7vw,9px);color:#fff;background:#032335d9;padding:1px;}
.p198-video__foot{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#cbe9ef;font-size:clamp(7px,.85vw,11px);}
.p198-video__foot strong{color:#9deddf;white-space:nowrap;}
.p19-duo__stage[data-p19-pose="seated"] .r24-video-lab .r24-tool-grid{margin-top:4px;}

/* P19.10: two device shells, exactly one interactive HCSA phone DOM.
   Duo retains all four approved postures; iPhone is a full-height single screen. */
.p19-duo__device-switch {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;
  max-width:390px;padding:4px;margin-bottom:10px;border:1px solid #54788b;
  border-radius:13px;background:#061f32;}
.p19-duo__device-switch button {min-height:44px;padding:8px 12px;border:1px solid transparent;
  border-radius:9px;background:transparent;color:#cce8ef;font-size:.87rem;font-weight:850;
  cursor:pointer;transition:background-color .15s,border-color .15s;}
.p19-duo__device-switch button[aria-pressed="true"] {background:#8ce8dc;border-color:#b8fff3;color:#073142;
  box-shadow:0 2px 9px #03121c48;}
.p19-duo__device-switch button:hover:not([aria-pressed="true"]) {background:#19465e;border-color:#6198a9;}
.p19-duo__device-switch button:focus-visible {outline:3px solid #aaf8ed;outline-offset:2px;}
.p19-duo__stage[data-p19-device-mode="iphone"] {padding:13px 5px 23px;perspective:none;}
.p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__device {
  width:min(100%,330px);aspect-ratio:9 / 19.5;transform:none;transform-style:flat;
}
.p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__leaf--left,
.p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__spine {display:none!important;}
.p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__leaf--right {
  left:0;top:0;width:100%;height:100%;padding:5px;border:2px solid #8998a6;
  border-radius:41px;transform:none;transform-style:flat;opacity:1;
  box-shadow:0 14px 24px #091b2a30,0 4px 7px #061b2c50,
    inset 0 0 0 1px #e2ebf28c,inset 0 0 0 3px #172633;
}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone {border-radius:36px;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__screen {
  border:3px solid #08111b;border-radius:35px;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__statusbar {
  flex-basis:31px;padding-inline:14px;font-size:10px;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__island {
  width:92px;height:22px;top:5px;opacity:1;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__app-header {
  flex-basis:45px;padding:4px 12px;font-size:13px;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__viewport {padding:12px 11px 14px;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__nav {flex-basis:52px;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__nav button small {font-size:9px;}
.p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__dock {flex-basis:16px;height:16px;}
/* Do not let mobile Duo's tiny two-leaf typography leak into single-iPhone mode. */
@media (max-width:590px) {
  .p19-duo__device-switch {max-width:none;}
  .p19-duo__device-switch button {min-height:44px;font-size:.81rem;}
  .p19-duo__stage[data-p19-device-mode="iphone"] {padding:11px 1px 20px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__device {width:min(100%,330px);}
  .p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__leaf--right {padding:4px;border-width:2px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__screen {border-width:3px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__statusbar {flex-basis:29px;font-size:10px;padding-inline:12px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__app-header {flex-basis:43px;font-size:12px;padding:4px 10px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__app-header .r23-phone__demo-mark {font-size:9px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__back {min-width:31px;height:31px;font-size:22px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__viewport {padding:11px 10px 14px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__nav {flex-basis:50px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__nav button svg {width:19px;height:19px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__nav button small {font-size:9px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__dock {flex-basis:15px;height:15px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .r23-phone__dock::after {bottom:5px;height:4px;width:82px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__privacy {top:73px;bottom:65px;padding:15px;gap:9px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__privacy strong {font-size:14px;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__privacy p {font-size:11px;line-height:1.5;}
  .p19-duo__stage[data-p19-device-mode="iphone"] .p19-duo__reveal {font-size:11px;min-height:42px;padding:9px;}
}
@media (prefers-reduced-motion:reduce) {
  .p19-duo__device-switch button {transition:none;}
}

/* P19.36: Mobile WebKit paint containment for the *existing* physical poses.
   WebKit can discard the right app layer when a preserve-3d leaf has both
   backface culling and nested overflow scrollers. Flatten only that leaf's
   descendants into its own plane: the leaf itself keeps the original 3D
   rotateY(-26deg) / rotateX(27deg), hinge, perspective and hit geometry.
   The workaround is scoped to iOS WebKit Book/Tabletop; other poses/browsers
   and the single-iPhone projection are unchanged. */
@media (max-width:590px) {
  @supports (-webkit-touch-callout: none) {
    .p19-duo__stage[data-p19-device-mode="duo"]:is([data-p19-pose="book"],[data-p19-pose="seated"]) .p19-duo__leaf--right {
      -webkit-transform-style:flat;
      transform-style:flat;
      -webkit-backface-visibility:visible;
      backface-visibility:visible;
    }
  }
}

/* HCSA Duo: conceal the browser's scrollbars on both physical displays in
   Closed, Unfolded, Tabletop and Book View. Keep every native scrolling
   surface functional for touch, trackpads, mouse wheels and keyboard use.
   This is deliberately scoped to the Duo device, not standalone iPhone,
   the containing dialog, or any other site component. */
.p19-duo__stage[data-p19-device-mode="duo"] .p19-duo__device * {
  scrollbar-width: none;
}
.p19-duo__stage[data-p19-device-mode="duo"] .p19-duo__device *::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}