/* Small evidence cues within the accepted Capture and Views scenes.
   Existing phase attributes drive emphasis; no additional animation clock. */
.capture-film .cf-signal { position: relative; }
.capture-film .cf-signal-label {
  position: absolute;
  left: 0;
  top: -17px;
  color: #bcc8c2;
  font-size: 11px;
  line-height: 1.3;
}
.capture-film .cf-transcript-label {
  display: block;
  margin-bottom: 3px;
  color: #a7b8b5;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.capture-film .cf-record-timeline { margin-top: 12px; }
.capture-film .cf-session-reference {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 9px;
  margin-top: 11px;
  padding-left: 10px;
  border-left: 1px solid #a7b8b5;
  color: #bcc8c2;
  line-height: 1.5;
}
.capture-film .cf-session-reference > span { font-size: 10px; letter-spacing: .05em; }
.capture-film .cf-session-reference p { margin: 0; font-size: 12px; line-height: 1.5; }
.capture-film:is([data-capture-phase="0"],[data-capture-phase="1"]) .cf-session-reference { opacity: .25; }

.views-film .vf-record-foot {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-top: 13px;
}
.views-film .vf-record-foot .vf-source-dot { flex: 0 0 5px; margin-top: 5px; }
.views-film .vf-object-evidence { min-width: 0; color: #bcc8c2; font-size: 11px; line-height: 1.5; }
.views-film .vf-object-evidence > span { display: block; }
.views-film .vf-definition { min-width: 0; }
.views-film .vf-retained {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin: 7px 0 0;
  color: #334b5b;
  font-size: 12px;
  line-height: 1.4;
  transform-origin: left center;
}
.views-film .vf-retained i { font-size: 13px; font-style: normal; }

@media (max-width: 700px) {
  .capture-film .cf-signal { margin-top: 12px; }
  .capture-film .cf-signal-label { top: -13px; font-size: 9px; white-space: nowrap; }
  .capture-film .cf-expert-note { white-space: normal; }
  .capture-film .cf-transcript-label { margin-bottom: 2px; font-size: 9px; letter-spacing: .035em; }
  .capture-film .cf-record-timeline { margin-top: 0; }
  .capture-film .cf-session-reference { margin-top: 8px; gap: 2px 8px; }
  .capture-film .cf-session-reference p { font-size: 11px; }
  .views-film .vf-record-foot { padding-top: 11px; }
  .views-film .vf-retained { margin-top: 5px; font-size: 11px; }
}

/* Customer films: all surfaces and states belong to these two diagrams only. */
:is(.cx-journey,.cx-personalization){--cx-ink:var(--surface-ink,#1b2837);--cx-paper:var(--surface-paper,#fcfbf4);--cx-stone:var(--surface-stone,#e1dcd2);--cx-muted:#566873;--cx-line:#13283f24;--cx-sky:#6ba6da;position:relative;padding:clamp(18px,3.5vw,48px);font-family:inherit;line-height:1.45;isolation:isolate;min-width:0}
:is(.cx-journey,.cx-personalization) *{box-sizing:border-box}
:is(.cx-journey,.cx-personalization) :is(p,h3,h4,dl,dd){margin:0}
:is(.cx-journey,.cx-personalization) :is(strong,b){font-weight:500}
:is(.cx-journey,.cx-personalization) .cx-small-label{display:block;font-size:12px;letter-spacing:.065em;font-weight:500;line-height:1.45;color:var(--cx-muted)}
:is(.cx-journey,.cx-personalization) .cx-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}
:is(.cx-journey,.cx-personalization) .cx-routes path{stroke:var(--cx-sky);stroke-width:1.5;opacity:0;vector-effect:non-scaling-stroke}
:is(.cx-journey,.cx-personalization) .cx-packet{position:absolute;left:0;top:0;z-index:5;padding:7px 12px;background:#1b2837;color:#fcfbf4;border:1px solid #6ba6daaa;border-radius:7px;box-shadow:0 6px 16px #13283f22;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0}
:is(.cx-journey,.cx-personalization) .cx-choice-mark{position:absolute;right:13px;top:13px;width:27px;height:27px;border-radius:50%;background:var(--cx-ink);color:var(--cx-paper);display:grid;place-items:center;z-index:1}
:is(.cx-journey,.cx-personalization) .cx-choice-mark svg{width:16px;height:16px}
:is(.cx-journey,.cx-personalization) .cx-art-floor{fill:#d9d4ca}
:is(.cx-journey,.cx-personalization) .cx-art-wall{fill:#ede8de;stroke:#ccc5b9;stroke-width:1}
:is(.cx-journey,.cx-personalization) .cx-art-window{fill:#abc6d7;stroke:#849baa;stroke-width:1}
:is(.cx-journey,.cx-personalization) .cx-art-shadow{fill:#13283f13}
:is(.cx-journey,.cx-personalization) .cx-art-bed-side{fill:#b4afa5;stroke:#9c988f;stroke-width:1}
:is(.cx-journey,.cx-personalization) .cx-art-bed-front{fill:#c6c1b7;stroke:#a9a398;stroke-width:1}
:is(.cx-journey,.cx-personalization) .cx-art-bed-top{fill:#fcfbf4;stroke:#bbb6ab;stroke-width:1}
:is(.cx-journey,.cx-personalization) .cx-art-pillow{fill:#e8e3d8;stroke:#c5bfb3;stroke-width:.8}
.cx-journey .cx-art-blanket{fill:#8096a0;stroke:#687e88;stroke-width:1}
.cx-personalization .cx-art-desk-leg{fill:none;stroke:#7f7e79;stroke-width:5;stroke-linejoin:round}
.cx-personalization .cx-art-screen-base{fill:#858f94;stroke:#6b787e;stroke-width:1}
.cx-personalization .cx-art-monitor{fill:#586b76;stroke:#455964;stroke-width:1.5}
.cx-personalization .cx-art-screen{fill:#b7cbd8}

/* Journey: voice belongs inside the existing application, beside a real change. */
.cx-journey .cx-app{position:relative;overflow:hidden;border:1px solid #d0c9bd;border-radius:var(--radius-scene,14px);background:var(--cx-paper);color:var(--cx-ink);box-shadow:0 30px 70px -30px #030b1755}
.cx-journey .cx-app-chrome{display:flex;align-items:center;gap:7px;min-height:61px;padding:17px 25px;background:#eee8dc;border-bottom:1px solid var(--cx-line);font-size:12px;color:var(--cx-muted)}
.cx-journey .cx-app-name{margin-right:20px;letter-spacing:.12em;color:var(--cx-ink);font-weight:500}
.cx-journey .cx-app-chrome>i{width:4px;height:4px;border-radius:50%;background:#9da09a;flex-shrink:0}
.cx-journey .cx-app-chrome>i:first-of-type{margin-left:auto}
.cx-journey .cx-journey-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.85fr)}
.cx-journey .cx-booking{order:1;padding:clamp(23px,2.8vw,40px);min-width:0}
.cx-journey .cx-booking-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:15px;margin-bottom:26px}
.cx-journey .cx-booking-heading p{font-size:clamp(22px,2.1vw,31px);letter-spacing:-.04em;margin-top:7px;line-height:1.1}
.cx-journey .cx-party{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--cx-muted)}
.cx-journey .cx-party svg{width:17px;height:20px}
.cx-journey .cx-room-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.cx-journey .cx-room{position:relative;min-width:0;border:1px solid var(--cx-line);border-radius:var(--radius-object,9px);background:#f3eee4;overflow:hidden}
.cx-journey .cx-room-image{padding:14px 4px 0}
.cx-journey .cx-room-art{display:block;width:100%;height:auto;aspect-ratio:260/160}
.cx-journey .cx-room-copy{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 17px 5px}
.cx-journey .cx-room-copy strong{font-size:18px;letter-spacing:-.025em}
.cx-journey .cx-room-copy>span{font-size:12px;color:var(--cx-muted);white-space:nowrap}
.cx-journey .cx-room-fit{margin:7px 17px 16px;font-size:12px;color:var(--cx-muted)}
.cx-journey .cx-room-family{background:#e6eceb;border-color:#78919a;box-shadow:var(--depth-object)}
.cx-journey .cx-room-family .cx-room-fit{color:#234e63}
.cx-journey .cx-room-standard .cx-room-image{opacity:.65}
.cx-journey .cx-booking-summary{display:flex;align-items:center;gap:13px;margin-top:25px;padding:18px;border:1px solid #bbc8ca;border-radius:var(--radius-object,9px);background:#e8eeec;min-height:88px}
.cx-journey .cx-summary-symbol{width:34px;height:34px;display:grid;place-items:center;background:var(--cx-ink);color:var(--cx-paper);border-radius:50%;flex-shrink:0}
.cx-journey .cx-summary-symbol svg{width:19px;height:19px}
.cx-journey .cx-booking-summary strong{display:block;margin-top:4px;font-size:17px;letter-spacing:-.015em}
.cx-journey .cx-summary-status{margin-left:auto;font-size:12px;color:#31576b}
.cx-journey .cx-selection-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:12px;color:var(--cx-muted)}
.cx-journey .cx-voice{order:2;position:relative;display:flex;flex-direction:column;padding:clamp(23px,2.8vw,40px);border-left:1px solid var(--cx-line);background:#e9e3d8;min-width:0}
.cx-journey .cx-voice-heading{display:flex;align-items:center;gap:13px}
.cx-journey .cx-voice-heading>svg{width:28px;height:28px;color:#395868}
.cx-journey .cx-voice-heading>span{font-size:19px;letter-spacing:-.025em}
.cx-journey .cx-voice-heading>span>span{display:block;font-size:12px;letter-spacing:0;color:var(--cx-muted);margin-top:2px}
.cx-journey .cx-wave{height:69px;display:flex;align-items:center;gap:5px;margin-top:18px}
.cx-journey .cx-wave>i{display:block;width:3px;height:var(--cx-wave-height);border-radius:4px;background:#566f7c;transform-origin:center}
.cx-journey .cx-wave>i:nth-child(3n){background:#6b99b6}
.cx-journey .cx-question{font-size:clamp(20px,1.85vw,29px);letter-spacing:-.025em;line-height:1.25;margin-top:6px}
.cx-journey .cx-voice-response{margin-top:24px;min-height:107px}
.cx-journey .cx-voice-response>p{font-size:17px;line-height:1.55;margin-top:8px;max-width:340px}
.cx-journey .cx-knowledge{margin-top:20px;padding-top:18px;border-top:1px solid #13283f24}
.cx-journey .cx-knowledge>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}
.cx-journey .cx-knowledge>div>span{font-size:12px;color:var(--cx-muted)}
.cx-journey .cx-knowledge strong{display:block;font-size:16px;font-weight:500;color:var(--cx-ink);margin-top:3px}
.cx-journey .cx-script-note{display:block;margin-top:22px;font-size:12px;color:var(--cx-muted)}
.cx-journey:is([data-cx-phase="0"],[data-cx-phase="1"]) .cx-room-family{background:#f3eee4;border-color:var(--cx-line);box-shadow:none}
.cx-journey:is([data-cx-phase="0"],[data-cx-phase="1"]) .cx-choice-mark{opacity:0}
.cx-journey:is([data-cx-phase="0"],[data-cx-phase="1"]) .cx-room-family .cx-room-fit{color:var(--cx-muted)}
.cx-journey[data-cx-phase="0"] .cx-room-standard .cx-room-image{opacity:1}
.cx-journey:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"]) .cx-booking-summary{background:#f1ede5;border-color:var(--cx-line)}
.cx-journey:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"]) .cx-summary-symbol{background:#dedad0;color:#6c787e}
.cx-journey:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"]) .cx-summary-symbol svg{opacity:0}
.cx-journey[data-cx-phase="0"] .cx-knowledge{opacity:.55}

/* Personalization: a reply revises a profile, removes a mismatch, and travels on. */
.cx-personalization .cx-personal-layout{position:relative;display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.8fr);gap:28px}
.cx-personalization .cx-profile{position:relative;background:#e9e3d8;color:var(--cx-ink);padding:28px;border:1px solid #c6c0b5;border-radius:var(--radius-scene,14px);box-shadow:var(--depth-dark);min-width:0}
.cx-personalization .cx-profile-person{display:flex;align-items:center;gap:14px;margin-top:28px}
.cx-personalization .cx-avatar{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border-radius:50%;background:#d5cec0;border:1px solid #b9b1a3;font-size:23px}
.cx-personalization .cx-profile-person strong{display:block;font-size:23px;letter-spacing:-.04em}
.cx-personalization .cx-profile-person>div>span{display:block;font-size:12px;color:var(--cx-muted);margin-top:3px}
.cx-personalization .cx-profile-facts{margin-top:28px}
.cx-personalization .cx-profile-facts>div{padding:15px 0;border-top:1px solid var(--cx-line)}
.cx-personalization .cx-profile-facts span{display:block;font-size:12px;color:var(--cx-muted)}
.cx-personalization .cx-profile-facts strong{display:block;font-size:20px;letter-spacing:-.025em;margin-top:5px}
.cx-personalization .cx-profile-proof{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:9px;color:#31576b}
.cx-personalization .cx-profile-proof svg{width:17px;height:17px;flex-shrink:0}
.cx-personalization .cx-profile-foundation{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:28px;padding-top:19px;border-top:1px solid var(--cx-line);font-size:12px;color:var(--cx-muted)}
.cx-personalization .cx-profile-foundation>i{width:13px;height:1px;background:#89969a}
.cx-personalization .cx-profile-foundation>small{width:100%;font-size:12px;margin-top:4px}
.cx-personalization .cx-concierge{min-width:0;background:var(--cx-paper);color:var(--cx-ink);border:1px solid #d6d0c4;border-radius:var(--radius-scene,14px);overflow:hidden;box-shadow:var(--depth-dark)}
.cx-personalization .cx-conversation{position:relative;padding:25px 28px 21px;background:#f0ebe1;border-bottom:1px solid var(--cx-line)}
.cx-personalization .cx-conversation-heading{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.06em;color:var(--cx-muted)}
.cx-personalization .cx-conversation-heading>svg{width:19px;height:19px;color:#526e7f}
.cx-personalization .cx-conversation-heading>span:last-child{margin-left:auto;letter-spacing:0}
.cx-personalization .cx-proactive-question{margin-top:19px;max-width:560px;font-size:clamp(21px,2.05vw,31px);letter-spacing:-.035em;line-height:1.25}
.cx-personalization .cx-customer-reply{display:flex;align-items:center;gap:13px;width:fit-content;max-width:90%;margin-top:20px;margin-left:auto;padding:12px 17px;background:#e0e8e8;border:1px solid #bdcbce;border-radius:12px 12px 2px 12px}
.cx-personalization .cx-customer-reply>span{font-size:12px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #a7b6bc;border-radius:50%;flex-shrink:0}
.cx-personalization .cx-customer-reply p{font-size:16px;line-height:1.45}
.cx-personalization .cx-customer-reply>svg{width:17px;height:17px;align-self:end;color:#4f6e7b}
.cx-personalization .cx-conversation-note{display:block;font-size:12px;color:var(--cx-muted);margin-top:15px}
.cx-personalization .cx-shortlist{padding:21px 28px 25px}
.cx-personalization .cx-shortlist-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--cx-muted);margin-bottom:15px}
.cx-personalization .cx-desk-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.cx-personalization .cx-desk{position:relative;min-width:0;overflow:hidden;border:1px solid var(--cx-line);border-radius:var(--radius-object,9px);background:#f3eee4;padding:6px 16px 15px}
.cx-personalization .cx-desk-art{display:block;width:100%;height:auto;max-height:165px}
.cx-personalization .cx-desk-copy{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cx-personalization .cx-desk-copy strong{font-size:18px;letter-spacing:-.025em}
.cx-personalization .cx-desk-copy>span{font-size:12px;color:var(--cx-muted);white-space:nowrap}
.cx-personalization .cx-desk-fit{display:flex;gap:6px;align-items:baseline;font-size:12px;margin-top:9px;color:var(--cx-muted)}
.cx-personalization .cx-fit-symbol{min-width:12px}
.cx-personalization .cx-desk-studio{background:#e6eceb;border-color:#78919a;box-shadow:var(--depth-object)}
.cx-personalization .cx-desk-studio .cx-desk-fit{color:#234e63}
.cx-personalization .cx-desk-compact .cx-desk-art{opacity:.4}
.cx-personalization .cx-desk-compact .cx-desk-copy strong{color:#65737a}
.cx-personalization .cx-service{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px solid #79909b;border-radius:var(--radius-object,9px);background:#243a4b;box-shadow:var(--depth-dark);color:#f7f2e8;min-height:120px}
.cx-personalization .cx-service .cx-small-label{color:#c6d1d5}
.cx-personalization .cx-service-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #6b8493;background:#ffffff06;border-radius:9px;flex-shrink:0}
.cx-personalization .cx-service-icon>svg{width:23px;height:23px;color:#c1d4df}
.cx-personalization .cx-service strong{display:block;font-size:20px;margin-top:5px;letter-spacing:-.02em}
.cx-personalization .cx-service p{font-size:13px;color:#c6d1d5;margin-top:6px}
.cx-personalization .cx-service-seal{display:grid;place-items:center;width:31px;height:31px;border:1px solid #839ba5;border-radius:50%;margin-left:auto;flex-shrink:0}
.cx-personalization .cx-service-seal>svg{width:18px;height:18px;color:#d2e0e6}
.cx-personalization[data-cx-phase="0"] .cx-customer-reply{opacity:0}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"]) .cx-profile-proof{color:var(--cx-muted)}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"]) .cx-profile-proof svg{opacity:0}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"]) .cx-learned-fact strong{font-size:17px;color:var(--cx-muted);min-height:29px}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"]) .cx-desk-studio{background:#f3eee4;border-color:var(--cx-line);box-shadow:none}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"]) :is(.cx-choice-mark,.cx-fit-symbol){opacity:0}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"]) .cx-desk-compact .cx-desk-art{opacity:1}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"]) .cx-desk-compact .cx-desk-copy strong{color:var(--cx-ink)}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"],[data-cx-phase="3"]) .cx-service{background:#1b2837;border-color:#556674;box-shadow:none}
.cx-personalization:is([data-cx-phase="0"],[data-cx-phase="1"],[data-cx-phase="2"],[data-cx-phase="3"]) .cx-service-seal{opacity:0}

@media(max-width:1050px){
 .cx-journey .cx-journey-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}
 .cx-journey :is(.cx-booking,.cx-voice){padding:24px}
 .cx-journey .cx-room-copy{display:block;padding-inline:13px}
 .cx-journey .cx-room-copy>span{display:block;margin-top:3px}
 .cx-journey .cx-room-fit{margin-inline:13px}
 .cx-journey .cx-summary-status{display:none}
 .cx-personalization .cx-personal-layout{grid-template-columns:minmax(200px,.72fr) minmax(0,1.55fr);gap:20px}
 .cx-personalization .cx-profile{padding:23px}
 .cx-personalization :is(.cx-conversation,.cx-shortlist){padding-inline:23px}
 .cx-personalization .cx-desk-copy{display:block}
 .cx-personalization .cx-desk-copy>span{display:block;margin-top:3px}
 .cx-personalization .cx-shortlist-heading{display:block}
 .cx-personalization .cx-shortlist-heading>span:last-child{display:block;margin-top:5px}
}
@media(max-width:700px){
 :is(.cx-journey,.cx-personalization){padding:20px}
 .cx-journey .cx-app-chrome{padding:16px 19px;flex-wrap:wrap;gap:5px 7px}
 .cx-journey .cx-app-name{margin-right:7px}
 .cx-journey .cx-app-chrome>i{display:none}
 .cx-journey .cx-journey-layout{display:flex;flex-direction:column}
 .cx-journey .cx-voice{order:1;border-left:0;border-bottom:1px solid var(--cx-line);padding:23px}
 .cx-journey .cx-booking{order:2;padding:23px}
 .cx-journey .cx-voice-heading>span{font-size:18px}
 .cx-journey .cx-wave{height:43px;margin-top:15px;gap:4px}
 .cx-journey .cx-wave>i{height:calc(var(--cx-wave-height)*.68)}
 .cx-journey .cx-question{font-size:25px;margin-top:10px;max-width:420px}
 .cx-journey .cx-question br{display:none}
 .cx-journey .cx-question br::after{content:' '}
 .cx-journey .cx-voice-response{margin-top:21px;min-height:90px}
 .cx-journey .cx-voice-response>p{font-size:16px;max-width:none}
 .cx-journey .cx-knowledge{margin-top:8px;padding-top:16px}
 .cx-journey .cx-knowledge>div{gap:16px}
 .cx-journey .cx-script-note{margin-top:17px}
 .cx-journey .cx-booking-heading{margin-bottom:20px}
 .cx-journey .cx-booking-heading p{font-size:25px}
 .cx-journey .cx-room-options{gap:10px}
 .cx-journey .cx-room-image{padding-top:18px}
 .cx-journey .cx-room-copy{padding-top:9px}
 .cx-journey .cx-room-copy strong{font-size:17px}
 .cx-journey .cx-room-fit{min-height:35px;margin-top:8px;margin-bottom:11px;line-height:1.45}
 .cx-journey .cx-choice-mark{width:23px;height:23px;right:8px;top:8px}
 .cx-journey .cx-booking-summary{padding:14px;gap:11px;margin-top:20px}
 .cx-journey .cx-summary-symbol{width:28px;height:28px}
 .cx-journey .cx-booking-summary strong{font-size:16px}
 .cx-personalization .cx-personal-layout{grid-template-columns:1fr;gap:20px}
 .cx-personalization .cx-concierge{grid-row:1}
 .cx-personalization .cx-profile{grid-row:2;padding:23px}
 .cx-personalization .cx-profile-person{margin-top:18px}
 .cx-personalization .cx-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:22px}
 .cx-personalization .cx-profile-facts>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .cx-personalization .cx-profile-facts>div:first-child strong{margin:0;font-size:17px}
 .cx-personalization .cx-profile-facts strong{font-size:19px}
 .cx-personalization .cx-profile-foundation{margin-top:20px}
 .cx-personalization .cx-proactive-question{font-size:25px}
 .cx-personalization .cx-customer-reply{max-width:100%;padding:12px}
 .cx-personalization .cx-customer-reply p{font-size:15px}
 .cx-personalization .cx-desk-options{gap:10px}
 .cx-personalization .cx-desk{padding:10px 11px 14px}
 .cx-personalization .cx-desk-copy strong{font-size:17px}
 .cx-personalization .cx-choice-mark{width:23px;height:23px;right:8px;top:8px}
 .cx-personalization .cx-service{grid-row:3;align-items:flex-start;gap:14px;padding:23px;flex-wrap:wrap;min-height:0}
 .cx-personalization .cx-service>div{flex:1 1 170px;min-width:0}
 .cx-personalization .cx-service strong{font-size:19px}
 .cx-personalization .cx-service-icon{width:35px;height:35px}
 .cx-personalization .cx-service-seal{display:none}
}
@media(max-width:380px){
 :is(.cx-journey,.cx-personalization){padding:16px}
 .cx-journey :is(.cx-voice,.cx-booking){padding:19px}
 .cx-journey .cx-room-copy{padding-inline:10px}
 .cx-journey .cx-room-fit{margin-inline:10px}
 .cx-journey .cx-room-copy strong{font-size:16px}
 .cx-journey .cx-booking-summary{padding:13px 11px}
 .cx-journey .cx-booking-summary strong{font-size:15px}
 .cx-journey .cx-selection-note{display:block}
 .cx-journey .cx-selection-note>span{display:block;margin-top:4px}
 .cx-personalization :is(.cx-conversation,.cx-shortlist,.cx-profile,.cx-service){padding-inline:19px}
 .cx-personalization .cx-conversation-heading{gap:7px}
 .cx-personalization .cx-conversation-heading>span:last-child{display:none}
 .cx-personalization .cx-desk-copy strong{font-size:15px}
 .cx-personalization .cx-desk-fit{gap:4px;align-items:flex-start;min-height:35px}
 .cx-personalization .cx-profile-facts{gap:0 15px}
 .cx-personalization .cx-service>div{flex-basis:100%}
}
/* No independent CSS animation: the shared motion preference supplies the still. */

/* Weave: an expert brief, competing compositions, one evaluated system. */
.tp-construction.tw-scene{background:#1b2837;color:#f7f2e8;border:1px solid #7a919447;border-radius:10px;overflow:hidden;box-shadow:0 28px 55px -42px #24374799}
.tw-scene .tw-workbench{padding:32px 42px 27px;background:radial-gradient(ellipse at 50% 50%,#334b5b38,transparent 65%)}
.tw-scene .tw-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bcc8c2;font-size:12px;line-height:1.5;letter-spacing:.075em}
.tw-scene .tw-scene-heading>span:last-child{letter-spacing:0}
.tw-scene .tw-brief{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;width:min(850px,100%);margin:32px auto 0;padding:26px 32px;background:#f7f2e8;color:#243747;border:1px solid #efebe1;border-radius:6px;box-shadow:0 5px 0 #566e7766,0 15px 26px #0e192525;position:relative;z-index:1}
.tw-scene .tw-eyebrow{display:block;font-size:12px;line-height:1.5;letter-spacing:.065em;font-weight:500}
.tw-scene .tw-brief .tw-eyebrow{color:#566e77}
.tw-scene .tw-brief strong{display:block;font-size:clamp(22px,2.2vw,32px);line-height:1.18;font-weight:450;letter-spacing:-.035em;margin-top:12px}
.tw-scene .tw-criterion{border-left:1px solid #a7b8b591;padding-left:30px}
.tw-scene .tw-criterion>span:last-child{display:block;font-size:15px;line-height:1.6;color:#566e77;margin-top:10px}
.tw-scene .tw-divergence{position:relative;height:66px;margin:0 5.2%}
.tw-scene .tw-divergence svg{width:100%;height:100%;fill:none;stroke:#91a7a688;stroke-width:1}
.tw-scene .tw-divergence>span{position:absolute;left:50%;top:16px;transform:translateX(-50%);padding:4px 12px;background:#1b2837;color:#a7b8b5;font-size:12px;line-height:1.5;white-space:nowrap}
.tw-scene .tw-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative;z-index:1}
.tw-scene .tw-candidate{position:relative;min-width:0;border:1px solid #91a7a67a;border-radius:7px;background:linear-gradient(150deg,#334b5b,#243747);padding:23px 24px 0;box-shadow:0 6px 0 #16233188,0 12px 20px #0e192524;transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1),background .65s,border-color .65s,box-shadow .65s}
.tw-scene .tw-candidate-heading>span{display:block;font-size:12px;letter-spacing:.07em;line-height:1.5;color:#bcc8c2}
.tw-scene .tw-candidate-heading>strong{display:block;font-weight:450;font-size:20px;line-height:1.3;letter-spacing:-.025em;margin-top:8px}
.tw-scene .tw-graph{display:block;width:100%;height:148px;margin:15px auto 8px;overflow:visible}
.tw-scene .tw-graph-path{fill:none;stroke:#a7b8b5;stroke-width:1.3}
.tw-scene .tw-graph-branch{stroke:#91a7a6;stroke-dasharray:3 4}
.tw-scene .tw-graph-nodes{fill:#334b5b;stroke:#8db4c4;stroke-width:1.2}
.tw-scene .tw-graph-symbols{fill:none;stroke:#e1dcd2;stroke-width:1.3}
.tw-scene .tw-test-packet{opacity:0;fill:#efebe1;stroke:#e1dcd2;stroke-width:2;filter:drop-shadow(0 0 4px #cecfc6)}
.tw-scene .tw-flow{font-size:13px;line-height:1.6;min-height:21px;color:#ced5ca;white-space:normal}
.tw-scene .tw-candidate-result{display:flex;align-items:center;gap:8px;min-height:56px;margin-top:20px;border-top:1px solid #a7b8b555;color:#bcc8c2;font-size:12px;line-height:1.4;transition:opacity .6s}
.tw-scene .tw-candidate-result>i{font-style:normal;font-size:17px;color:#bcc8c2;flex:none}
.tw-scene .tw-candidate[data-weave-candidate="b"]{background:linear-gradient(140deg,#445d6a,#243747);border-color:#cecfc6;box-shadow:0 6px 0 #91a7a644,0 20px 45px #1623312e;transform:translateY(-5px)}
.tw-scene .tw-candidate[data-weave-candidate="b"] .tw-candidate-result{color:#e1dcd2}
.tw-scene .tw-candidate[data-weave-candidate="b"] .tw-candidate-result>i{color:#e1dcd2}
.tw-scene .tw-testing{position:relative;margin-top:32px;padding:19px 0 22px;border-block:1px solid #91a7a64a}
.tw-scene .tw-test-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bcc8c2}
.tw-scene .tw-test-heading>strong{font-size:13px;line-height:1.5;font-weight:450;color:#e1dcd2}
.tw-scene .tw-test-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:17px;color:#bcc8c2}
.tw-scene .tw-test-cases>span{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5;transition:color .3s}
.tw-scene .tw-test-cases i{width:6px;height:6px;border-radius:50%;background:#8db4c4;flex:none;transition:box-shadow .3s,background .3s}
.tw-scene .tw-test-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;overflow:hidden}
.tw-scene .tw-test-progress>i{display:block;height:100%;width:100%;transform-origin:left;background:#cecfc6;transform:scaleX(1)}
.tw-scene .tw-convergence{height:29px;display:flex;justify-content:center}
.tw-scene .tw-convergence>span{display:block;height:100%;width:1px;background:#a7b8b59c}
.tw-scene .tw-selected{display:flex;align-items:center;gap:18px;width:min(470px,100%);margin:auto;padding:20px 25px;border-radius:7px;background:#e1dcd2;color:#243747;border:1px solid #efebe1;box-shadow:0 7px 0 #7a919455,0 15px 36px #1623311f;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.tw-scene .tp-system-glyph{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:none;width:40px;height:40px;padding:6px;border:1px solid currentColor;border-radius:8px;transform:rotate(-8deg)}
.tw-scene .tp-system-glyph>i{background:currentColor;border-radius:2px;opacity:.8}
.tw-scene .tp-system-glyph>i:last-child{opacity:.3}
.tw-scene .tw-selected strong{display:block;font-size:20px;line-height:1.3;font-weight:450;letter-spacing:-.025em}
.tw-scene .tw-selected>div>span{display:block;font-size:13px;line-height:1.5;color:#445d6a;margin-top:4px}
.tw-scene .tw-selected>svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5;margin-left:auto}
.tw-scene .tw-refinement{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:26px;font-size:12px;line-height:1.5;color:#bcc8c2}
.tw-scene .tw-refinement-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#a7b8b5}
.tp-light .tw-scene>.tp-caption{color:#ced5ca;border-top-color:#a7b8b533;padding:20px 42px}
.tp-light .tw-scene>.tp-caption>span:last-child{color:#a7b8b5;font-size:12px}

/* Enhancement begins only after the controller is ready. Without JavaScript,
   the selected, comprehensible outcome above is always visible. */
.tw-scene[data-enhanced][data-weave-stage="brief"] .tw-candidate{opacity:.18;transform:translateY(16px)}
.tw-scene[data-enhanced]:not([data-weave-stage="selected"]) .tw-candidate[data-weave-candidate="b"]{background:linear-gradient(150deg,#334b5b,#243747);border-color:#91a7a67a;box-shadow:0 6px 0 #16233188,0 12px 20px #0e192524;transform:none}
.tw-scene[data-enhanced][data-weave-stage="brief"] .tw-candidate[data-weave-candidate="b"]{transform:translateY(16px)}
.tw-scene[data-enhanced]:not([data-weave-stage="selected"]) .tw-candidate-result{opacity:0}
.tw-scene[data-enhanced]:not([data-weave-stage="selected"]) .tw-selected{opacity:.14;transform:translateY(12px) scale(.97)}
.tw-scene[data-enhanced]:not([data-weave-stage="selected"]) .tw-refinement{opacity:.35}
.tw-scene[data-enhanced][data-weave-stage="selected"] .tw-candidate:not([data-weave-candidate="b"]){opacity:.8;transform:scale(.975)}
.tw-scene[data-enhanced] .tw-test-cases>span{color:#7a9194}
.tw-scene[data-enhanced] .tw-test-cases i{background:#647d83}
.tw-scene[data-enhanced] .tw-test-cases>span[data-active="true"],.tw-scene[data-enhanced][data-weave-stage="selected"] .tw-test-cases>span{color:#e1dcd2}
.tw-scene[data-enhanced] .tw-test-cases>span[data-active="true"] i{background:#e1dcd2;box-shadow:0 0 10px #cecfc6aa}
.tw-scene[data-enhanced][data-weave-stage="selected"] .tw-test-cases i{background:#cecfc6}

@media(max-width:1100px){.tw-scene .tw-workbench{padding:30px}.tw-scene .tw-candidates{gap:16px}.tw-scene .tw-candidate{padding:20px 18px 0}.tw-scene .tw-candidate-heading>strong{font-size:18px}.tw-scene .tw-graph{height:130px}.tw-scene .tw-brief{padding:24px 27px;gap:28px}.tp-light .tw-scene>.tp-caption{padding-inline:30px}}
@media(max-width:700px){.tw-scene .tw-workbench{padding:25px 24px}.tw-scene .tw-brief{grid-template-columns:1fr;gap:18px;padding:23px;margin-top:26px}.tw-scene .tw-brief strong{font-size:27px}.tw-scene .tw-criterion{padding:15px 0 0;border-left:0;border-top:1px solid #a7b8b591}.tw-scene .tw-criterion>span:last-child{font-size:14px;margin-top:6px}.tw-scene .tw-criterion br{display:none}.tw-scene .tw-divergence{height:58px;margin:0}.tw-scene .tw-divergence svg{display:none}.tw-scene .tw-divergence:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#91a7a688}.tw-scene .tw-divergence>span{top:16px}.tw-scene .tw-candidates{grid-template-columns:1fr;gap:17px}.tw-scene .tw-candidate{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:0 15px;padding:16px 20px 0}.tw-scene .tw-candidate-heading{grid-column:1;grid-row:1}.tw-scene .tw-candidate-heading>strong{font-size:19px}.tw-scene .tw-graph{grid-column:2;grid-row:1/3;height:112px;margin:0}.tw-scene .tw-flow{grid-column:1;grid-row:2;font-size:12px;line-height:1.6;padding-top:8px;align-self:start}.tw-scene .tw-candidate-result{grid-column:1/-1;min-height:44px;margin-top:11px}.tw-scene .tw-candidate[data-weave-candidate="b"]{transform:none}.tw-scene .tw-test-cases{gap:15px;grid-template-columns:1fr;margin-top:18px}.tw-scene .tw-test-heading{gap:10px;align-items:flex-start}.tw-scene .tw-test-heading>strong{text-align:right;max-width:125px}.tw-scene .tw-testing{margin-top:27px}.tw-scene .tw-selected{padding:19px 21px;gap:14px}.tw-scene .tw-refinement{text-align:center}.tp-light .tw-scene>.tp-caption{padding-inline:24px}}
@media(max-width:400px){.tw-scene .tw-workbench{padding:22px 17px}.tw-scene .tw-scene-heading{gap:12px;font-size:12px}.tw-scene .tw-scene-heading>span:last-child{max-width:155px;text-align:right}.tw-scene .tw-brief{padding:20px 18px}.tw-scene .tw-brief strong{font-size:24px}.tw-scene .tw-candidate{padding:15px 14px 0;gap:0 8px;grid-template-columns:.95fr 1.05fr}.tw-scene .tw-candidate-heading>strong{font-size:17px}.tw-scene .tw-graph{height:108px}.tw-scene .tw-flow{font-size:12px}.tw-scene .tw-selected{padding:17px 15px;gap:11px}.tw-scene .tw-selected strong{font-size:18px}.tw-scene .tw-selected>div>span{font-size:12px}.tw-scene .tp-system-glyph{width:33px;height:33px;padding:5px;gap:3px}.tw-scene .tw-selected>svg{width:20px;height:20px}.tp-light .tw-scene>.tp-caption{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.tw-scene *{transition:none!important}}

.tw-scene[data-weave-stage="selected"] .tw-candidate[data-weave-candidate="b"] .tw-candidate-heading span{color:#f7f2e8}

/* The brief produces the tests; a later instruction changes the selected system. */
.tw-scene .tw-testing{margin-top:27px;padding:18px 0 16px}
.tw-scene .tw-test-heading>.tw-eyebrow{font-size:10px;letter-spacing:.055em}
.tw-scene .tw-test-cases{gap:15px;margin-top:16px}
.tw-scene .tw-test-cases>span{align-items:flex-start;min-height:32px;transition:opacity .45s,transform .55s,color .35s}
.tw-scene .tw-test-cases>span>i{display:grid;place-items:center;width:17px;height:17px;margin-top:1px;border-radius:4px;background:#445d6a;border:1px solid #9db4b8;color:#f7f2e8;font-size:11px;font-style:normal;line-height:1;flex-shrink:0;transition:background .45s,color .45s}
.tw-scene .tw-test-cases>span small{display:block;margin-top:6px;font-size:11px;color:#b2c3ca;line-height:1.5}
.tw-scene .tw-validation-note{font-size:11px;line-height:1.5;color:#afc0c8;margin-top:10px}
.tw-scene .tw-divergence{height:62px}
.tw-scene .tw-selected{width:min(600px,100%)}
.tw-scene .tw-selected>div>span{font-size:12px;line-height:1.5}
.tw-scene .tw-expert-edit{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.25fr);gap:28px;align-items:center;margin-top:24px;border:1px solid #9eb5bd40;border-radius:7px;background:#243747a6;padding:24px 27px;transition:border-color .55s,background .55s}
.tw-scene .tw-edit-copy>.tw-eyebrow{font-size:10px;letter-spacing:.07em;color:#b7c9cd}
.tw-scene .tw-edit-copy>p{font-size:18px;letter-spacing:-.02em;line-height:1.4;color:#f7f2e8;margin-top:11px}
.tw-scene .tw-edit-status{display:block;margin-top:14px;font-size:11px;line-height:1.5;color:#b7c9cd}
.tw-scene .tw-refined-work{min-width:0}
.tw-scene .tw-refined-graph{display:block;width:100%;max-width:520px;height:auto;margin-inline:auto;overflow:visible}
.tw-scene .tw-refined-guide{fill:none;stroke:#7c98a3;stroke-width:1.25}
.tw-scene .tw-refined-route{fill:none;stroke:#dee9e4;stroke-width:1.5;stroke-dasharray:3 4}
.tw-scene .tw-refined-graph rect{fill:#314b5d;stroke:#97afb7;stroke-width:1}
.tw-scene .tw-refined-graph text{font-family:var(--sans,'DM Sans',sans-serif);font-size:14px;fill:#e8ede6}
.tw-scene .tw-refined-graph .tw-rule-added{font-size:10px;letter-spacing:1px;fill:#c3d5d6}
.tw-scene .tw-refined-graph .tw-refined-no{font-size:12px;fill:#c3d5d6}
.tw-scene .tw-new-rule{opacity:1;transition:opacity .65s,transform .65s;transform-box:fill-box;transform-origin:center}
.tw-scene .tw-new-rule rect{fill:#e1dcd2;stroke:#f7f2e8}
.tw-scene .tw-new-rule text:not(.tw-rule-added){fill:#203447}
.tw-scene .tw-refined-graph .tw-review-result{fill:#4e6774}
.tw-scene .tw-recheck-packet{fill:#f7f2e8;stroke:#e1dcd2;stroke-width:2;opacity:0;filter:drop-shadow(0 0 4px #e3eee855)}
.tw-scene .tw-recheck-result{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;padding-top:13px;border-top:1px solid #97afb730;font-size:10px;line-height:1.6;color:#b8c9cd}
.tw-scene .tw-recheck-result strong{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;font-weight:450;color:#e6eee6}
.tw-scene .tw-recheck-result svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;flex:none}
.tw-scene .tw-refined-mobile{display:none}
.tw-scene[data-enhanced] [data-test-state="queued"]{opacity:.22;transform:translateY(6px)}
.tw-scene[data-enhanced] [data-test-state="generated"]>i{color:transparent;background:transparent}
.tw-scene[data-enhanced] [data-test-state="queued"]>i{color:transparent;background:transparent}
.tw-scene[data-enhanced] [data-test-state="validated"]>i{color:#f7f2e8;background:#506b78}
.tw-scene[data-enhanced] [data-weave-case][data-active="true"]>i{background:#e1dcd2;color:#243747}
.tw-scene[data-enhanced][data-weave-stage="generate"] .tw-candidates,.tw-scene[data-enhanced][data-weave-stage="validate"] .tw-candidates{opacity:.4}
.tw-scene .tw-candidate[data-test-route="verification"] .tw-graph-branch{stroke:#e1dcd2;stroke-width:1.6}
.tw-scene[data-enhanced][data-weave-refinement="idle"] .tw-expert-edit{background:#20324377;border-color:#97afb72e}
.tw-scene[data-enhanced][data-weave-refinement="idle"] .tw-edit-copy{opacity:.6}
.tw-scene[data-enhanced][data-weave-refinement="idle"] .tw-new-rule,.tw-scene[data-enhanced][data-weave-refinement="instruction"] .tw-new-rule{opacity:0;transform:translateY(8px) scale(.9)}
.tw-scene[data-enhanced]:not([data-weave-refinement="complete"]) .tw-recheck-result strong{opacity:.3}
.tw-scene[data-enhanced][data-weave-refinement="changed"] .tw-expert-edit,.tw-scene[data-enhanced][data-weave-refinement="checking"] .tw-expert-edit{border-color:#c8d7d799}
.tw-scene[data-enhanced][data-weave-refinement="complete"] .tw-review-result{fill:#e1dcd2}
.tw-scene[data-enhanced][data-weave-refinement="complete"] .tw-refined-result text:last-child{fill:#203447}
html[data-motion="off"] .tw-scene *{transition:none!important;animation:none!important}
@media(max-width:1100px){.tw-scene .tw-expert-edit{gap:20px;padding:22px}.tw-scene .tw-edit-copy>p{font-size:17px}.tw-scene .tw-recheck-result{flex-wrap:wrap;gap:6px}}
@media(max-width:820px){.tw-scene .tw-expert-edit{grid-template-columns:1fr;gap:20px}.tw-scene .tw-edit-copy>p br{display:none}.tw-scene .tw-refined-work{padding-top:10px;border-top:1px solid #97afb730}.tw-scene .tw-refined-graph{max-width:480px}.tw-scene .tw-recheck-result{justify-content:center;gap:10px 22px}.tw-scene .tw-edit-copy>p{font-size:20px;max-width:32ch}}
@media(max-width:700px){.tw-scene .tw-test-cases{gap:13px}.tw-scene .tw-test-heading{align-items:flex-start}.tw-scene .tw-test-heading>.tw-eyebrow{max-width:150px}.tw-scene .tw-test-heading>strong{font-size:12px}.tw-scene .tw-testing{margin-top:23px}.tw-scene .tw-expert-edit{padding:22px}.tw-scene .tw-recheck-result{justify-content:flex-start;font-size:11px}.tw-scene .tw-recheck-result strong{font-size:12px}.tw-scene .tw-edit-copy>p{font-size:19px}}
@media(max-width:520px){.tw-scene .tw-expert-edit{padding:20px 17px}.tw-scene .tw-refined-graph{display:none}.tw-scene .tw-refined-work{padding-top:19px}.tw-scene .tw-refined-mobile{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:center;padding-bottom:7px}.tw-scene .tw-refined-mobile:before{content:'';position:absolute;left:16.67%;right:16.67%;top:26px;height:1px;background:#9eb6be}.tw-scene .tw-refined-mobile>span{position:relative;padding:10px 5px;min-height:54px;display:grid;place-items:center;border:1px solid #829eaa;border-radius:5px;background:#314b5d;color:#f7f2e8;font-size:12px;text-align:center;line-height:1.4;z-index:1}.tw-scene .tw-refined-mobile>.tw-new-rule{background:#e1dcd2;color:#203447}.tw-scene .tw-refined-mobile>i{position:absolute;z-index:2;top:26px;left:16.67%;width:7px;height:7px;border:1px solid #f7f2e8;background:#f7f2e8;box-shadow:0 0 10px #d1e7e966;border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.tw-scene[data-weave-refinement="complete"] .tw-mobile-review{background:#e1dcd2;color:#203447}.tw-scene .tw-recheck-result{display:grid;gap:7px}.tw-scene .tw-selected>div>span{font-size:11px}}

/* Load the shared technology-weave.css before this small detail-page layer. */
.weave-detail.tw-scene{background:#1b2837;color:#f7f2e8;border:1px solid #9eb5bd3b;border-radius:var(--radius-scene,10px);overflow:hidden;min-width:0}
.weave-detail .tw-workbench{padding:35px 38px 30px}
.weave-detail .tw-test-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.weave-detail .tw-test-cases>span{border:1px solid #9eb5bd40;background:#314b5d55;border-radius:6px;padding:13px 15px;min-height:68px}
.weave-detail .tw-test-cases>span>span{font-size:13px;line-height:1.5}
.weave-detail .tw-expert-edit{margin-top:25px}
.weave-detail .wd-explanation{font-size:12px;line-height:1.7;color:#bccdd0;max-width:64ch;margin:23px auto 0;text-align:center}
[data-demo="weave"]:has(.weave-detail){padding-bottom:0;overflow:hidden}
[data-demo="weave"]:has(.weave-detail)>.demo-top{border-bottom:0}
[data-demo="weave"]:has(.weave-detail)>.demo-caption{min-height:70px}
@media(max-width:1100px){.weave-detail .tw-workbench{padding:30px}.weave-detail .tw-test-cases{gap:12px}.weave-detail .tw-test-cases>span{padding:12px}}
@media(max-width:700px){.weave-detail .tw-workbench{padding:25px 22px}.weave-detail .tw-test-cases{grid-template-columns:1fr;gap:10px}.weave-detail .tw-test-cases>span{min-height:0;padding:12px 15px}.weave-detail .tw-test-cases>span>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.weave-detail .tw-test-cases>span small{margin-top:0}.weave-detail .wd-explanation{text-align:left;font-size:12px}.weave-detail .tw-selected>div>span{font-size:12px}}
@media(max-width:400px){.weave-detail .tw-workbench{padding:22px 16px}.weave-detail .tw-test-cases>span>span{display:block}.weave-detail .tw-test-cases>span small{margin-top:4px}.weave-detail .tw-expert-edit{padding:19px 15px}.weave-detail .tw-refined-mobile{gap:10px}.weave-detail .tw-refined-mobile>span{font-size:11px}}

/* Original Canary artwork; pacing informed by the saved Open Props easing reference. */
.cy-film{--cy-paper:#f3eee2;--cy-ice:#bdd6dc;--cy-muted:#a7bac4;--cy-line:#b9d0dc28;--cy-warm:#ddbc96;--cy-ease:cubic-bezier(.22,1,.36,1);color:var(--cy-paper);background:radial-gradient(ellipse at 51% 35%,#3d536443,transparent 48%),linear-gradient(145deg,#1b2837,#202c3c 70%,#1c2939);font:14px/1.5 'DM Sans',Arial,sans-serif;overflow:hidden;isolation:isolate;border-radius:16px;border:1px solid #9cb5c12a}
.cy-film :is(h3,p){margin:0}.cy-film svg{fill:none;stroke:currentColor;stroke-width:1.4;display:block}.cy-film-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 32px;color:var(--cy-muted);font-size:9px;letter-spacing:.09em;border-bottom:1px solid var(--cy-line)}.cy-film-head>span:first-child{display:flex;align-items:center;gap:10px}.cy-film-head>span:last-child{letter-spacing:0}.cy-film-head i{width:5px;height:5px;border-radius:50%;background:#bdd6dc;box-shadow:0 0 12px #bdd6dc80}
.cy-stage{position:relative;display:grid;grid-template-columns:1fr 1.48fr 1fr;gap:clamp(24px,3.1vw,50px);padding:42px 38px 115px;align-items:start}.cy-stage>div:not(.cy-feedback){position:relative;z-index:1;min-width:0}.cy-section-label{font-size:9px;letter-spacing:.07em;white-space:nowrap;color:#bacad1;display:flex;gap:12px}.cy-section-label>span{color:#809aa9}.cy-source h3{font-size:clamp(24px,2.3vw,33px);font-weight:450;line-height:1.18;letter-spacing:-.04em;margin:39px 0 30px}
.cy-signal-field{position:relative;overflow:hidden}.cy-signal-row{display:grid;grid-template-columns:91px 1fr;align-items:center;gap:10px;min-height:37px}.cy-signal-row>span{font-size:10px;color:#bccbd0}.cy-signal-row>div{display:flex;align-items:center;justify-content:space-between;gap:3px;height:22px}.cy-signal-row i{width:4px;height:calc(6px + var(--level)*14px);border-radius:1px;background:#afc6d0;opacity:calc(.2 + var(--level)*.5);transform:scaleY(calc(.75 + var(--signal-wave,0)*.25))}.cy-signal-row:first-child i{background:#d4b9a2}.cy-signal-row:nth-child(3) i{background:#819caf}.cy-source-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f0f1df20,transparent);width:28%;opacity:0;pointer-events:none}
.cy-mini-label{font-size:8px;letter-spacing:.09em;color:#94aab8;line-height:1.5;display:block}.cy-opportunities{margin-top:27px}.cy-opportunities>.cy-mini-label{margin-bottom:14px}.cy-opportunity{display:flex;align-items:center;gap:12px;position:relative;border-top:1px solid var(--cy-line);padding:13px 0;transition:opacity .7s var(--cy-ease),transform .9s var(--cy-ease);min-height:43px}.cy-opportunity>span{font-size:10px;color:#a7bdc6}.cy-opportunity strong{font-size:11px;font-weight:450;display:block;line-height:1.5}.cy-opportunity small{font-size:9px;display:block;color:#b8cbd1;margin-top:3px}.cy-opportunity>i{font-style:normal;margin-left:auto;color:#d5e1dc}.cy-opportunity--selected{margin-bottom:7px;padding:15px 13px;border:1px solid #b4ccd35c;border-radius:7px;background:linear-gradient(120deg,#49647473,#2e415441);box-shadow:0 8px 25px -20px #bdd6dc}.cy-opportunity:not(.cy-opportunity--selected){opacity:.48}
.cy-laboratory>.cy-section-label{justify-content:center}.cy-chamber{position:relative;aspect-ratio:1;width:calc(100% + 36px);margin:24px -18px 0;isolation:isolate}.cy-aperture{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cy-lens-glow{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#dbe4da30,transparent 52%),radial-gradient(circle at 55% 57%,#7894a635,#4c677235 40%,#1c2d4080 70%);box-shadow:inset 0 0 25px #adc6cc13,0 0 65px #aacbd91a;transform:scale(calc(.97 + var(--cy-energy,0)*.03));transition:box-shadow 1s}.cy-outer-orbit{stroke:#b5ced120;stroke-width:.65}.cy-inner-orbit{stroke:#b5ced12a;stroke-width:.7}.cy-ticks{stroke:#a8bbc763;stroke-width:.7}.cy-test-ring{stroke-width:4.5}.cy-test-segment{stroke:#6b879c35;transition:stroke .3s,filter .3s}.cy-test-segment[data-test-state=baseline]{stroke:#92a8b080}.cy-test-segment[data-test-state=preserved]{stroke:#c2d7d2}.cy-test-segment[data-test-state=improved]{stroke:#f2e8cf;filter:drop-shadow(0 0 4px #f2e8cf90)}.cy-test-segment[data-test-state=regression]{stroke:#ddac82;filter:drop-shadow(0 0 6px #ddac8280)}.cy-orbital-shell{stroke-width:.7;opacity:.5;transform-origin:190px 190px;transform:rotate(calc(var(--cy-angle,0)*1deg));transition:opacity .8s}.cy-sweep-arm{stroke:#d3e3e4;stroke-width:1.5;stroke-linecap:round;transform-origin:190px 190px;transform:rotate(calc(var(--cy-sweep,0)*1deg));opacity:var(--cy-scanning,0);filter:drop-shadow(0 0 5px #cde5ed)}
.cy-candidate{position:absolute;inset:27% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#24394be6,#21324480 66%,transparent 75%)}.cy-candidate-kicker{font-size:7px;letter-spacing:.12em;color:#a6bbc7;white-space:nowrap}.cy-system-mark{display:grid;grid-template-columns:repeat(3,17px);gap:5px;transform:rotate(-25deg) skew(8deg);margin:17px 0 20px}.cy-system-mark i{width:17px;height:17px;display:block;border:1px solid #a6bec79c;background:#a5c5d626;box-shadow:inset 0 0 8px #bad5de17}.cy-system-mark .cy-new-module{background:#e9e5d9;box-shadow:0 0 17px #bcd4d251;transform:translate(0,calc(var(--cy-module,0)*-10px));transition:background .8s}.cy-candidate>strong{font-weight:450;font-size:clamp(14px,1.55vw,21px);letter-spacing:-.03em;line-height:1.2;max-width:14ch}.cy-candidate-state{font-size:9px;color:#acc4cc;margin-top:12px}.cy-orbit-label{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;color:#a4bac5;font-size:7px;letter-spacing:.075em;background:#273748;padding:2px 8px;border-radius:8px}.cy-orbit-label--top{top:1%}.cy-orbit-label--bottom{bottom:1%;font-size:8px;letter-spacing:0;color:#d4dedb}
.cy-evidence{text-align:center;margin:16px auto 0;max-width:330px;min-height:84px}.cy-evidence p{font-size:12px;color:#cfdbde;margin-top:8px;line-height:1.5;max-width:none}.cy-evidence-trail{display:flex;justify-content:center;align-items:center;gap:9px;font-size:8px;color:#91a9b7;margin-top:10px}.cy-evidence-trail i{font-style:normal}.cy-evaluation{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;max-width:320px;margin:17px auto 0;padding-top:15px;border-top:1px solid var(--cy-line)}.cy-evaluation>div{display:flex;flex-direction:column;gap:7px}.cy-evaluation>div+div{border-left:1px solid var(--cy-line);padding-left:18px}.cy-evaluation>div>span{font-size:9px;color:#9db4bf}.cy-evaluation strong{font-weight:450;font-size:21px;line-height:1;letter-spacing:-.035em;white-space:nowrap}.cy-evaluation strong small{font-size:10px;color:#97afbd;font-weight:400;letter-spacing:0}.cy-eval-note{grid-column:1/-1;text-align:center;font-size:7px;color:#8ca4b4;margin-top:15px}
.cy-review{display:flex;align-items:center;gap:10px;margin:55px 0 24px;min-height:38px}.cy-review-symbol{width:34px;height:34px;display:grid;place-items:center;border:1px solid #aec7ce38;border-radius:50%;background:#506c7e22}.cy-review svg{width:19px;height:19px}.cy-review strong{font-weight:450;font-size:11px;display:block;margin-top:3px}.cy-review .cy-mini-label{font-size:7px}.cy-review-check{margin-left:auto;opacity:var(--cy-approved,1);color:#dbe6db}.cy-production{border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f4eee0,#dce2df);color:#243849;box-shadow:0 23px 65px -28px #030d23bd,0 0 40px rgb(185 220 227 / calc(var(--cy-deployed,0)*.12));border:1px solid #dee7e487}.cy-production-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #36516020;font-size:8px;letter-spacing:.08em}.cy-production-head>span{display:flex;align-items:center;gap:7px}.cy-production-head i{width:4px;height:4px;border-radius:50%;background:#546f66;box-shadow:0 0 7px #708b7950}.cy-production-head b{font-size:10px;font-weight:450;letter-spacing:0}.cy-production-art{position:relative;padding:24px 18px;overflow:hidden}.cy-live-row{display:grid;grid-template-columns:58px 1fr 13px;gap:8px;align-items:center;min-height:43px}.cy-live-row>span{font-size:9px}.cy-live-row>div{display:flex;gap:3px;align-items:center}.cy-live-row i{width:6px;flex:1;height:13px;background:#56727c40;border-radius:1px;opacity:calc(.6 + var(--cy-deployed,0)*.4)}.cy-live-row:nth-child(3) i{height:9px}.cy-live-row:nth-child(4) i:nth-child(2n){height:18px}.cy-live-row svg{width:13px;height:13px;stroke:#496b62}.cy-live-sweep{position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,#ffffff90,transparent);opacity:var(--cy-live-scan,0);transform:translateX(calc(var(--cy-live-x,0)*1px));pointer-events:none}.cy-production-result{padding:20px 18px;border-top:1px solid #36516020}.cy-production-result>span{font-size:21px;letter-spacing:-.04em;line-height:1.2;display:block;max-width:15ch}.cy-production-result>small{font-size:9px;color:#56707a;display:block;margin-top:12px;line-height:1.5;min-height:27px}.cy-release-gates{display:grid;gap:11px;margin-top:24px;color:#a8bec8;font-size:9px}.cy-release-gates>span{display:flex;align-items:center;gap:8px;opacity:var(--cy-gates,1)}.cy-release-gates svg{width:13px;height:13px;color:#c2d5d0}.cy-version-track{display:flex;align-items:center;gap:9px;margin-top:27px;color:#d5dfdc;font-size:9px}.cy-version-track>i{height:1px;background:#7d9aa462;flex:1;position:relative}.cy-version-track>i:after{content:'';position:absolute;inset:0;background:#d6e5df;transform:scaleX(var(--cy-deployed,0));transform-origin:left}.cy-version-track>span:first-child,.cy-version-future{color:#7893a3}
.cy-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#9cb6c151!important;stroke-width:1!important;pointer-events:none}.cy-wires [data-cy-route=return]{stroke:#aac5c542;stroke-dasharray:3 6}.cy-packet,.cy-return-pulse{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0}.cy-packet{padding:7px 10px;border-radius:5px;border:1px solid #edf0e2;background:#d5e1de;color:#193448;box-shadow:0 0 28px #aacbd74d;font-size:9px;white-space:nowrap;transform:translate(-50%,-50%)}.cy-return-pulse{width:7px;height:7px;border-radius:50%;background:#c3dfdf;box-shadow:0 0 15px #b5e5e4;transform:translate(-50%,-50%)}.cy-feedback{position:absolute;z-index:2;bottom:37px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#202e3f;padding:7px 13px;white-space:nowrap;border:1px solid #a6bfcb1c;border-radius:30px;color:#a9c0cb;font-size:10px}.cy-feedback-dot{width:4px;height:4px;background:#aac5c6;border-radius:50%}.cy-feedback>i{font-size:17px;font-style:normal;color:#d8e4dd}
.cy-narrative{display:flex;align-items:center;gap:20px;padding:25px 32px;border-top:1px solid var(--cy-line);background:#16233133;min-height:100px}.cy-narrative-index{font-size:9px;letter-spacing:.03em;color:#b8cbd4;flex:none}.cy-narrative>div:nth-child(2){flex:1}.cy-narrative strong{display:block;font-size:19px;font-weight:400;letter-spacing:-.025em;line-height:1.35}.cy-narrative [data-cy-caption-detail]{display:block;font-size:11px;color:#9eb5c2;margin-top:6px;line-height:1.5}.cy-story-progress{display:flex;gap:5px;align-items:center;flex-shrink:0}.cy-story-progress i{height:3px;width:15px;background:#7391a23b;border-radius:2px}.cy-story-progress i[data-active=true]{background:#c7deda}
.cy-film[data-cy-phase=learn] .cy-opportunity{opacity:.35}.cy-film[data-cy-phase=rank] .cy-opportunity--selected{background:#5b788979;transform:translateX(4px)}.cy-film[data-cy-phase=held] .cy-candidate-state,.cy-film[data-cy-phase=held] [data-cy-regressions]{color:#e1b994}.cy-film[data-cy-phase=held] .cy-new-module{background:#ddbc96}.cy-film[data-cy-phase=held] .cy-lens-glow{box-shadow:inset 0 0 35px #b7915620,0 0 65px #b791561c}.cy-film[data-cy-phase=review] .cy-review-symbol{background:#aec7c838;box-shadow:0 0 25px #badad02b}.cy-film[data-cy-phase=feedback] .cy-feedback{color:#e3ebe2;border-color:#bad4d74a}
[data-demo=canary]{border:0;background:transparent!important}[data-demo=canary]>.demo-top,[data-demo=canary]>.demo-caption{display:none}[data-demo=canary]>.scene-progress{display:none}.cy-overview{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}.cy-overview .cy-film{border-color:#b3cbd329}
@media(min-width:1450px){.cy-stage{padding-inline:48px;gap:45px}.cy-chamber{max-width:420px;margin-inline:auto;width:100%}.cy-candidate>strong{font-size:23px}.cy-source h3{font-size:34px}.cy-opportunity strong{font-size:12px}}
@media(max-width:1100px){.cy-stage{gap:20px;padding-inline:25px}.cy-section-label{font-size:7px;gap:7px}.cy-signal-row{grid-template-columns:75px 1fr;gap:5px}.cy-signal-row>span{font-size:9px}.cy-signal-row i:nth-child(n+13){display:none}.cy-opportunity{gap:8px}.cy-opportunity--selected{padding:13px 9px}.cy-opportunity strong{font-size:10px}.cy-opportunity small{font-size:8px}.cy-review{gap:7px}.cy-review strong{font-size:10px}.cy-production-art{padding-inline:13px}.cy-live-row{grid-template-columns:51px 1fr 10px;gap:5px}.cy-live-row>span{font-size:8px}.cy-live-row i:nth-child(n+7){display:none}.cy-candidate-kicker{font-size:6px}.cy-candidate-state{font-size:8px;margin-top:9px}.cy-system-mark{grid-template-columns:repeat(3,13px);gap:4px;margin:12px 0}.cy-system-mark i{width:13px;height:13px}.cy-candidate>strong{font-size:15px}.cy-review-check{display:none}}
@media(max-width:820px){.cy-stage{grid-template-columns:1fr;max-width:570px;margin:auto;padding:30px 28px 105px;gap:50px}.cy-section-label{font-size:9px;gap:10px}.cy-source{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.cy-source>.cy-section-label{grid-column:1/-1}.cy-source h3{font-size:27px;margin-top:25px;grid-column:1}.cy-signal-field{grid-column:2;grid-row:2;margin-top:22px}.cy-signal-row>span{font-size:9px}.cy-opportunities{grid-column:1/-1;margin-top:0}.cy-opportunity strong{font-size:12px}.cy-opportunity small{font-size:10px}.cy-opportunity--selected{padding:15px}.cy-laboratory>.cy-section-label{justify-content:flex-start}.cy-chamber{width:100%;max-width:390px;margin:22px auto 0}.cy-candidate-kicker{font-size:8px}.cy-candidate-state{font-size:10px}.cy-candidate>strong{font-size:22px}.cy-system-mark{grid-template-columns:repeat(3,17px);margin:17px 0 20px}.cy-system-mark i{width:17px;height:17px}.cy-evidence{margin-top:16px;min-height:0}.cy-evidence p{font-size:13px}.cy-release{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.cy-release>.cy-section-label{grid-column:1/-1}.cy-review{grid-column:1/-1;margin:24px 0}.cy-review strong{font-size:12px}.cy-review-check{display:block;margin-left:0}.cy-production{grid-row:3/5}.cy-release-gates{margin-top:20px}.cy-version-track{align-self:start}.cy-production-result>span{font-size:22px}.cy-production-art{padding:15px}.cy-live-row{min-height:35px}.cy-feedback{bottom:31px;font-size:10px}.cy-wires [data-cy-route=return]{stroke-dasharray:2 5}.cy-narrative{padding:23px 25px;gap:14px;align-items:flex-start}.cy-narrative strong{font-size:19px}.cy-story-progress{display:none}.cy-narrative-index{padding-top:6px}.cy-film-head{padding:22px 25px;font-size:8px}.cy-film-head>span:last-child{max-width:130px;text-align:right}}
@media(max-width:480px){.cy-film{border-radius:10px}.cy-stage{padding:26px 22px 100px;gap:42px}.cy-source{display:block}.cy-source h3{font-size:30px;max-width:none;margin:24px 0 17px}.cy-signal-row{grid-template-columns:106px 1fr;min-height:31px}.cy-signal-row>span{font-size:10px}.cy-signal-row i{width:5px}.cy-opportunities{margin-top:24px}.cy-opportunity strong{font-size:11px}.cy-opportunity small{font-size:9px}.cy-section-label{font-size:8px}.cy-chamber{width:calc(100% + 18px);margin:25px -9px 0}.cy-candidate>strong{font-size:18px}.cy-candidate-kicker{font-size:6px}.cy-candidate-state{font-size:8px}.cy-system-mark{grid-template-columns:repeat(3,14px);margin:12px 0 15px}.cy-system-mark i{width:14px;height:14px}.cy-orbit-label{font-size:6px}.cy-orbit-label--bottom{font-size:7px}.cy-release{display:block}.cy-review{margin-top:24px}.cy-production{max-width:none}.cy-production-art{padding:20px}.cy-live-row{grid-template-columns:75px 1fr 16px;gap:10px;min-height:38px}.cy-live-row>span{font-size:10px}.cy-live-row i:nth-child(n+7){display:block}.cy-live-row i{height:17px}.cy-production-result{padding:22px}.cy-production-result>span{font-size:27px;max-width:none}.cy-production-result>small{min-height:0;font-size:10px}.cy-production-head{padding:17px 22px;font-size:9px}.cy-release-gates{gap:9px;font-size:10px}.cy-version-track{margin-top:24px}.cy-narrative{padding:22px 20px;gap:12px;min-height:136px}.cy-narrative strong{font-size:18px}.cy-narrative [data-cy-caption-detail]{font-size:11px}.cy-film-head{padding:19px 20px;gap:12px;font-size:7px}.cy-film-head>span:first-child{gap:7px}.cy-film-head>span:last-child{max-width:102px;font-size:7px}.cy-feedback{font-size:8px;gap:7px;max-width:90%}.cy-evidence p{font-size:12px}}
/* Keep secondary information readable at normal browsing distance. */
@media(min-width:821px){.cy-stage{padding-top:32px;padding-bottom:95px}.cy-chamber{width:100%;max-width:380px;margin:24px auto 0}.cy-evidence{min-height:0;margin-top:12px}.cy-evaluation{padding-top:12px;margin-top:14px}.cy-eval-note{margin-top:10px}.cy-film-head{padding-block:21px}.cy-narrative{min-height:92px;padding-block:21px}}
@media(min-width:821px){.cy-film-head{font-size:10px}.cy-section-label{font-size:10px}.cy-signal-row>span{font-size:11px}.cy-mini-label{font-size:9px}.cy-opportunity strong{font-size:12px}.cy-opportunity small{font-size:10px}.cy-evidence p{font-size:13px}.cy-evidence-trail{font-size:9px}.cy-review strong{font-size:12px}.cy-review .cy-mini-label{font-size:8px}.cy-production-head{font-size:9px}.cy-live-row>span{font-size:10px}.cy-production-result>small{font-size:10px}.cy-release-gates{font-size:10px}.cy-evaluation>div>span{font-size:10px}.cy-eval-note{font-size:8px}.cy-candidate-kicker{font-size:8px}.cy-candidate-state{font-size:10px}.cy-orbit-label{font-size:8px}}
@media(min-width:821px) and (max-width:1100px){.cy-section-label{font-size:8px}.cy-signal-row>span{font-size:9px}.cy-opportunity strong{font-size:10px}.cy-opportunity small{font-size:9px}.cy-candidate-kicker{font-size:6px}.cy-candidate-state{font-size:8px}.cy-live-row>span{font-size:8px}.cy-review strong{font-size:10px}.cy-orbit-label{font-size:6px}}
html[data-motion=off] .cy-film *{transition:none!important}
@media(max-width:820px){.cy-packet{font-size:0;width:7px;height:7px;padding:0;border-radius:50%;box-shadow:0 0 14px #c6e4e5}}