/* 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}}

/* Production evidence becomes an explained, reviewed improvement. */
.cr-film{color:#ece8dd}.cr-stage{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(28px,4vw,64px);padding:35px 0 45px;align-items:start}.cr-stage>div{min-width:0;position:relative;z-index:1}.cr-eyebrow,.cr-small{display:block;font-size:10px;letter-spacing:.09em;line-height:1.6;color:#acc3c9}.cr-stage h3{font-size:clamp(22px,2.3vw,32px);font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:25px 0}.cr-signals{display:grid;gap:9px;margin:22px 0}.cr-signals>span{display:flex;align-items:center;gap:11px;min-height:39px;padding:10px 13px;border:1px solid #9ab7c329;background:#334b5b40;font-size:12px;color:#c0d7db;border-radius:6px;transition:opacity .6s,transform .8s,border-color .6s}.cr-signals i{width:6px;height:6px;border:1px solid #c0d7db;border-radius:50%;flex:none}.cr-signals>span:nth-child(2) i{background:#c0d7db}.cr-priority{margin-top:23px;padding-top:22px;border-top:1px solid #acc3c940;transition:opacity .6s}.cr-priority strong{display:block;font-size:20px;font-weight:450;margin:13px 0 8px;line-height:1.3}.cr-priority p,.cr-proposal p{font-size:13px;line-height:1.6;color:#acc3c9;max-width:245px;margin:0}.cr-rank{display:flex;gap:8px;font-size:10px;align-items:center;margin-top:15px;color:#c0d7db}.cr-rank i{width:28px;height:3px;background:#c0d7db;box-shadow:10px 0 0 #c0d7db33}.cr-proposal{margin-top:25px;padding:24px 22px;background:linear-gradient(135deg,#445d6a90,#24374790);border:1px solid #acc3c954;border-radius:10px;transition:opacity .6s,transform .6s;min-height:238px}.cr-change-mark{display:flex;align-items:center;height:37px;margin-bottom:25px;gap:7px}.cr-change-mark span{width:18px;height:18px;border:1px solid #c0d7db;border-radius:4px}.cr-change-mark span:nth-child(2){background:#c0d7db;transform:rotate(45deg);width:13px;height:13px;margin:0 4px}.cr-proposal strong{font-size:21px;line-height:1.3;font-weight:450;display:block;margin-bottom:8px}.cr-proposal-tag{font-size:10px;color:#c0d7db;display:block;margin-top:18px}.cr-replay{position:relative;overflow:hidden;margin-top:22px;border-top:1px solid #acc3c94d;padding-top:16px}.cr-test-head{display:flex;justify-content:space-between;font-size:10px;color:#acc3c9;margin-bottom:12px}.cr-test{display:grid;grid-template-columns:1fr 38px 15px 55px;gap:6px;align-items:center;padding:13px 0;border-top:1px solid #acc3c924;font-size:11px;line-height:1.4}.cr-test strong{font-size:11px;color:#f7f2e8;font-weight:500;text-align:right}.cr-before{color:#acc3c9}.cr-missed{color:#cdbeb0}.cr-arrow{color:#91a7a6}.cr-regression{display:flex;align-items:center;gap:7px;font-size:10px;color:#c0d7db;margin-top:9px}.cr-regression svg,.cr-review svg,.cr-applied svg{width:16px;height:16px;flex:none}.cr-review{display:flex;align-items:center;gap:8px;font-size:12px;color:#c0d7db;margin:26px 0 16px;height:22px}.cr-result{border:1px solid #f7f2e855;border-radius:10px;background:#ece8dd;color:#1b2837;box-shadow:0 18px 40px #101b2b30;overflow:hidden;transition:transform .7s}.cr-result-head{padding:18px 19px;border-bottom:1px solid #1b28371f;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.07em}.cr-result-label{display:block;font-size:11px;color:#445d6a;margin:22px 20px 0}.cr-answer{padding:23px 20px 26px;min-height:193px}.cr-answer>span{font-size:10px;color:#445d6a}.cr-answer strong{display:block;font-size:24px;line-height:1.25;font-weight:450;letter-spacing:-.035em;margin:17px 0 20px}.cr-citation{display:flex;gap:7px;align-items:center;font-size:10px;color:#445d6a}.cr-citation i{width:6px;height:6px;background:#445d6a;border-radius:50%}.cr-applied{display:flex;gap:8px;align-items:center;background:#c0d7db60;padding:16px 20px;border-top:1px solid #445d6a22;font-size:11px}.cr-illustration{display:block;font-size:10px;color:#91a7a6;margin-top:15px}.cr-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#acc3c947;stroke-width:1;pointer-events:none;z-index:0}.cr-packet{position:absolute;left:0;top:0;z-index:3;padding:7px 10px;background:#c0d7db;color:#1b2837;border-radius:5px;font-size:10px;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:0 0 20px #c0d7db25}.cr-test-sweep{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent,#c0d7db1f,transparent);height:45px}
.cr-film[data-cr-phase="0"] .cr-priority,.cr-film[data-cr-phase="0"] .cr-proposal,.cr-film[data-cr-phase="1"] .cr-proposal{opacity:.35}.cr-film[data-cr-phase="0"] .cr-signals>span{transform:translateX(-4px)}.cr-film[data-cr-phase]:not([data-cr-phase="0"]) .cr-signals>span:first-child{border-color:#c0d7db99;background:#445d6a80}.cr-film[data-cr-phase="0"] .cr-regression,.cr-film[data-cr-phase="1"] .cr-regression,.cr-film[data-cr-phase="2"] .cr-regression{visibility:hidden}.cr-film[data-cr-phase="0"] .cr-test strong,.cr-film[data-cr-phase="1"] .cr-test strong,.cr-film[data-cr-phase="2"] .cr-test strong{opacity:.3}.cr-film[data-cr-phase="5"] .cr-result{transform:translateY(-3px)}
.tp-improvement .cr-signals{grid-template-columns:repeat(3,1fr);margin:28px 0 0;max-width:650px}.tp-improvement .cr-signals>span{font-size:11px;background:#334b5b40}.tp-improvement .cr-overview-priority{font-size:12px;color:#c0d7db;margin:14px 0 0}.tp-improvement .cr-overview-priority span{color:#91a7a6;margin-right:10px}.tp-improvement .cr-overview-tests{margin-top:20px;font-size:11px}.tp-improvement .cr-overview-tests>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;padding:9px 0;border-bottom:1px solid #91a7a633;line-height:1.4}.tp-improvement .cr-overview-tests b{font-weight:500}.tp-improvement .tp-version-new .cr-overview-tests>div{border-color:#445d6a33}.tp-improvement .cr-version-note{font-size:10px;color:#acc3c9;margin:14px 0 0}.tp-improvement .tp-version-new .cr-version-note{color:#445d6a}.tp-improvement[data-canary-stage="signals"] .cr-overview-priority{opacity:.4}.tp-improvement .tp-evolution{padding-top:34px}
@media(max-width:1050px){.cr-stage{gap:27px}.cr-test{grid-template-columns:1fr 30px 10px 49px;font-size:10px;gap:3px}.cr-test strong{font-size:10px}.cr-proposal{padding:20px 17px}.cr-answer strong{font-size:22px}}
@media(max-width:800px){.cr-stage{grid-template-columns:1fr;gap:35px;padding:20px 0 30px}.cr-stage h3{font-size:29px}.cr-input{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.cr-input>.cr-eyebrow{grid-column:1/-1}.cr-input .cr-signals{grid-column:2;grid-row:2/4}.cr-priority{grid-column:1/-1;margin-top:0}.cr-priority p{max-width:none}.cr-change{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.cr-change>.cr-eyebrow{grid-column:1/-1}.cr-proposal{grid-column:1;grid-row:2/4}.cr-replay{align-self:center}.cr-regression{align-self:start}.cr-output{max-width:480px;width:100%;justify-self:center}.cr-result{margin-top:10px}.cr-review{margin-top:20px}.cr-answer{min-height:150px}.cr-answer strong{font-size:28px}.cr-wires{display:none}.cr-packet{display:none}}
@media(max-width:480px){.cr-input,.cr-change{display:block}.cr-stage h3{font-size:27px}.cr-signals{margin:18px 0}.cr-priority{margin-top:22px}.cr-proposal{min-height:0;padding:22px}.cr-change-mark{margin-bottom:16px}.cr-test{grid-template-columns:1fr 38px 15px 58px;font-size:12px;gap:6px}.cr-test strong{font-size:12px}.cr-test-head,.cr-regression{font-size:11px}.cr-eyebrow{font-size:10px}.cr-answer strong{font-size:27px}.tp-improvement .cr-signals{grid-template-columns:1fr;gap:6px}.tp-improvement .cr-signals>span{min-height:32px}.tp-improvement .cr-overview-priority{line-height:1.6}.tp-improvement .cr-overview-tests{font-size:10px}}
html[data-motion="off"] .cr-film *{transition:none!important}.cr-film:not([data-cr-phase]) .cr-packet{display:none}

.cr-stage{padding-inline:40px}
@media(max-width:800px){.cr-stage{padding-inline:26px}}
@media(max-width:480px){.cr-stage{padding-inline:22px}}
@media(max-width:600px){[data-demo="canary"]>.scene-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px;font-size:11px;padding:12px 22px 3px}}