:root {
  --ink: #080b1f;
  --muted: #5d668d;
  --blue: #0a45ff;
  --purple: #5820c7;
  --orange: #ff4b12;
  --line: #dfe5f5;
  --paper: #ffffff;
  --bg: #f6f8fe;
  --shadow: 0 18px 55px rgba(22, 43, 100, .12);
  --font-display: "Manrope", sans-serif;
  --font-body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); }
body { margin: 0; color: var(--ink); font-family: var(--font-body); background: var(--bg); }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(10,69,255,.28); outline-offset: 2px; }

.app { min-height: 100vh; overflow-x: hidden; background: radial-gradient(circle at 20% 0%, rgba(47,104,255,.08), transparent 32%), radial-gradient(circle at 100% 15%, rgba(106,38,210,.08), transparent 28%), var(--bg); }
.topbar { height: 90px; display: flex; align-items: center; gap: 30px; padding: 12px clamp(22px, 4vw, 64px); position: relative; z-index: 20; border-bottom: 1px solid rgba(25,46,104,.08); background: rgba(255,255,255,.86); backdrop-filter: blur(18px); }
.brand { border: 0; background: transparent; cursor: pointer; padding: 0; flex: 0 0 auto; }
.logo-asset { display: block; width: 174px; height: 66px; background-repeat: no-repeat; background-size: auto 197%; background-position: center 49%; }
.audience-chip { flex: 0 0 auto; display: grid; gap: 2px; min-width: 155px; padding: 8px 12px; text-align: left; border: 1px solid #dce3f2; border-radius: 12px; background: white; cursor: pointer; transition: .2s; }
.audience-chip:hover { transform: translateY(-1px); border-color: #aebdeb; box-shadow: 0 7px 20px rgba(19,45,110,.1); }
.audience-chip span { color: #7c85a4; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.audience-chip strong { color: #24316d; font-size: 11px; line-height: 1.2; }
.audience-chip.static { cursor: default; }
.top-progress { flex: 1; display: flex; align-items: center; justify-content: center; gap: 0; }
.progress-item { position: relative; border: 0; background: transparent; padding: 6px 13px; color: #7a82a2; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; cursor: pointer; }
.progress-item::after { content: ""; position: absolute; width: 100%; height: 2px; left: 50%; top: 50%; background: #dde3f1; z-index: -1; }
.progress-item:last-child::after { display: none; }
.progress-dot { width: 10px; height: 10px; display: block; margin: 0 auto 6px; border-radius: 50%; background: #cad1e3; border: 2px solid white; box-shadow: 0 0 0 1px #cfd6e7; transition: .25s; }
.progress-item.active, .progress-item.done { color: var(--blue); }
.progress-item.active .progress-dot { transform: scale(1.35); background: var(--blue); box-shadow: 0 0 0 4px rgba(10,69,255,.12); }
.progress-item.done .progress-dot { background: #5222c9; }
.top-actions { display: flex; gap: 8px; }
.icon-button { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; border: 1px solid #dce3f2; background: white; cursor: pointer; transition: .2s; }
.icon-button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(19,45,110,.12); border-color: #b7c4e9; }
.icon-button svg { width: 19px; height: 19px; }

.view { min-height: calc(100vh - 90px); padding: 34px clamp(22px, 4vw, 68px) 42px; animation: viewIn .55s cubic-bezier(.2,.7,.2,1) both; }
@keyframes viewIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.content-wrap { max-width: 1500px; margin: 0 auto; }
.eyebrow { display: flex; align-items: center; gap: 12px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 34px; height: 3px; border-radius: 3px; background: currentColor; }
.display { margin: 12px 0 8px; font: 800 clamp(38px, 5vw, 76px)/.98 var(--font-display); letter-spacing: -.055em; }
.display.small { font-size: clamp(34px, 4.3vw, 60px); line-height: 1.02; }
.gradient-text { color: var(--blue); background: linear-gradient(100deg, var(--blue), #3d24e8 55%, var(--purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.subtitle { color: #313d73; font-size: clamp(17px, 1.8vw, 25px); line-height: 1.4; margin: 0; }
.kicker { color: var(--muted); font-size: 14px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; }
.card { border: 1px solid rgba(146,165,212,.32); background: rgba(255,255,255,.84); box-shadow: 0 12px 38px rgba(31,54,108,.08); border-radius: 20px; backdrop-filter: blur(15px); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: 14px; background: var(--blue); color: white; font-weight: 700; cursor: pointer; transition: .22s; box-shadow: 0 10px 28px rgba(10,69,255,.2); }
.btn:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(10,69,255,.28); }
.btn.secondary { background: white; color: var(--ink); border-color: #d8dff0; box-shadow: none; }
.btn.danger { color: #bc162b; border-color: #f1c9cf; background: #fff8f9; box-shadow: none; }
.btn svg { width: 18px; height: 18px; }
.status-badge { display: inline-flex; gap: 7px; align-items: center; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--blue); background: #e9efff; border-radius: 99px; padding: 6px 10px; }

/* Hallway */
.hallway-view { background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(241,246,255,.78)), repeating-linear-gradient(90deg, transparent 0 10%, rgba(28,67,169,.025) 10% 10.15%); position: relative; }
.hallway-view::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 28%; pointer-events: none; background: linear-gradient(170deg, transparent 0 45%, rgba(31,80,208,.04) 45% 46%, transparent 46%), linear-gradient(190deg, transparent 0 48%, rgba(31,80,208,.04) 48% 49%, transparent 49%); }
.hallway-head { text-align: center; max-width: 1080px; margin: 0 auto 24px; position: relative; z-index: 2; }
.hallway-head .eyebrow { justify-content: center; }
.visitor-view-line { display: inline-flex; gap: 5px; margin: 10px 0 0; padding: 5px 10px; border-radius: 99px; color: #66719a; background: rgba(255,255,255,.72); border: 1px solid #e1e6f2; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.visitor-view-line strong { color: var(--blue); }
.hallway-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 26px; align-items: center; position: relative; z-index: 2; }
.student-card { padding: 20px; align-self: center; }
.student-card-top { display: flex; align-items: center; gap: 12px; }
.student-avatar { width: 70px; height: 70px; flex: 0 0 70px; border-radius: 50%; background-color: #e9eeff; background-repeat: no-repeat; background-size: auto var(--student-zoom, 100%); border: 4px solid white; box-shadow: 0 7px 20px rgba(20,42,90,.14); }
.student-name { font: 800 21px/1.05 var(--font-display); }
.student-role { color: #53618e; font-size: 14px; margin-top: 4px; }
.student-quote { color: #263367; font-size: 16px; line-height: 1.4; margin: 18px 0; padding-top: 16px; border-top: 1px solid #e6eaf5; }
.tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tag { padding: 5px 9px; border-radius: 99px; font-size: 11px; color: #342a93; background: #eeebff; }
.doors { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: clamp(10px, 1.4vw, 22px); align-items: end; perspective: 1400px; }
.door-button { --door-color: #0a45ff; position: relative; border: 0; padding: 0; background: transparent; cursor: pointer; color: var(--ink); min-width: 0; }
.door-frame { position: relative; height: clamp(290px, 37vw, 440px); border-radius: 10px 10px 2px 2px; border: 8px solid var(--door-color); background: color-mix(in srgb, var(--door-color) 11%, white); box-shadow: 0 0 0 3px color-mix(in srgb, var(--door-color) 18%, white), inset 0 0 45px rgba(255,255,255,.95), 0 18px 35px color-mix(in srgb, var(--door-color) 18%, transparent); overflow: hidden; transition: .35s cubic-bezier(.2,.8,.2,1); }
.door-frame::before { content: ""; position: absolute; top: 8px; left: 50%; width: 34px; height: 6px; transform: translateX(-50%); border-radius: 99px; background: white; box-shadow: 0 0 14px 7px white; z-index: 4; }
.door-panel { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 10px 22px; transform-origin: left center; background: linear-gradient(155deg, color-mix(in srgb, var(--door-color) 17%, white), white 60%, color-mix(in srgb, var(--door-color) 24%, white)); transition: transform .6s cubic-bezier(.22,.7,.15,1), filter .3s; }
.door-panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(150deg, transparent 50%, color-mix(in srgb, var(--door-color) 12%, transparent) 50%); pointer-events: none; }
.door-button:hover .door-frame { transform: translateY(-10px); box-shadow: 0 0 0 3px color-mix(in srgb, var(--door-color) 28%, white), 0 0 45px color-mix(in srgb, var(--door-color) 32%, transparent), 0 28px 45px rgba(21,38,82,.16); }
.door-button:hover .door-panel { transform: rotateY(-12deg); }
.door-button.opening .door-panel { transform: rotateY(-78deg); filter: brightness(.82); }
.door-button.leadership .door-frame { height: clamp(310px, 39vw, 462px); box-shadow: 0 0 35px rgba(255,75,18,.23), 0 18px 38px rgba(110,40,10,.15); }
.door-icon { width: 58px; height: 58px; display: grid; place-items: center; flex: 0 0 58px; padding: 13px; border-radius: 50%; color: var(--door-color); background: color-mix(in srgb, var(--door-color) 10%, white); position: relative; z-index: 1; }
.door-icon svg { width: 100%; height: 100%; }
.door-title { font: 800 clamp(15px, 1.45vw, 21px)/1.05 var(--font-display); margin-top: 14px; position: relative; z-index: 1; }
.door-description { margin-top: 9px; color: #38446f; font-size: clamp(10px, .85vw, 13px); line-height: 1.35; position: relative; z-index: 1; }
.door-arrow { width: 38px; height: 38px; display: grid; place-items: center; margin-top: 18px; border-radius: 50%; background: var(--door-color); color: white; position: relative; z-index: 2; box-shadow: 0 8px 18px color-mix(in srgb, var(--door-color) 30%, transparent); }
.door-arrow svg { width: 17px; }
.visited-mark { position: absolute; top: 15px; right: 14px; z-index: 5; padding: 5px 7px; border-radius: 99px; background: rgba(255,255,255,.9); color: var(--door-color); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.instruction { width: max-content; max-width: 100%; margin: 24px auto 0; padding: 13px 22px; text-align: center; font-size: 15px; color: #2b3669; }
.instruction strong { color: var(--orange); }
.reveal-nudge { display: flex; align-items: center; justify-content: space-between; gap: 15px; max-width: 740px; margin: 18px auto -8px; padding: 12px 14px 12px 20px; border: 1px solid rgba(93,32,199,.2); border-radius: 16px; background: linear-gradient(100deg, #f2edff, #fff5ed); color: #361b86; font-weight: 700; animation: pulseNudge 2s ease-in-out infinite; }
@keyframes pulseNudge { 50% { box-shadow: 0 10px 32px rgba(89,36,191,.15); } }

/* Department */
.dept-header { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: start; max-width: 1220px; margin: 0 auto 26px; }
.dept-emblem { width: 72px; height: 72px; padding: 17px; border-radius: 50%; color: var(--dept-color); background: color-mix(in srgb, var(--dept-color) 10%, white); }
.dept-emblem svg { width: 100%; height: 100%; }
.dept-label { color: var(--dept-color); font-weight: 800; margin: 0 0 7px; }
.question { max-width: 1170px; margin: 0; font: 800 clamp(30px, 3.8vw, 55px)/1.08 var(--font-display); letter-spacing: -.045em; }
.question em { color: var(--dept-color); font-style: normal; }
.timeline { max-width: 1280px; margin: 0 auto 20px; padding: 24px 22px; }
.timeline-track { display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }
.timeline-track::before { content: ""; position: absolute; height: 3px; left: 8%; right: 8%; top: 25px; background: linear-gradient(90deg, var(--blue), var(--purple) 66%, var(--orange)); }
.timeline-event { text-align: center; position: relative; padding: 0 8px; }
.timeline-dot { width: 50px; height: 50px; border: 6px solid white; border-radius: 50%; margin: 0 auto 12px; position: relative; z-index: 2; background: var(--blue); box-shadow: 0 4px 16px rgba(20,61,180,.22); }
.timeline-event.critical .timeline-dot { background: var(--orange); }
.timeline-event.warning .timeline-dot { background: var(--purple); }
.timeline-date { color: var(--blue); font-weight: 800; font-size: 17px; }
.timeline-event.critical .timeline-date { color: var(--orange); }
.timeline-text { margin-top: 4px; color: #273568; font-size: 14px; line-height: 1.25; }
.timeline-flag { display: inline-block; margin-bottom: 8px; padding: 5px 9px; border-radius: 6px; color: #cc2e13; background: #fff0e9; font-size: 9px; letter-spacing: .06em; font-weight: 800; }
.timeline-event.role-secondary { opacity: .42; filter: saturate(.55); }
.timeline-event.role-primary .timeline-dot { transform: scale(1.12); box-shadow: 0 0 0 6px rgba(83,32,199,.09), 0 8px 20px rgba(20,61,180,.25); }
.timeline.mode-timing { border-color: rgba(111,43,209,.35); box-shadow: 0 15px 42px rgba(91,32,199,.15); }
.timeline.mode-timing .timeline-event.role-secondary { opacity: .62; }
.diagnostic-primary { display: grid; grid-template-columns: 1.1fr .85fr .85fr; gap: 14px; max-width: 1280px; margin: 0 auto; align-items: stretch; }
.diagnostic-primary.two-card { grid-template-columns: 1.1fr .9fr; }
.maya-proof, .diagnostic-metric, .diagnostic-contrast, .gain-card { padding: 20px; }
.diagnostic-card-head, .synthesis-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; color: var(--dept-color, var(--blue)); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.diagnostic-card-head b, .synthesis-heading b { padding: 4px 7px; border-radius: 99px; color: #845215; background: #fff5df; font-size: 8px; letter-spacing: .07em; }
.maya-proof .mini-student { padding: 9px; margin-bottom: 14px; }
.proof-sequence { display: grid; gap: 0; }
.proof-step { position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 9px; align-items: center; min-height: 45px; color: #25346a; }
.proof-step:not(:last-child)::after { content: ""; position: absolute; left: 13px; top: 34px; bottom: -10px; width: 2px; background: linear-gradient(var(--dept-color, var(--blue)),#cfd8ef); }
.proof-dot { width: 28px; height: 28px; display: grid; place-items: center; z-index: 1; border-radius: 50%; color: white; background: var(--dept-color, var(--blue)); font-size: 10px; font-weight: 800; }
.proof-step strong { display: block; font-size: 13px; line-height: 1.2; }
.proof-step small { display: block; margin-top: 2px; color: #7781a2; font-size: 10px; }
.diagnostic-metric { display: flex; flex-direction: column; background: linear-gradient(150deg,#f1f5ff,#fff); border-top: 4px solid #5b22c7; }
.diagnostic-metric h2 { margin: 5px 0; color: #3d2198; font: 800 clamp(24px,2.4vw,34px)/1.05 var(--font-display); }
.diagnostic-metric p { margin: 4px 0 16px; color: #5d688f; font-size: 13px; line-height: 1.4; }
.diagnostic-value { margin-top: auto; color: #4924ad; font: 800 clamp(28px,3vw,42px) var(--font-display); }
.diagnostic-value-detail { margin-top: 2px; color: #59658c; font-size: 11px; line-height: 1.35; }
.metric-comparisons { display: grid; gap: 6px; margin-top: 13px; }
.metric-comparison { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 7px 9px; border-radius: 8px; background: rgba(255,255,255,.78); border: 1px solid #dfe5f2; }
.metric-comparison span { color: #657095; font-size: 10px; }
.metric-comparison strong { color: #2d3a70; font-size: 12px; text-align: right; }
.diagnostic-metric .metric-note { margin: 10px 0 0; padding-top: 8px; border-top: 1px solid #e1e6f1; color: #77809d; font-size: 9px; line-height: 1.35; }
.diagnostic-metric.secondary-metric { border-top-width: 2px; background: #fbfcff; }
.diagnostic-metric.secondary-metric h2 { font-size: clamp(18px,1.7vw,24px); }
.diagnostic-metric.secondary-metric .diagnostic-value { font-size: clamp(23px,2.3vw,31px); }
.metric-empty { margin-top: auto; padding: 10px; color: #6f7898; border: 1px dashed #b9c5e2; border-radius: 10px; background: rgba(255,255,255,.7); font-size: 11px; line-height: 1.35; }
.gain-card { display: flex; flex-direction: column; justify-content: center; color: white; background: linear-gradient(145deg,#132fbe,#5720c7 70%,#7628b7); }
.gain-card > span, .transition-gain > span { margin-bottom: 10px; color: rgba(255,255,255,.7); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.gain-card > strong { font: 800 clamp(20px,2vw,27px)/1.2 var(--font-display); }
.diagnostic-contrast { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; background: linear-gradient(145deg,#eefbf5,#fff5f3); }
.contrast-result { display: grid; gap: 7px; text-align: center; }
.contrast-result span { color: #657095; font-size: 11px; }
.contrast-result strong { font: 800 17px/1.15 var(--font-display); }
.contrast-result.success strong { color: #087a56; }
.contrast-result.unresolved strong { color: #c63a2a; }
.contrast-divider { color: #6a4bb4; font: 800 28px var(--font-display); }
.supporting-evidence { max-width: 1280px; margin: 14px auto 0; overflow: hidden; }
.supporting-evidence > summary, .journey-supporting > summary { padding: 14px 17px; color: #43517e; font-weight: 800; font-size: 12px; cursor: pointer; }
.supporting-evidence-body { padding: 0 14px 14px; border-top: 1px solid #e5e9f3; }
.supporting-evidence-body .timeline { margin-top: 14px; }
.supporting-evidence-body .comparison { max-width: none; }
.diagnostic-message { max-width: 1280px; margin: 14px auto 0; padding: 14px 18px; color: #30216e; border-left: 4px solid #5b22c7; background: linear-gradient(100deg,#f1eeff,#fff); }
.diagnostic-message strong { font: 800 18px/1.25 var(--font-display); }
.diagnostic-message p { margin: 5px 0 0; color: #667095; font-size: 12px; line-height: 1.4; }
.diagnostic-actions { max-width: 1280px; display: flex; justify-content: flex-end; margin: 15px auto 0; }
.comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1280px; margin: 0 auto; }
.perspective { padding: 22px; border-top: 4px solid var(--dept-color); }
.perspective.axis { --dept-color: #5720c7; background: linear-gradient(145deg, rgba(242,238,255,.85), rgba(255,255,255,.92)); }
.perspective-head { display: flex; gap: 13px; align-items: center; margin-bottom: 17px; }
.perspective-icon { width: 48px; height: 48px; flex: 0 0 48px; padding: 12px; color: var(--dept-color); border-radius: 50%; background: color-mix(in srgb, var(--dept-color) 10%, white); }
.perspective-icon svg { width: 100%; }
.perspective h2 { margin: 0; color: var(--dept-color); font: 800 clamp(22px, 2.2vw, 31px)/1.1 var(--font-display); letter-spacing: -.035em; }
.perspective-sub { color: #64709a; margin-top: 3px; font-size: 14px; }
.mini-student { display: flex; gap: 13px; align-items: center; padding: 13px; margin-bottom: 12px; border-radius: 14px; background: #f8faff; border: 1px solid #e5e9f4; }
.mini-student .student-avatar { width: 56px; height: 56px; }
.mini-student strong { font: 800 17px var(--font-display); }
.mini-student p { margin: 3px 0 0; color: #3f4a77; font-size: 13px; line-height: 1.25; }
.item-list { display: grid; gap: 7px; }
.info-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 48px; padding: 8px 11px; border-radius: 12px; background: #f8faff; border: 1px solid #edf0f7; }
.state-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--blue); font-size: 15px; font-weight: 800; }
.info-row.success .state-icon { background: #0cbd7c; }
.info-row.warning .state-icon { background: #f29b16; }
.info-row.critical .state-icon { background: #ef3d34; }
.row-title { color: #202b5e; font-weight: 600; font-size: 14px; line-height: 1.15; }
.row-detail { color: #727c9f; font-size: 12px; margin-top: 3px; }
.row-value { max-width: 150px; text-align: right; color: var(--dept-color); font-weight: 800; font-size: 14px; }
.info-row.warning .row-value { color: #dc7608; }
.info-row.critical .row-value { color: #e5262a; }
.info-row.role-primary { opacity: 1; border-color: color-mix(in srgb, var(--dept-color) 35%, #dfe5f2); box-shadow: 0 5px 15px color-mix(in srgb, var(--dept-color) 7%, transparent); }
.info-row.role-secondary { opacity: .48; filter: saturate(.65); }
.info-row.role-secondary:hover { opacity: .82; filter: none; }
.role-evidence-panel { margin: 0 0 13px; padding: 12px; border: 1px solid #dfe4f1; border-radius: 14px; background: linear-gradient(145deg,#f7f9ff,#fff); }
.role-evidence-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; color: #4f5c88; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.role-evidence-head strong { color: var(--dept-color, var(--blue)); }
.role-evidence-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.role-evidence-card { min-width: 0; display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 8px; align-items: start; padding: 10px; border: 1px solid #e2e7f2; border-radius: 10px; background: white; }
.evidence-order { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; color: white; background: #8190b8; font-size: 8px; font-weight: 800; }
.role-evidence-card.lead { border-color: color-mix(in srgb,var(--dept-color, var(--blue)) 45%,#dfe4f1); box-shadow: 0 5px 14px color-mix(in srgb,var(--dept-color, var(--blue)) 10%,transparent); }
.role-evidence-card.lead .evidence-order { background: var(--dept-color, var(--blue)); }
.role-evidence-label { color: #626d94; font-size: 10px; font-weight: 700; line-height: 1.15; }
.role-evidence-value { margin-top: 2px; color: #15245c; font: 800 17px/1.1 var(--font-display); }
.role-evidence-detail { margin-top: 3px; color: #7c85a3; font-size: 9px; line-height: 1.25; }
.role-evidence-panel.executive .role-evidence-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.role-evidence-panel.executive .role-evidence-value { font-size: 22px; color: #172da8; }
.role-evidence-panel.executive .role-evidence-detail { display: none; }
.role-evidence-panel.strategic .role-evidence-card { border-left: 3px solid #5b22c7; }
.role-evidence-panel.operational .role-evidence-card { background: #f8fbff; border-left: 3px solid var(--blue); }
.role-evidence-panel.operational .role-evidence-detail { color: #52618e; }
.role-evidence-panel.timing { background: linear-gradient(100deg,#f3efff,#fff5ee); }
.role-evidence-panel.timing .role-evidence-card { position: relative; border-top: 3px solid #6b25d0; }
.role-evidence-panel.timing .role-evidence-value { color: #d84419; }
.role-evidence-panel.lifecycle .role-evidence-card { position: relative; border-left: 3px solid var(--orange); }
.role-evidence-panel.lifecycle .role-evidence-value { color: #df471a; }
.role-evidence-panel.resource { background: linear-gradient(105deg,#f5f8ff,#fff8ef); border-color: #e5d8bd; }
.role-evidence-panel.resource .role-evidence-card { border-top: 3px solid #d78b20; }
.role-evidence-panel.resource .role-evidence-value { color: #9e5c08; font-size: 20px; }
.role-evidence-panel.resource .role-evidence-detail { display: none; }
.role-evidence-panel.systems { background: linear-gradient(105deg,#edf5ff,#f5f1ff); border-color: #cddcf4; }
.role-evidence-panel.systems .role-evidence-card { border-left: 3px solid #1766d5; }
.role-evidence-panel.systems .role-evidence-value { color: #1658b3; }
.role-evidence-panel.governance { background: linear-gradient(105deg,#f8f6ff,#fffaf0); border-color: #ddd2ef; }
.role-evidence-panel.governance .role-evidence-card { border-left: 3px solid #6241a8; }
.role-evidence-panel.governance .role-evidence-value { color: #52358d; }
.full-evidence { border-top: 1px solid #e4e8f2; margin-top: 10px; padding-top: 8px; }
.full-evidence summary { padding: 8px 3px; color: #52608f; font-size: 11px; font-weight: 700; cursor: pointer; }
.full-evidence[open] summary { margin-bottom: 7px; }
.insight-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 1280px; margin: 17px auto 0; padding: 16px 18px 16px 24px; color: white; border-radius: 16px; background: linear-gradient(100deg, #142fd1, #5420c7 65%, #4013a6); box-shadow: 0 12px 30px rgba(65,30,180,.25); }
.insight-copy { display: flex; align-items: center; gap: 15px; font: 700 clamp(17px, 2vw, 25px)/1.2 var(--font-display); }
.insight-copy svg { width: 31px; flex: 0 0 31px; }
.insight-side { opacity: .65; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.dept-actions { display: flex; gap: 10px; flex: 0 0 auto; }
.dept-actions .btn { background: white; color: #33118f; box-shadow: none; }
.dept-actions .btn.secondary { color: white; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.35); }

/* Full journey */
.journey-view { background: radial-gradient(circle at 50% 55%, rgba(58,83,255,.12), transparent 32%), linear-gradient(180deg,#fff,#f4f7ff); }
.journey-head { text-align: center; max-width: 1060px; margin: 0 auto 22px; }
.journey-head .eyebrow { justify-content: center; }
.journey-head .display { margin-bottom: 3px; }
.journey-description { margin-top: 8px; color: #5e6993; }
.journey-view .role-evidence-panel.journey { max-width: 1350px; margin: 0 auto 18px; --dept-color: var(--blue); }
.journey-view .role-evidence-panel.journey .role-evidence-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.journey-gap.role-secondary, .event-card.role-secondary { opacity: .42; filter: saturate(.55); }
.journey-gap.role-primary .failure { transform: translateY(-3px); box-shadow: 0 7px 18px rgba(218,48,33,.14); }
.event-card.role-primary { box-shadow: inset 0 4px 0 var(--blue); }
.event-card.critical.role-primary { box-shadow: inset 0 4px 0 #ef3d34; }
.journey-map { display: grid; grid-template-columns: repeat(var(--journey-columns,9), minmax(60px, 1fr)); align-items: center; max-width: 1350px; margin: 0 auto; }
.journey-node { min-width: 0; text-align: center; padding: 18px 8px; border-radius: 17px; background: white; border: 2px solid var(--node-color); box-shadow: 0 12px 28px color-mix(in srgb, var(--node-color) 13%, transparent); }
.journey-node .door-icon { margin: 0 auto; width: 52px; height: 52px; flex-basis: 52px; }
.journey-node-title { margin-top: 8px; font: 800 clamp(12px, 1.2vw, 17px)/1.1 var(--font-display); }
.journey-gap { min-width: 0; text-align: center; position: relative; }
.journey-gap::after { content: "→"; display: block; color: #5225d2; font-size: 31px; line-height: 1; }
.failure { min-height: 55px; display: grid; place-items: center; padding: 7px 5px; margin-bottom: 8px; border-radius: 11px; color: #be251e; background: #fff0ed; border: 1px solid #ffb1a7; font-size: clamp(10px, .9vw, 13px); font-weight: 800; line-height: 1.15; }
.failure.warning { color: #ad5409; background: #fff6df; border-color: #ffc865; }
.events-rail { display: grid; grid-template-columns: repeat(6, 1fr); max-width: 1350px; margin: 20px auto 0; border-radius: 18px; overflow: hidden; box-shadow: var(--shadow); }
.event-card { min-width: 0; padding: 14px; background: rgba(255,255,255,.9); border-right: 1px solid #e0e5f1; }
.event-card:last-child { border-right: 0; }
.event-date { color: var(--blue); font-weight: 800; font-size: 13px; }
.event-card.critical .event-date { color: #e22831; }
.event-copy { color: #273466; font-size: 13px; line-height: 1.25; margin-top: 4px; }
.event-dept { color: #8a92ae; font-size: 10px; margin-top: 8px; text-transform: uppercase; letter-spacing: .08em; }
.journey-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; max-width: 1350px; margin: 20px auto 0; padding: 18px 22px; border-radius: 17px; color: white; background: linear-gradient(95deg,#064bdf,#5420c7 70%,#4418b6); box-shadow: 0 14px 34px rgba(42,43,190,.22); }
.journey-bottom strong { font: 800 clamp(18px, 2.25vw, 29px) var(--font-display); }
.journey-supporting { max-width: 1350px; margin: 18px auto 0; background: rgba(255,255,255,.78); }
.journey-supporting .events-rail { margin: 0; border-radius: 0 0 18px 18px; box-shadow: none; }

/* Between-door transition state */
.transition-view { position: relative; background: linear-gradient(180deg,rgba(255,255,255,.83),rgba(239,244,255,.94)), repeating-linear-gradient(90deg,transparent 0 12%,rgba(33,70,161,.04) 12% 12.2%); }
.transition-wrap { max-width: 1250px; margin: 0 auto; }
.transition-head { max-width: 980px; margin: 0 auto 22px; text-align: center; }
.transition-head .eyebrow { justify-content: center; }
.transition-head h1 { margin: 10px 0 0; font: 800 clamp(30px,3.6vw,50px)/1.05 var(--font-display); letter-spacing: -.045em; }
.transition-hallway { display: grid; grid-template-columns: 190px minmax(0,1fr) 190px; gap: 24px; align-items: center; }
.transition-door { min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; text-align: center; border: 7px solid var(--from-color); border-radius: 12px 12px 3px 3px; background: linear-gradient(145deg,color-mix(in srgb,var(--from-color) 13%,white),white); box-shadow: 0 18px 36px color-mix(in srgb,var(--from-color) 18%,transparent); }
.transition-door.to { --door-color: var(--to-color); border-color: var(--to-color); background: linear-gradient(145deg,color-mix(in srgb,var(--to-color) 13%,white),white); box-shadow: 0 18px 36px color-mix(in srgb,var(--to-color) 18%,transparent); }
.transition-door.from { --door-color: var(--from-color); }
.transition-door strong { margin-top: 14px; font: 800 20px/1.1 var(--font-display); }
.transition-door small { margin-top: 6px; color: #7781a1; }
.between-door-space { min-width: 0; }
.connection-line { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin-bottom: 10px; color: #5225bf; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.connection-line span { height: 3px; background: linear-gradient(90deg,var(--from-color),#5b22c7); background-size: 200% 100%; animation: transitionIlluminate 1.8s ease-in-out both; }
.connection-line span:last-child { background: linear-gradient(90deg,#5b22c7,var(--to-color)); }
@keyframes transitionIlluminate { from { opacity: .25; background-position: 100% 0; } to { opacity: 1; background-position: 0 0; box-shadow: 0 0 16px rgba(84,40,199,.35); } }
.between-door-space .diagnostic-metric { margin-bottom: 10px; padding: 15px; }
.transition-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 10px; }
.transition-metrics .diagnostic-metric { margin-bottom: 0; }
.transition-metrics .diagnostic-metric h2 { font-size: clamp(20px,2vw,28px); }
.transition-metrics .diagnostic-value { font-size: clamp(25px,2.6vw,36px); }
.transition-proof { padding: 15px; }
.transition-proof .proof-sequence { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.transition-proof .proof-step { grid-template-columns: 24px 1fr; padding: 7px; border-radius: 9px; background: #f6f8fe; }
.transition-proof .proof-step::after { display: none; }
.transition-proof .proof-dot { width: 24px; height: 24px; }
.transition-gain { max-width: 820px; margin: 18px auto 0; padding: 15px 20px; text-align: center; color: white; background: linear-gradient(100deg,#153bc6,#5720c7); }
.transition-gain p { margin: 0 0 11px; font: 800 17px/1.25 var(--font-display); }
.transition-gain strong { display: block; font: 800 19px/1.25 var(--font-display); }
.transition-actions { display: flex; justify-content: center; gap: 10px; margin-top: 14px; }
.transition-actions .btn.secondary { color: #28356d; }

/* Leadership */
.leadership-view { background: radial-gradient(circle at 80% 10%, rgba(255,98,31,.11), transparent 30%), linear-gradient(180deg,#fff,#f6f7fe); }
.lead-head { max-width: 1200px; margin: 0 auto 25px; }
.lead-head .eyebrow { color: var(--orange); }
.lead-head .display.small { max-width: 1180px; font-size: clamp(32px,3.25vw,48px); }
.lead-head .subtitle { max-width: 1240px; font-size: clamp(16px,1.45vw,21px); }
.lead-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr); gap: 18px; max-width: 1350px; margin: 0 auto; }
.integrated-card { padding: 24px; overflow: hidden; }
.integrated-path { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 55px; align-items: center; padding: 65px 4px 25px; }
.integrated-path::before { content: ""; position: absolute; left: 8%; right: 8%; top: 50%; height: 4px; background: linear-gradient(90deg,var(--blue),var(--purple),var(--orange)); }
.path-stop { position: relative; z-index: 2; text-align: center; }
.path-circle { width: 74px; height: 74px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; color: white; background: var(--stop-color); border: 7px solid white; box-shadow: 0 9px 25px color-mix(in srgb,var(--stop-color) 30%,transparent); }
.path-circle svg { width: 32px; }
.path-name { margin-top: 11px; font: 800 14px var(--font-display); }
.path-break { position: absolute; top: -56px; right: -53px; width: 106px; min-height: 43px; display: grid; place-items: center; padding: 5px; color: #d02d20; background: #fff0ec; border: 1px solid #ffaea3; border-radius: 9px; font-size: 10px; font-weight: 800; line-height: 1.05; }
.path-break::after { content: "↓"; position: absolute; bottom: -17px; font-size: 17px; color: #ff4b12; }
.path-break.role-primary { transform: translateY(-4px); box-shadow: 0 7px 17px rgba(227,53,31,.16); }
.path-break.role-secondary { opacity: .42; }
.path-stop:last-child .path-break { display: none; }
.lead-insight { margin: 18px 0 0; padding: 17px; color: #30216e; font-weight: 700; background: linear-gradient(100deg,#f1eeff,#fff2e9); border-radius: 13px; }
.integrated-card .role-evidence-panel.leadership { margin-top: 16px; --dept-color: var(--orange); }
.integrated-card .role-evidence-panel.leadership .role-evidence-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.integrated-card .role-evidence-panel.leadership .role-evidence-card { grid-template-columns: 1fr; }
.integrated-card .role-evidence-panel.leadership .evidence-order { display: none; }
.integrated-card .role-evidence-panel.leadership:not(.operational) .role-evidence-detail { display: none; }
.lens-visual { margin: 18px 0 4px; padding: 18px; border-radius: 16px; border: 1px solid #dce3f2; background: #f9fbff; }
.systems-stack { width: min(680px,100%); display: grid; grid-template-columns: 1fr; gap: 22px; margin: 0 auto; }
.system-boundary { position: relative; min-width: 0; }
.system-boundary > div { height: 100%; display: grid; gap: 4px; align-content: center; min-height: 82px; padding: 13px; text-align: center; border: 1px solid #bfd2ef; border-radius: 12px; background: white; box-shadow: inset 0 3px 0 #1766d5; }
.system-boundary strong { color: #163b79; font: 800 14px var(--font-display); }
.system-boundary span:not(.system-link) { color: #68769b; font-size: 11px; }
.system-link { position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); color: #1766d5; font-size: 21px; font-weight: 800; }
.visual-conclusion { display: flex; align-items: baseline; justify-content: center; gap: 10px; margin-top: 15px; padding: 13px; color: #37517f; border-radius: 11px; background: linear-gradient(100deg,#eaf3ff,#f0ebff); }
.visual-conclusion span { font-weight: 700; }
.visual-conclusion strong { color: #3d22a4; font: 800 22px var(--font-display); }
.systems-visual > p { margin: 12px 0 0; text-align: center; color: #5d6990; font-size: 12px; line-height: 1.4; }
.governance-visual h2 { margin: 0 0 13px; color: #35226e; font: 800 19px var(--font-display); }
.process-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.process-column { padding: 14px; border-radius: 12px; background: #f2effb; }
.process-column.recorded { background: #fff2ee; }
.process-column h3 { margin: 0 0 10px; color: #59428e; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.process-column.recorded h3 { color: #b3432d; }
.process-steps { display: grid; }
.process-step { display: grid; place-items: center; color: #30245d; font-weight: 700; font-size: 12px; text-align: center; }
.process-step span { width: 100%; padding: 8px; border: 1px solid #d7cfeb; border-radius: 8px; background: white; }
.process-column.recorded .process-step:nth-child(n+3) span { color: #ae382b; border-color: #efb9b1; background: #fff9f7; }
.process-step b { color: #8974b4; line-height: 1.15; }
.provost-synthesis { display: grid; gap: 14px; margin-top: 18px; }
.completion-card h2, .coverage-card h2, .policy-card h2 { margin: 0 0 6px; color: #30216f; font: 800 clamp(21px,2vw,28px)/1.1 var(--font-display); }
.completion-card > p, .coverage-card > p { margin: 0 0 12px; color: #687294; font-size: 12px; }
.completion-result { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.completion-result > div { display: grid; gap: 5px; padding: 14px; border-radius: 11px; background: white; border: 1px solid #dfe4ef; }
.completion-result span { color: #737d9e; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.completion-result strong { color: #3d2198; font: 800 clamp(24px,2.6vw,38px)/1 var(--font-display); }
.completion-result > div:first-child strong { color: #c63a2a; }
.completion-result small { color: #697397; line-height: 1.35; }
.coverage-grid { display: grid; margin-top: 14px; border: 1px solid #dfe4ef; border-radius: 11px; overflow: hidden; }
.coverage-row { display: grid; grid-template-columns: 1fr 100px 100px; align-items: center; min-height: 38px; padding: 7px 11px; border-bottom: 1px solid #e7eaf2; color: #344170; font-size: 12px; }
.coverage-row:last-child { border-bottom: 0; }
.coverage-row > span { text-align: center; font-weight: 800; }
.coverage-head { color: #7982a0; background: #f7f8fc; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.coverage-yes { color: #07835b; }
.coverage-gap { color: #cd3e2d; }
.policy-path { margin-top: 12px; padding: 12px; border-radius: 11px; background: #f2effb; }
.policy-path.experienced { background: #fff2ee; }
.policy-path h3 { margin: 0 0 9px; color: #5b458f; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.policy-path.experienced h3 { color: #b34631; }
.policy-path > div { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.policy-path span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; color: #352b63; border-radius: 8px; background: white; font-size: 11px; font-weight: 700; }
.policy-path.experienced span:nth-child(n+3) { color: #ab382b; border: 1px solid #efc2bb; }
.policy-path b { color: #7458b0; }
.policy-summary { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.policy-summary span { padding: 7px 9px; color: #4b3881; border-radius: 99px; background: #eeebf8; font-size: 10px; font-weight: 800; }
.synthesis-note { margin: 12px 0 0; color: #737d9c; font-size: 10px; line-height: 1.4; }
.synthesis-message { display: block; margin-top: 12px; padding: 11px; color: #30216e; border-radius: 9px; background: linear-gradient(100deg,#f0edff,#fff3ec); font: 800 14px/1.3 var(--font-display); }
.student-affairs-synthesis { display: grid; gap: 14px; margin-top: 18px; }
.responsibility-map-card h2, .open-loop-card h2, .closure-card h2, .responsibility-process-card h2 { margin: 0 0 10px; color: #30216f; font: 800 clamp(21px,2vw,28px)/1.1 var(--font-display); }
.responsibility-map { display: grid; grid-template-columns: repeat(7,minmax(105px,1fr)); gap: 7px; overflow-x: auto; padding: 4px 0; }
.responsibility-step { position: relative; min-width: 105px; display: grid; grid-template-columns: 22px 1fr; gap: 7px; padding: 10px 8px; border: 1px solid #dfe4ef; border-top: 3px solid #8490ae; border-radius: 10px; background: white; }
.responsibility-step > span { width: 21px; height: 21px; display: grid; place-items: center; color: white; border-radius: 50%; background: #8490ae; font-size: 8px; font-weight: 800; }
.responsibility-step div { min-width: 0; display: grid; align-content: start; gap: 3px; }
.responsibility-step strong { color: #28376b; font-size: 10px; }
.responsibility-step b { color: #687498; font-size: 9px; text-transform: uppercase; }
.responsibility-step small { color: #7a84a3; font-size: 8px; line-height: 1.3; }
.responsibility-step.owned { border-top-color: #0ca874; }
.responsibility-step.owned > span, .responsibility-step.closed > span { background: #0ca874; }
.responsibility-step.warning { border-top-color: #e79316; }
.responsibility-step.warning > span { background: #e79316; }
.responsibility-step.open { border-top-color: #e14934; }
.responsibility-step.open > span { background: #e14934; }
.responsibility-step.reengaged { border-top-color: #2764d9; }
.responsibility-step.reengaged > span { background: #2764d9; }
.responsibility-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.open-loop-card > p { margin: 0 0 12px; color: #687294; font-size: 12px; line-height: 1.4; }
.responsibility-result { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.responsibility-result > div { display: grid; gap: 4px; padding: 13px; border-radius: 10px; background: white; border: 1px solid #dfe4ef; }
.responsibility-result strong, .closure-summary strong { color: #4b25ae; font: 800 clamp(25px,2.6vw,38px)/1 var(--font-display); }
.responsibility-result > div:last-child strong { color: #c53e2b; }
.responsibility-result span, .closure-summary span { color: #6d7797; font-size: 10px; line-height: 1.35; }
.closure-summary { display: grid; gap: 4px; margin-bottom: 11px; }
.closure-statuses { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.closure-status { display: flex; justify-content: space-between; gap: 8px; padding: 8px 9px; color: #53608b; border-radius: 8px; background: white; border: 1px solid #e0e5ef; font-size: 9px; }
.closure-status strong { color: #687498; }
.closure-status.closed strong { color: #09845c; }
.closure-status.open strong { color: #c63d2d; }
.coordination-load-card { margin-top: 0; }
.coordination-load-card summary { display: grid; gap: 3px; padding: 3px; color: #3c4775; cursor: pointer; }
.coordination-load-card summary span { color: #6a46bd; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.coordination-load-card summary strong { font: 800 15px/1.3 var(--font-display); }
.coordination-items { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.coordination-items span { padding: 7px 9px; color: #4c3a7f; border-radius: 99px; background: #eeebf8; font-size: 10px; font-weight: 700; }
.coordination-load-card > p { margin: 11px 0 0; color: #697394; font-size: 11px; line-height: 1.4; }
.continuity-recovery-synthesis { display: grid; gap: 14px; margin-top: 18px; }
.continuity-timeline-card h2, .recovery-card h2 { margin: 0 0 12px; color: #30216f; font: 800 clamp(21px,2vw,28px)/1.1 var(--font-display); }
.continuity-timeline-card .proof-sequence { grid-template-columns: repeat(7,minmax(105px,1fr)); gap: 7px; overflow-x: auto; }
.continuity-timeline-card .proof-step { min-width: 105px; grid-template-columns: 24px 1fr; align-items: start; padding: 9px 7px; border: 1px solid #dfe4ef; border-top: 3px solid #6c47c1; border-radius: 10px; background: white; }
.continuity-timeline-card .proof-step::after { display: none; }
.continuity-timeline-card .proof-dot { width: 24px; height: 24px; }
.continuity-timeline-card .proof-step:nth-child(4), .continuity-timeline-card .proof-step:nth-child(5) { border-top-color: #e24a35; background: #fff8f6; }
.continuity-timeline-card .proof-step:nth-child(6) { border-top-color: #e49319; }
.recovery-card > p { margin: 0 0 12px; color: #687294; font-size: 12px; line-height: 1.45; }
.recovery-criteria { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
.recovery-criteria span { padding: 7px 9px; color: #3e4c78; border: 1px solid #dce3ef; border-radius: 99px; background: white; font-size: 9px; font-weight: 700; }
.recovery-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.recovery-metrics .diagnostic-metric { min-height: 210px; padding: 15px; }
.recovery-metrics .diagnostic-metric h2 { font-size: clamp(20px,2vw,27px); }
.completion-supporting { display: grid; gap: 0; }
.completion-supporting > .diagnostic-metric { min-height: 250px; }
.coverage-disclosure { margin-top: 0; }
.coverage-disclosure > summary { color: #44517e; font-size: 11px; font-weight: 800; cursor: pointer; }
.coverage-disclosure > .diagnostic-metric { margin-top: 12px; box-shadow: none; }
.visibility-panel { padding: 24px; background: linear-gradient(150deg,#28106c,#5a20c7 65%,#8221b1); color: white; }
.visibility-panel h2 { margin: 0 0 18px; font: 800 25px var(--font-display); }
.visibility-list { display: grid; gap: 9px; }
.visibility-item { display: flex; gap: 11px; align-items: center; padding: 11px; border-radius: 11px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); font-weight: 600; font-size: 14px; }
.visibility-check { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #ff5c1c; font-size: 13px; flex: 0 0 24px; }
.lead-cta { max-width: 1350px; margin: 18px auto 0; display: flex; justify-content: flex-end; }
.lead-cta .btn { background: var(--orange); box-shadow: 0 10px 28px rgba(255,75,18,.24); }

/* Cohort */
.cohort-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; max-width: 1350px; margin: 0 auto 20px; }
.demo-label { flex: 0 0 auto; padding: 7px 11px; color: #b94512; border-radius: 99px; background: #fff0e9; border: 1px solid #ffc9b5; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.metric-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 11px; max-width: 1350px; margin: 0 auto 17px; }
.metric { min-width: 0; padding: 17px; border-top: 4px solid var(--metric-color); }
.metric-label { min-height: 38px; color: #162660; font-weight: 700; font-size: 14px; line-height: 1.25; }
.metric-value { margin: 4px 0; color: var(--metric-color); font: 800 clamp(26px, 3vw, 43px) var(--font-display); letter-spacing: -.05em; }
.metric-pending { min-height: 48px; display: flex; align-items: center; margin: 4px 0; color: var(--metric-color); font: 800 13px/1.25 var(--font-display); }
.metric-detail { color: #657095; font-size: 11px; line-height: 1.3; }
.dashboard { display: grid; grid-template-columns: 1.5fr .7fr; gap: 17px; max-width: 1350px; margin: 0 auto; }
.heatmap-card { padding: 20px; overflow: auto; }
.heatmap-card h2, .baseline-preview h2 { margin: 0; font: 800 24px var(--font-display); }
.heatmap-card p { margin: 2px 0 15px; color: #667197; }
.heatmap { min-width: 680px; display: grid; grid-template-columns: 115px repeat(6, 1fr); gap: 4px; }
.heat-label { display: flex; align-items: center; min-height: 34px; color: #26336a; font-size: 11px; font-weight: 700; }
.heat-label.col { justify-content: center; text-align: center; color: #455181; }
.heat-cell { border-radius: 6px; min-height: 34px; background: var(--heat); position: relative; overflow: hidden; }
.heat-cell::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg,rgba(255,255,255,.28),transparent); }
.heat-legend { display: flex; justify-content: space-between; margin: 13px 0 0 119px; color: #6b7598; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.heat-line { height: 5px; margin: 5px 0 0 119px; border-radius: 99px; background: linear-gradient(90deg,#5b8df9,#a170dc,#ff4d3c); }
.baseline-preview { padding: 22px; background: linear-gradient(145deg,#fff,#f0edff); }
.baseline-preview .mini-list { display: grid; gap: 8px; margin: 17px 0; }
.mini-list-item { display: flex; align-items: center; gap: 9px; color: #25336d; font-size: 13px; font-weight: 600; }
.mini-list-item span:first-child { color: var(--blue); }
.baseline-preview .btn { width: 100%; }

/* Baseline */
.baseline-view { display: grid; place-items: center; background: radial-gradient(circle at 25% 70%,rgba(13,76,255,.15),transparent 28%), radial-gradient(circle at 80% 20%,rgba(255,75,18,.1),transparent 28%), linear-gradient(145deg,#f7f9ff,#fff); }
.baseline-wrap { max-width: 1220px; width: 100%; }
.baseline-title { max-width: 1050px; }
.baseline-title .display { margin-bottom: 12px; }
.baseline-body { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; }
.baseline-pitch { padding: 29px; background: linear-gradient(145deg,#101b79,#4e20c4 65%,#7226bf); color: white; }
.baseline-pitch h2 { margin: 0 0 12px; font: 800 clamp(30px,4vw,50px)/1.05 var(--font-display); }
.baseline-pitch p { color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.55; }
.baseline-pitch .btn { margin-top: 12px; background: white; color: #32109c; box-shadow: none; }
.baseline-retrospective { margin-top: 16px; padding: 14px; border-radius: 12px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); }
.baseline-retrospective p { margin: 0 0 10px; font-size: 12px; }
.baseline-retrospective blockquote { margin: 10px 0; padding: 10px 12px; border-left: 3px solid #ff7b42; background: rgba(255,255,255,.08); font: 800 16px/1.3 var(--font-display); }
.baseline-retrospective strong { display: block; font-size: 12px; line-height: 1.4; }
.baseline-context-sequence { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 7px; align-items: stretch; margin-top: 14px; }
.baseline-context-stage { display: grid; align-content: start; gap: 5px; padding: 11px; border-radius: 10px; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.16); }
.baseline-context-stage > span { width: 21px; height: 21px; display: grid; place-items: center; color: #39158e; border-radius: 50%; background: white; font-size: 8px; font-weight: 800; }
.baseline-context-stage strong { font: 800 11px/1.25 var(--font-display); }
.baseline-context-stage p { margin: 0; font-size: 9px; line-height: 1.35; }
.baseline-context-arrow { display: grid; place-items: center; color: #ff9a72; }
.baseline-context-message { display: block; margin-top: 12px; font: 800 13px/1.35 var(--font-display); }
.baseline-pitch .baseline-generalization { margin: 8px 0 0; color: rgba(255,255,255,.67); font-size: 9px; line-height: 1.4; }
.baseline-list { padding: 26px; }
.baseline-list h3 { margin: 0 0 15px; font: 800 22px var(--font-display); }
.baseline-item { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: center; padding: 11px 0; border-bottom: 1px solid #e7eaf2; color: #27346b; font-weight: 600; }
.baseline-item:last-child { border: 0; }
.baseline-num { width: 25px; height: 25px; display: grid; place-items: center; color: white; border-radius: 50%; background: linear-gradient(135deg,var(--blue),var(--purple)); font-size: 10px; }
.baseline-metrics { margin-top: 15px; padding-top: 13px; border-top: 1px solid #e7eaf2; }
.baseline-metrics summary { color: #3f4d7a; font-size: 11px; font-weight: 800; cursor: pointer; }
.baseline-metrics > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.baseline-metrics span { padding: 6px 8px; color: #4b3881; border-radius: 99px; background: #f0edfa; font-size: 9px; font-weight: 700; }
.baseline-metrics small { display: block; margin-top: 9px; color: #9b681f; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.baseline-foot { margin-top: 17px; color: #687195; letter-spacing: .17em; text-transform: uppercase; font-size: 10px; text-align: center; }

/* Personalized Continuity Check */
.continuity-check-view { background: radial-gradient(circle at 12% 8%,rgba(10,69,255,.12),transparent 27%), radial-gradient(circle at 88% 75%,rgba(92,32,199,.1),transparent 28%), linear-gradient(180deg,#fbfcff,#f2f5fc); }
.continuity-wrap { width: min(1280px,100%); margin: 0 auto; }
.continuity-top-context { display: grid; gap: 2px; text-align: center; }
.continuity-top-context span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.continuity-top-context strong { color: #28366e; font-size: 12px; }
.continuity-nav-button { min-height: 42px; display: flex; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid #dce3f2; border-radius: 13px; background: white; color: #24316d; cursor: pointer; font-size: 10px; font-weight: 800; }
.continuity-nav-button svg { width: 17px; color: var(--blue); }
.continuity-brand-lockup { display: none; }
.institution-badge { width: 54px; height: 54px; flex: 0 0 54px; display: grid; place-items: center; overflow: hidden; border: 1px solid #d9e0ef; border-radius: 14px; color: #2443a8; background: linear-gradient(145deg,#fff,#edf2ff); box-shadow: 0 8px 22px rgba(26,54,121,.1); }
.institution-badge.large { width: 76px; height: 76px; flex-basis: 76px; border-radius: 19px; }
.institution-badge.has-logo { width: 150px; flex-basis: 150px; padding: 7px 10px; background: white; }
.institution-badge.has-logo.large { width: 220px; height: 88px; flex-basis: 220px; padding: 9px 14px; }
.institution-badge img { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }
.institution-badge span { padding: 5px; font: 800 13px/1 var(--font-display); text-align: center; letter-spacing: -.03em; }
.institution-badge.large span { font-size: 17px; }
.continuity-intro { max-width: 1050px; margin: 0 auto 20px; }
.continuity-intro > div, .continuity-result-head > div { display: flex; gap: 18px; align-items: center; }
.continuity-intro .display { margin-top: 8px; }
.continuity-intro .subtitle { max-width: 860px; font-size: 16px; }
.continuity-identity-form { max-width: 1050px; margin: 0 auto; padding: 25px; }
.continuity-identity-fields { display: grid; grid-template-columns: .7fr 1.3fr; gap: 12px; }
.continuity-identity-fields label { display: grid; gap: 6px; color: #53608b; font-size: 10px; font-weight: 800; }
.continuity-identity-fields input { min-height: 47px; width: 100%; padding: 10px 12px; border: 1px solid #d7deee; border-radius: 11px; background: #fbfcff; color: #17245b; }
.continuity-role-choice { margin: 20px 0 0; padding: 0; border: 0; }
.continuity-role-choice legend { margin-bottom: 9px; color: #53608b; font-size: 10px; font-weight: 800; }
.continuity-role-choice > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.continuity-role { min-height: 48px; padding: 9px; border: 1px solid #dce2ef; border-radius: 10px; background: white; color: #344171; cursor: pointer; font-size: 10px; font-weight: 700; }
.continuity-role.selected { color: #173fc1; border-color: var(--blue); background: #eef3ff; box-shadow: inset 0 0 0 2px rgba(10,69,255,.08); }
.continuity-privacy { margin: 14px 0 0; color: #7a83a3; font-size: 9px; line-height: 1.4; }
.continuity-context { min-height: 72px; display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding: 10px 13px; }
.continuity-context > div:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.continuity-context > div:nth-child(2) span { color: #253269; font-weight: 800; }
.continuity-context > div:nth-child(2) strong { color: #697394; font-size: 10px; }
.continuity-context > div:nth-child(2) small { color: var(--blue); font-size: 9px; font-weight: 700; }
.continuity-context-actions { display: flex; gap: 8px; margin-left: auto; }
.text-button { padding: 5px 7px; border: 0; background: transparent; color: #5365a0; cursor: pointer; font-size: 10px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.continuity-step-head { max-width: 950px; margin: 0 auto 24px; text-align: center; }
.continuity-step-head .eyebrow { justify-content: center; }
.continuity-personal-opening { margin: 10px 0 0; color: #55628e; font-weight: 700; }
.continuity-step-head .subtitle { font-size: 16px; }
.continuity-domain-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.continuity-domain { min-height: 245px; display: flex; flex-direction: column; align-items: flex-start; padding: 22px; text-align: left; border-top: 4px solid var(--domain-color); cursor: pointer; transition: .22s; }
.continuity-domain:hover { transform: translateY(-5px); border-color: var(--domain-color); box-shadow: 0 17px 40px color-mix(in srgb,var(--domain-color) 14%,transparent); }
.continuity-domain .door-icon { --door-color: var(--domain-color); }
.continuity-domain > strong { margin-top: 16px; color: #202d65; font: 800 20px/1.15 var(--font-display); }
.continuity-domain > small { margin-top: 7px; color: #687397; line-height: 1.4; }
.continuity-domain > b { width: 34px; height: 34px; display: grid; place-items: center; margin-top: auto; color: white; border-radius: 50%; background: var(--domain-color); }
.continuity-domain > b svg { width: 16px; }
.continuity-diagnostic-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(390px,1.1fr); gap: 18px; align-items: start; }
.continuity-question-panel { padding: clamp(20px,3vw,32px); border-top: 4px solid var(--domain-color); }
.continuity-question-progress { display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; margin-bottom: 20px; }
.continuity-question-progress span { height: 4px; border-radius: 99px; background: #dfe4ef; }
.continuity-question-progress span.answered { background: #8163cf; }
.continuity-question-progress span.current { background: var(--domain-color); box-shadow: 0 0 0 3px color-mix(in srgb,var(--domain-color) 12%,transparent); }
.continuity-question-panel .eyebrow { color: var(--domain-color); font-size: 9px; }
.continuity-acknowledgement { margin: 14px 0 -3px; padding: 9px 11px; color: #425083; border-radius: 9px; background: #f0f3fb; font-size: 11px; }
.continuity-question-panel h1 { margin: 15px 0 20px; color: #17245a; font: 800 clamp(26px,3vw,40px)/1.08 var(--font-display); letter-spacing: -.04em; }
.continuity-answers { display: grid; gap: 7px; }
.continuity-answer { min-height: 47px; display: grid; grid-template-columns: 28px 1fr; gap: 9px; align-items: center; padding: 8px 11px; text-align: left; border: 1px solid #dce2ef; border-radius: 11px; background: white; color: #344171; cursor: pointer; transition: .18s; }
.continuity-answer:hover, .continuity-answer.selected { transform: translateX(3px); border-color: var(--domain-color); background: color-mix(in srgb,var(--domain-color) 5%,white); }
.continuity-answer > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: white; background: #8290b4; font-size: 11px; font-weight: 800; }
.continuity-answer strong { font-size: 12px; }
.continuity-step-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 20px; }
.live-continuity-map { padding: 20px; }
.continuity-map-track { display: grid; gap: 5px; }
.continuity-map-node { min-height: 68px; display: grid; grid-template-columns: 38px 1fr; gap: 11px; align-items: center; padding: 10px 12px; border: 1px solid #e0e5ef; border-left: 4px solid #bec7d9; border-radius: 11px; background: #fafbfe; transition: .25s; }
.continuity-map-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: white; background: #a6b0c6; font-weight: 800; }
.continuity-map-node > div { display: grid; grid-template-columns: 1fr auto; gap: 2px 9px; align-items: center; }
.continuity-map-node strong { color: #29376d; font-size: 11px; }
.continuity-map-node small { grid-column: 1; color: #7882a1; font-size: 9px; }
.continuity-map-node em { grid-column: 2; grid-row: 1 / span 2; color: #747e9d; font-size: 9px; font-style: normal; font-weight: 700; text-align: right; }
.continuity-map-link { height: 13px; display: grid; place-items: center; margin: -5px 0; color: #a3acc1; font-weight: 800; }
.continuity-map-node.visible { border-left-color: #0ca874; background: #f5fcf9; }
.continuity-map-node.visible .continuity-map-mark { background: #0ca874; }
.continuity-map-node.partial { border-left-color: #d29a1b; background: #fffaf0; }
.continuity-map-node.partial .continuity-map-mark { background: #d29a1b; }
.continuity-map-node.manual { border-left-color: #7550c8; background: #f9f6ff; }
.continuity-map-node.manual .continuity-map-mark { background: #7550c8; }
.continuity-map-node.missing { border-left-color: #df4936; background: #fff7f5; }
.continuity-map-node.missing .continuity-map-mark { background: #df4936; }
.continuity-map-node.unknown { border-left-color: #71809d; }
.continuity-result-head { margin-bottom: 20px; }
.continuity-result-head h1 { margin-bottom: 7px; }
.continuity-result-head p { margin: 0; color: #687397; }
.continuity-result-head p span { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.continuity-result-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 15px; margin-bottom: 15px; }
.continuity-diagnosis, .continuity-derived, .continuity-secondary, .continuity-suggestion, .continuity-test { padding: 22px; }
.continuity-diagnosis { border-top: 4px solid #5c28c5; }
.continuity-diagnosis > span, .continuity-secondary > span, .continuity-suggestion > span, .continuity-test > span { color: #6b4abb; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.continuity-diagnosis h2, .continuity-derived h2, .continuity-secondary h2, .continuity-metrics h2 { margin: 7px 0; color: #28176e; font: 800 clamp(24px,2.6vw,36px)/1.08 var(--font-display); }
.continuity-diagnosis p { color: #5d688d; line-height: 1.45; }
.continuity-diagnosis > strong { display: block; color: #303e73; line-height: 1.4; }
.continuity-diagnosis blockquote { margin: 18px 0 0; padding: 14px; border-left: 4px solid var(--orange); border-radius: 0 10px 10px 0; background: #fff3ed; color: #6c2a17; font: 800 17px/1.35 var(--font-display); }
.continuity-diagnosis blockquote span { display: block; margin-bottom: 5px; color: #a35b45; font: 800 8px var(--font-body); letter-spacing: .1em; text-transform: uppercase; }
.continuity-derived { display: grid; gap: 7px; align-content: start; }
.continuity-derived h2 { font-size: 22px; }
.continuity-answer-summary { display: grid; grid-template-columns: 25px 1fr; gap: 8px; align-items: center; padding: 8px; border-radius: 8px; background: #f7f9fd; }
.continuity-answer-summary > span { width: 24px; height: 24px; display: grid; place-items: center; color: white; border-radius: 50%; background: #8290b4; font-size: 9px; font-weight: 800; }
.continuity-answer-summary.visible > span { background: #0ca874; }
.continuity-answer-summary.partial > span { background: #d29a1b; }
.continuity-answer-summary.manual > span { background: #7550c8; }
.continuity-answer-summary.missing > span { background: #df4936; }
.continuity-answer-summary strong { display: block; color: #344171; font-size: 10px; }
.continuity-answer-summary small { color: #7b84a1; font-size: 9px; }
.continuity-secondary { display: grid; grid-template-columns: 180px 1fr; gap: 18px; align-items: center; margin-bottom: 15px; border-left: 4px solid #8d73cf; }
.continuity-secondary h2 { margin: 0; font-size: 22px; }
.continuity-secondary p { margin: 5px 0 0; color: #667194; }
.continuity-result > .live-continuity-map { margin-bottom: 18px; }
.continuity-result > .live-continuity-map .continuity-map-track { grid-template-columns: repeat(6,1fr); gap: 7px; overflow-x: auto; }
.continuity-result > .live-continuity-map .continuity-map-link { display: none; }
.continuity-result > .live-continuity-map .continuity-map-node { min-width: 150px; grid-template-columns: 31px 1fr; }
.continuity-result > .live-continuity-map .continuity-map-node > div { grid-template-columns: 1fr; }
.continuity-result > .live-continuity-map .continuity-map-node em { grid-column: 1; grid-row: auto; text-align: left; }
.continuity-metrics { margin: 20px 0; }
.continuity-metrics > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; }
.continuity-metrics article { padding: 18px; border-top: 4px solid #5b22c7; }
.continuity-metrics article strong { color: #3d2198; font: 800 18px var(--font-display); }
.continuity-metrics article p { margin: 6px 0 0; color: #687397; font-size: 11px; line-height: 1.4; }
.continuity-result-grid.lower { grid-template-columns: .8fr 1.2fr; }
.continuity-suggestion p, .continuity-test p { margin: 8px 0 0; color: #344171; font-weight: 700; line-height: 1.45; }
.continuity-test ul { margin: 12px 0; padding-left: 19px; color: #485681; font-size: 11px; line-height: 1.6; }
.continuity-test small { color: #737d9d; line-height: 1.4; }
.continuity-cta { display: grid; grid-template-columns: auto 1fr auto; gap: 15px; align-items: center; padding: 18px; background: linear-gradient(115deg,#eef3ff,#f3edff 60%,#fff4ee); }
.continuity-cta > div:nth-child(2) { display: grid; gap: 4px; }
.continuity-cta > div:nth-child(2) strong { color: #28176e; font: 800 18px var(--font-display); }
.continuity-cta > div:nth-child(2) p { margin: 0; color: #707a9b; font-size: 9px; }
.continuity-cta > div:last-child { display: flex; gap: 8px; }
.continuity-result-actions { display: flex; justify-content: center; gap: 12px; margin-top: 13px; }

/* Editor */
.editor-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(7,10,29,.28); backdrop-filter: blur(4px); animation: fade .2s both; }
@keyframes fade { from { opacity: 0; } }
.editor { position: fixed; z-index: 101; top: 0; right: 0; bottom: 0; width: min(540px, 100vw); display: flex; flex-direction: column; background: #f9faff; box-shadow: -20px 0 70px rgba(9,18,58,.2); animation: slideIn .35s cubic-bezier(.2,.8,.2,1) both; }
@keyframes slideIn { from { transform: translateX(100%); } }
.editor-head { padding: 20px 22px 16px; border-bottom: 1px solid #e0e5f1; background: white; }
.editor-head-top { display: flex; align-items: center; justify-content: space-between; }
.editor-head h2 { margin: 0; font: 800 24px var(--font-display); }
.editor-tools { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.editor-tools .btn { min-height: 34px; padding: 0 11px; font-size: 11px; border-radius: 9px; }
.editor-select { width: 100%; margin-top: 14px; padding: 11px; border: 1px solid #d5dced; border-radius: 10px; background: white; color: #1e2a5c; font-weight: 700; }
.editor-body { flex: 1; overflow: auto; padding: 18px 22px 100px; }
.field-group { margin-bottom: 16px; padding: 13px; border-radius: 13px; background: white; border: 1px solid #e3e7f1; }
.field-group-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; color: #263469; font-size: 12px; font-weight: 800; text-transform: capitalize; }
.field { display: grid; gap: 6px; margin-bottom: 12px; }
.field:last-child { margin-bottom: 0; }
.field label { color: #5a648c; font-size: 11px; font-weight: 700; text-transform: capitalize; }
.field input, .field textarea, .field select { width: 100%; padding: 10px 11px; border: 1px solid #d9deea; border-radius: 9px; background: #fbfcff; color: #162053; }
.field textarea { min-height: 76px; resize: vertical; }
.field input[type=color] { height: 44px; padding: 4px; }
.array-item { position: relative; margin-bottom: 9px; padding: 12px; border-radius: 11px; border: 1px solid #e2e6ef; background: #f9faff; }
.array-controls { display: flex; gap: 5px; justify-content: flex-end; margin-bottom: 7px; }
.mini-btn { width: 28px; height: 28px; border: 1px solid #d8ddeb; border-radius: 7px; background: white; cursor: pointer; color: #425080; }
.mini-btn.remove { color: #c51d30; }
.add-btn { width: 100%; padding: 8px; border: 1px dashed #aebbe1; border-radius: 8px; background: #f3f6ff; color: #1645d2; font-weight: 700; cursor: pointer; }
.editor-footer { position: absolute; bottom: 0; left: 0; right: 0; display: flex; gap: 9px; padding: 14px 22px; background: rgba(255,255,255,.92); border-top: 1px solid #dfe4f0; backdrop-filter: blur(10px); }
.editor-footer .btn { flex: 1; }
.toast { position: fixed; z-index: 200; left: 50%; bottom: 25px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; padding: 11px 17px; border-radius: 10px; background: #101633; color: white; box-shadow: 0 12px 35px rgba(0,0,0,.22); font-size: 13px; font-weight: 600; transition: .25s; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }

/* Audience Lens */
.welcome-view {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: clamp(24px,5vw,72px);
  background:
    radial-gradient(circle at 12% 18%,rgba(10,69,255,.13),transparent 30%),
    radial-gradient(circle at 90% 80%,rgba(255,75,18,.1),transparent 28%),
    linear-gradient(145deg,#f8faff,#fff);
}
.welcome-card {
  width: min(1040px,100%);
  min-height: min(720px,calc(100vh - 80px));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(38px,7vw,88px);
  text-align: center;
  background: rgba(255,255,255,.96);
  box-shadow: 0 28px 90px rgba(18,34,83,.17);
  animation: viewIn .35s cubic-bezier(.2,.8,.2,1) both;
}
.welcome-logo { width: 190px; height: 74px; margin-bottom: clamp(34px,5vw,58px); }
body[data-experience="video-continuity"] .welcome-logo {
  width: clamp(230px,24vw,310px);
  height: clamp(88px,9.5vw,120px);
  margin-bottom: clamp(28px,4vw,46px);
}
.welcome-copy { max-width: 850px; }
.welcome-copy h1 {
  margin: 0;
  color: #111a4b;
  font: 800 clamp(48px,6vw,78px)/.98 var(--font-display);
  letter-spacing: -.055em;
}
.welcome-copy p { max-width: 680px; margin: 22px auto 0; color: #5e6b92; font-size: clamp(17px,1.7vw,22px); line-height: 1.5; }
.welcome-flow { width: min(500px,100%); display: grid; gap: 16px; margin-top: clamp(34px,5vw,54px); text-align: left; }
.welcome-field { display: grid; gap: 8px; color: #344276; font-size: 12px; font-weight: 800; }
.welcome-field input {
  width: 100%;
  height: 58px;
  padding: 14px 16px;
  color: #152052;
  border: 1px solid #cfd8eb;
  border-radius: 13px;
  background: #fbfcff;
  font: 600 16px var(--font-body);
  transition: border-color .18s,box-shadow .18s,background .18s;
}
.welcome-field input::placeholder { color: #929cb6; }
.welcome-field input:focus { outline: 0; border-color: var(--blue); background: white; box-shadow: 0 0 0 4px rgba(10,69,255,.1); }
.welcome-cta { width: 100%; min-height: 56px; justify-content: center; font-size: 15px; }
.welcome-cta > span { font-size: 19px; line-height: 1; }

.experience-stage { min-height: 100vh; background: radial-gradient(circle at 12% 18%,rgba(10,69,255,.1),transparent 30%),radial-gradient(circle at 90% 80%,rgba(255,75,18,.07),transparent 28%),linear-gradient(145deg,#f8faff,#fff); }
.experience-header {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 10px clamp(22px,4vw,58px);
  border-bottom: 1px solid rgba(202,211,232,.78);
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(16px);
}
.experience-brand { width: 164px; height: 62px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.experience-brand .logo-asset { width: 100%; height: 100%; }
.experience-perspective { max-width: min(620px,60vw); display: grid; justify-items: end; gap: 3px; text-align: right; }
.experience-perspective span { color: #7884a3; font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.experience-perspective strong { overflow: hidden; color: #1d2d68; font: 800 14px/1.25 var(--font-display); text-overflow: ellipsis; white-space: nowrap; }
.experience-perspective i { color: #8d98b4; font-style: normal; font-weight: 500; }
.role-selection-view { min-height: calc(100vh - 86px); display: grid; place-items: center; padding: clamp(28px,4vw,54px); }
.role-selection-shell { width: min(1280px,100%); }
.role-selection-copy { text-align: center; }
.role-selection-copy h1 { margin: 0; color: #111a4b; font: 800 clamp(42px,5vw,66px)/1 var(--font-display); letter-spacing: -.05em; }
.role-selection-copy p { margin: 14px auto 0; color: #647092; font-size: clamp(15px,1.4vw,18px); }
.cabinet-role-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: clamp(28px,4vw,44px); }
.cabinet-role-card {
  height: 290px;
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(0,1fr) auto;
  gap: 12px;
  position: relative;
  padding: 14px 14px 18px;
  overflow: hidden;
  color: #1b2b65;
  border: 2px solid transparent;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: inset 0 0 0 1px #dce3f1,0 10px 28px rgba(28,49,107,.07);
  cursor: pointer;
  transition: border-color .18s,background .18s,box-shadow .18s,transform .18s;
}
.cabinet-role-card:hover { transform: translateY(-3px); border-color: #a7b8e7; box-shadow: inset 0 0 0 1px rgba(22,76,255,.08),0 16px 34px rgba(28,49,107,.12); }
.cabinet-role-card:focus-visible { outline: 0; border-color: var(--blue); box-shadow: 0 0 0 4px rgba(10,69,255,.12),0 14px 32px rgba(28,49,107,.1); }
.cabinet-role-card.selected { color: #14245a; border-color: var(--blue); background: linear-gradient(145deg,#edf3ff,#f7f9ff); box-shadow: 0 0 0 3px rgba(10,69,255,.08),0 16px 36px rgba(28,64,163,.13); }
.cabinet-avatar { min-height: 0; display: grid; place-items: center; overflow: hidden; border-radius: 13px; background: #f6f7fa; }
.cabinet-avatar img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; }
.cabinet-role-card > strong { min-height: 42px; display: grid; place-items: center; font: 800 15px/1.25 var(--font-display); text-align: center; }
.cabinet-check { width: 28px; height: 28px; display: grid; place-items: center; position: absolute; z-index: 1; top: 11px; right: 11px; color: transparent; border: 1px solid #c7d1e6; border-radius: 50%; background: rgba(255,255,255,.94); font-size: 13px; font-weight: 900; box-shadow: 0 4px 12px rgba(21,39,93,.08); }
.cabinet-role-card.selected .cabinet-check { color: white; border-color: #173fc1; background: #173fc1; }
.role-selection-actions { display: flex; justify-content: center; margin-top: 24px; }
.role-continue { min-width: 220px; justify-content: center; }
.role-continue > span { font-size: 18px; line-height: 1; }
.role-continue:disabled { opacity: .4; cursor: not-allowed; transform: none; box-shadow: none; }

.opening-video-view { min-height: calc(100vh - 86px); display: grid; place-items: center; padding: clamp(24px,3vw,42px); }
.opening-video-shell { width: min(1080px,100%); }
.opening-video-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(109,129,179,.34);
  border-radius: 22px;
  background: #071027;
  box-shadow: 0 26px 64px rgba(17,35,86,.22);
}
.opening-video-frame video { width: 100%; height: 100%; display: block; object-fit: contain; background: #071027; }
.opening-video-completion {
  min-height: 176px;
  display: grid;
  align-content: start;
  justify-items: center;
  padding-top: 25px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transition: opacity .25s ease;
}
.opening-video-completion.revealed { visibility: visible; opacity: 1; pointer-events: auto; }
.opening-video-completion h1 { margin: 0; color: #111a4b; font: 800 clamp(27px,3vw,40px)/1.08 var(--font-display); letter-spacing: -.035em; }
.opening-video-completion p { max-width: 760px; margin: 9px auto 0; color: #6b7695; font-size: 13px; line-height: 1.45; }
.opening-video-completion > div { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 17px; }
.opening-video-completion .btn { min-width: 210px; justify-content: center; }
.opening-video-completion .btn > span { font-size: 18px; line-height: 1; }
.opening-video-completion .text-button { color: #51618d; }

.department-room-stage { background: radial-gradient(circle at 12% 8%,rgba(10,60,255,.08),transparent 30%),radial-gradient(circle at 88% 90%,rgba(19,158,170,.07),transparent 28%),#f4f8fc; }
.advising-room-view { min-height: calc(100vh - 86px); display: grid; align-items: start; padding: clamp(20px,2.6vw,38px); }
.advising-room-shell { width: min(1460px,100%); display: grid; grid-template-columns: minmax(0,1.46fr) minmax(390px,1fr); gap: clamp(13px,1.3vw,19px); align-items: start; margin: 0 auto; padding: clamp(12px,1.2vw,17px); border: 1px solid #d7e5ef; border-radius: 27px; background: linear-gradient(135deg,rgba(238,247,252,.96),rgba(225,243,249,.85)); box-shadow: 0 24px 65px rgba(22,43,94,.11); }
.department-scene-pane { min-width: 0; display: flex; flex-direction: column; align-self: start; position: relative; }
.department-scene-meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; position: absolute; z-index: 3; inset: 16px 17px auto; pointer-events: none; }
.department-scene-meta strong { min-height: 35px; display: inline-flex; align-items: center; gap: 9px; padding: 6px 13px 6px 7px; color: white; border: 1px solid rgba(255,255,255,.38); border-radius: 12px; background: rgba(17,22,45,.46); box-shadow: 0 7px 20px rgba(7,8,23,.18); backdrop-filter: blur(10px); font: 800 12px/1.2 var(--font-display); }
.department-scene-meta strong i { width: 24px; height: 24px; display: grid; place-items: center; padding: 5px; color: #0a3cff; border-radius: 7px; background: rgba(255,255,255,.92); }
.department-scene-meta strong svg { width: 100%; height: 100%; }
.department-scene-meta > span { padding: 6px 10px; color: white; border: 1px solid rgba(255,255,255,.3); border-radius: 99px; background: rgba(17,22,45,.38); box-shadow: 0 6px 18px rgba(7,8,23,.14); backdrop-filter: blur(9px); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.advising-video-frame { width: 100%; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(56,74,116,.28); border-radius: 18px; background: #0b1020; box-shadow: 0 18px 42px rgba(17,35,86,.18); }
.advising-video-frame video { width: 100%; height: 100%; display: block; object-fit: contain; background: #0b1020; }
.department-scene-actions { min-height: 26px; display: flex; align-items: end; justify-content: flex-start; margin-top: 5px; padding-left: 3px; }
.replay-scene { display: inline-flex; align-items: center; gap: 7px; padding: 5px 2px; visibility: hidden; opacity: 0; color: #52617d; border: 0; background: transparent; font-size: 10px; font-weight: 750; cursor: pointer; transition: color .18s,opacity .2s; }
.replay-scene.visible { visibility: visible; opacity: 1; }
.replay-scene:hover { color: #0a3cff; }
.replay-scene:focus-visible { outline: 0; box-shadow: 0 2px 0 #0a3cff; }
.replay-scene svg { width: 14px; height: 14px; }
.department-decision-panel { min-width: 0; position: relative; padding: clamp(18px,1.55vw,23px); border: 1px solid #d8e3ef; border-radius: 20px; background: rgba(255,255,255,.97); box-shadow: 0 17px 38px rgba(22,43,94,.09); }
.decision-eyebrow { display: block; position: relative; z-index: 2; color: #0a3cff; font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.decision-waiting { display: grid; place-items: center; align-content: center; gap: 12px; position: absolute; inset: 60px 24px 24px; color: #77849c; text-align: center; transition: opacity .25s ease,visibility .25s ease; }
.decision-waiting.hidden { visibility: hidden; opacity: 0; }
.decision-waiting i { width: 42px; height: 42px; position: relative; border: 1px solid #d5e2ed; border-radius: 50%; background: #f1f7fb; }
.decision-waiting i::after { content: ""; width: 8px; height: 8px; position: absolute; inset: 50% auto auto 50%; border-radius: 50%; background: linear-gradient(135deg,#0a3cff,#139eaa); transform: translate(-50%,-50%); box-shadow: 0 0 0 7px rgba(10,60,255,.07); }
.decision-waiting span { font-size: 11px; font-weight: 750; letter-spacing: .05em; }
.v1-interaction { min-height: 406px; margin-top: 10px; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.v1-interaction.revealed { visibility: visible; opacity: 1; pointer-events: auto; }
.v1-interaction h1 { margin: 0; color: #11162d; font: 800 clamp(19px,1.55vw,25px)/1.2 var(--font-display); letter-spacing: -.025em; text-align: left; text-wrap: balance; }
.v1-answer-grid { min-height: 129px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,60px); gap: 9px; margin-top: 13px; }
.v1-answer { height: 60px; display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 9px; align-items: center; padding: 9px 11px; color: #34415f; border: 2px solid transparent; border-radius: 12px; background: #f2f6fa; font: 750 10.5px/1.3 var(--font-display); text-align: left; text-wrap: balance; cursor: pointer; transition: color .18s,border-color .18s,background .18s,box-shadow .18s; }
.v1-answer:hover { color: #153a9b; border-color: #b9cbee; background: #f7faff; }
.v1-answer:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(10,60,255,.12); }
.v1-answer.selected { color: #0b2f9c; border-color: #0a3cff; background: #edf3ff; box-shadow: 0 0 0 3px rgba(10,60,255,.06); }
.v1-answer-mark { width: 17px; height: 17px; display: grid; place-items: center; border: 1px solid #bbc7d9; border-radius: 50%; background: white; }
.v1-answer.selected .v1-answer-mark { border-color: #0a3cff; background: #0a3cff; box-shadow: inset 0 0 0 4px white; }
.v1-followup { min-height: 173px; display: grid; align-content: start; gap: 8px; margin-top: 10px; padding-top: 10px; visibility: hidden; opacity: 0; pointer-events: none; border-top: 1px solid #e4eaf2; transition: opacity .22s ease; }
.v1-followup.revealed { visibility: visible; opacity: 1; pointer-events: auto; }
.v1-evidence-disclosure { min-width: 0; }
.v1-evidence-toggle { min-height: 28px; display: inline-flex; align-items: center; gap: 7px; padding: 2px; color: #4d5b79; border: 0; background: transparent; font-size: 9px; font-weight: 800; cursor: pointer; }
.v1-evidence-toggle > span { width: 17px; height: 17px; display: grid; place-items: center; color: #0a3cff; border: 1px solid #b9c8df; border-radius: 50%; background: white; font-size: 13px; line-height: 1; transition: transform .2s ease; }
.v1-evidence-toggle[aria-expanded="true"] > span { transform: rotate(45deg); }
.v1-evidence-toggle:hover { color: #0a3cff; }
.v1-evidence-toggle:focus-visible { outline: 0; box-shadow: 0 2px 0 rgba(10,60,255,.28); }
.v1-evidence-details { display: grid; grid-template-rows: 0fr; visibility: hidden; opacity: 0; transition: grid-template-rows .22s ease,opacity .18s ease,visibility .22s; }
.v1-evidence-details > div { min-height: 0; overflow: hidden; }
.v1-evidence-details.expanded { grid-template-rows: 1fr; visibility: visible; opacity: 1; }
.v1-evidence { display: grid; gap: 0; padding: 9px 1px 3px; }
.v1-evidence span { color: #17255a; font-size: 11px; font-weight: 800; }
.v1-evidence small { margin-top: 3px; color: #7a859f; font-size: 9px; font-weight: 550; line-height: 1.35; }
.v1-evidence input { width: 100%; min-height: 40px; margin-top: 9px; padding: 8px 11px; color: #202d59; border: 1px solid #d4dfea; border-radius: 9px; background: #f9fbfd; font: 500 11px/1.3 var(--font-body); }
.v1-evidence input::placeholder { color: #939db2; }
.v1-evidence input:focus { outline: 0; border-color: #0a3cff; box-shadow: 0 0 0 3px rgba(10,60,255,.09); }
.v1-insight { min-height: 70px; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; align-items: center; padding: 10px 13px; border: 1px solid rgba(75,22,170,.15); border-left: 3px solid #8b56ee; border-radius: 13px; background: linear-gradient(135deg,#efeaff,#f6f0ff 78%); box-shadow: 0 7px 20px rgba(75,22,170,.05); }
.v1-insight-icon { width: 28px; height: 28px; display: grid; place-items: center; padding: 6px; color: #6c2de1; border-radius: 50%; background: rgba(255,255,255,.62); }
.v1-insight-icon svg { width: 100%; height: 100%; }
.v1-insight > div { display: grid; gap: 4px; }
.v1-insight span { color: #4b16aa; font-size: 8px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.v1-insight strong { color: #272050; font: 720 10.5px/1.36 var(--font-display); }
.v1-return-wrap { display: flex; align-items: center; margin-top: auto; }
.v1-return { width: 100%; min-width: 0; min-height: 42px; justify-content: center; white-space: nowrap; border: 0; background: linear-gradient(105deg,#10b8c2,#0a6fe8 48%,#0a3cff); box-shadow: 0 10px 25px rgba(10,60,255,.18); }
.v1-return:hover { box-shadow: 0 13px 28px rgba(10,60,255,.24); }
.v1-return > span { font-size: 18px; }

.initial-corridor-view { min-height: calc(100vh - 86px); padding: clamp(26px,3.5vw,50px) clamp(18px,3.5vw,50px) 0; overflow: hidden; }
.initial-corridor-copy { max-width: 900px; margin: 0 auto 25px; text-align: center; }
.initial-corridor-copy > span { color: var(--blue); font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.initial-corridor-copy h1 { margin: 8px 0 0; color: #111a4b; font: 800 clamp(34px,4vw,56px)/1.02 var(--font-display); letter-spacing: -.045em; }
.initial-corridor-copy p { margin: 12px auto 0; color: #657194; font-size: 15px; }
.corridor-reset { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px; width: fit-content; margin: 14px 0 16px auto; padding: 6px 12px; color: #596483; border: 1px solid #d8dfed; border-radius: 10px; background: rgba(255,255,255,.76); font-size: 10px; font-weight: 750; letter-spacing: .04em; cursor: pointer; transition: color .18s,border-color .18s,background .18s,box-shadow .18s; }
.corridor-reset span { color: #4b16aa; font-size: 15px; line-height: 1; }
.corridor-reset:hover { color: #251a58; border-color: rgba(75,22,170,.32); background: white; box-shadow: 0 7px 18px rgba(7,8,23,.07); }
.corridor-reset:focus-visible { outline: 0; border-color: #0a3cff; box-shadow: 0 0 0 3px rgba(10,60,255,.12); }
.university-corridor {
  --heiaxis-blue: #0a3cff;
  --heiaxis-blue-deep: #153fe8;
  --heiaxis-purple: #4b16aa;
  --heiaxis-orange: #ff4a12;
  --heiaxis-ink: #070817;
  width: min(1380px,100%);
  min-height: 520px;
  position: relative;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(128,146,190,.25);
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  background:
    linear-gradient(90deg,rgba(28,67,169,.035) 1px,transparent 1px) 0 0 / 12.5% 100%,
    linear-gradient(180deg,#f9fbff 0%,#edf2fb 72%,#e0e7f3 72%,#f3f6fb 100%);
  box-shadow: inset 0 18px 44px rgba(255,255,255,.8),0 18px 55px rgba(24,47,106,.1);
}
.university-corridor.complete-pathway { animation: corridorPullback .72s cubic-bezier(.2,.75,.2,1) both; transform-origin: center 58%; }
@keyframes corridorPullback {
  from { opacity: .84; transform: scale(1.025); filter: saturate(.9); }
  to { opacity: 1; transform: scale(1); filter: saturate(1); }
}
.corridor-ceiling { min-width: 1180px; height: 58px; display: grid; grid-template-columns: repeat(4,1fr); position: relative; border-bottom: 1px solid #d5ddec; background: linear-gradient(180deg,#fff,#eef2f8); }
.corridor-ceiling::after { content: ""; position: absolute; inset: auto 0 -10px; height: 10px; background: linear-gradient(180deg,rgba(31,59,125,.08),transparent); }
.corridor-ceiling i { width: 54px; height: 7px; align-self: center; justify-self: center; border-radius: 99px; background: white; box-shadow: 0 0 14px 7px white,0 3px 8px rgba(62,81,131,.12); }
.corridor-doors { min-width: 1180px; display: grid; grid-template-columns: repeat(3,minmax(190px,1fr) 78px) minmax(190px,1fr); gap: 12px; align-items: end; position: relative; z-index: 2; padding: 48px clamp(38px,5vw,70px) 0; }
.corridor-door { --corridor-door-color: #0a3cff; min-width: 0; display: grid; gap: 9px; padding: 0; color: #18285f; border: 0; background: transparent; text-align: center; }
.corridor-door-state { min-height: 22px; align-self: end; color: #7883a0; font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.corridor-door-frame {
  height: 348px;
  display: block;
  position: relative;
  padding: 8px 8px 0;
  overflow: hidden;
  border-radius: 10px 10px 1px 1px;
  background: #6f7b98;
  box-shadow: 0 13px 24px rgba(24,42,87,.13);
  perspective: 1050px;
  transition: transform .22s ease,box-shadow .3s ease,background .3s ease;
}
.corridor-door-room { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; inset: 8px 8px 0; overflow: hidden; color: white; background: radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--corridor-door-color) 42%,transparent),transparent 45%),linear-gradient(155deg,#11162d,var(--heiaxis-ink)); }
.corridor-door-room::before { content: ""; height: 4px; position: absolute; inset: 0 0 auto; background: linear-gradient(90deg,var(--heiaxis-blue),var(--heiaxis-purple),var(--heiaxis-orange)); }
.corridor-door-room::after { content: ""; width: 64%; height: 58%; position: absolute; bottom: 0; border: 1px solid color-mix(in srgb,var(--corridor-door-color) 52%,white); border-bottom: 0; border-radius: 60px 60px 0 0; opacity: .28; box-shadow: inset 0 0 34px color-mix(in srgb,var(--corridor-door-color) 28%,transparent); }
.corridor-door-room > span { width: 50px; height: 50px; display: grid; place-items: center; position: relative; z-index: 1; padding: 12px; color: white; border-radius: 50%; background: color-mix(in srgb,var(--corridor-door-color) 72%,transparent); box-shadow: 0 0 25px color-mix(in srgb,var(--corridor-door-color) 42%,transparent); }
.corridor-door-room > span svg { width: 100%; height: 100%; }
.corridor-door-room small { position: relative; z-index: 1; margin-top: 16px; color: rgba(255,255,255,.64); font-size: 8px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.corridor-door-room strong { position: relative; z-index: 1; max-width: 150px; margin-top: 6px; color: white; font: 800 17px/1.15 var(--font-display); }
.corridor-door-panel { height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; inset: 8px 8px 0; z-index: 2; padding: 24px 15px; overflow: hidden; border: 1px solid rgba(93,106,140,.2); background: linear-gradient(150deg,#e8ecf3,#fff 62%,#dfe4ed); transform-origin: left center; transform-style: preserve-3d; backface-visibility: hidden; transition: transform .56s cubic-bezier(.3,.72,.22,1),box-shadow .56s cubic-bezier(.3,.72,.22,1); }
.corridor-door-panel::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(140deg,transparent 52%,rgba(80,98,145,.07) 52%); }
.corridor-door-icon { width: 56px; height: 56px; display: grid; place-items: center; position: relative; z-index: 1; padding: 14px; color: #77839e; border-radius: 50%; background: #f5f7fb; }
.corridor-door-icon svg { width: 100%; height: 100%; }
.corridor-door strong { position: relative; z-index: 1; margin-top: 17px; font: 800 19px/1.1 var(--font-display); }
.corridor-door small { position: relative; z-index: 1; margin-top: 8px; color: #77819c; font-size: 11px; line-height: 1.35; }
.corridor-door.inactive { cursor: not-allowed; filter: saturate(.35); opacity: .58; }
.corridor-door.active { cursor: pointer; }
.corridor-door.active .corridor-door-state { color: var(--corridor-door-color); }
.corridor-door.active .corridor-door-frame { background: var(--corridor-door-color); box-shadow: 0 0 0 4px color-mix(in srgb,var(--corridor-door-color) 12%,white),0 0 42px color-mix(in srgb,var(--corridor-door-color) 30%,transparent),0 20px 36px rgba(24,49,118,.2); }
.corridor-door.active .corridor-door-frame::before { content: ""; width: 48px; height: 7px; position: absolute; z-index: 3; top: 15px; left: 50%; border-radius: 99px; background: white; transform: translateX(-50%); box-shadow: 0 0 18px 9px white; }
.corridor-door.active .corridor-door-panel { background: linear-gradient(155deg,color-mix(in srgb,var(--corridor-door-color) 15%,white),white 60%,color-mix(in srgb,var(--corridor-door-color) 22%,white)); }
.corridor-door.active .corridor-door-icon { color: var(--corridor-door-color); background: color-mix(in srgb,var(--corridor-door-color) 10%,white); }
.corridor-door.active:not(.opening):hover .corridor-door-frame { transform: translateY(-4px); box-shadow: 0 0 0 4px color-mix(in srgb,var(--corridor-door-color) 15%,white),0 0 46px color-mix(in srgb,var(--corridor-door-color) 34%,transparent),0 24px 38px rgba(7,8,23,.19); }
.corridor-door.active:focus-visible { outline: 0; }
.corridor-door.active:focus-visible .corridor-door-frame { box-shadow: 0 0 0 5px color-mix(in srgb,var(--heiaxis-blue) 20%,transparent),0 0 48px color-mix(in srgb,var(--corridor-door-color) 30%,transparent),0 22px 38px rgba(7,8,23,.18); }
.corridor-door.completed .corridor-door-frame { background: linear-gradient(180deg,var(--heiaxis-blue-deep),var(--heiaxis-purple)); box-shadow: 0 0 0 4px rgba(10,60,255,.08),0 15px 30px rgba(7,8,23,.15); }
.corridor-door.completed:not(.opening) .corridor-door-panel { transform: rotateY(-8deg); box-shadow: 8px 0 18px rgba(7,8,23,.12); }
.corridor-door.opening { pointer-events: none; }
.corridor-door.opening .corridor-door-state { color: var(--corridor-door-color); }
.corridor-door.opening .corridor-door-frame { transform: none; box-shadow: 0 0 0 4px color-mix(in srgb,var(--corridor-door-color) 16%,white),0 0 52px color-mix(in srgb,var(--corridor-door-color) 36%,transparent),0 24px 40px rgba(7,8,23,.22); }
.corridor-door.opening .corridor-door-panel { transform: rotateY(-82deg); box-shadow: 15px 0 24px rgba(7,8,23,.24); }
.university-corridor.door-is-opening .corridor-door:not(.opening),
.university-corridor.door-is-opening .corridor-link { opacity: .72; transition: opacity .24s ease; }
.corridor-visited { width: 29px; height: 29px; display: grid; place-items: center; position: absolute; z-index: 3; top: 19px; right: 17px; color: white; border-radius: 50%; background: linear-gradient(135deg,var(--heiaxis-blue),var(--heiaxis-purple)); box-shadow: 0 5px 13px rgba(75,22,170,.24); font-size: 13px; }
.corridor-enter { min-width: 94px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; position: relative; z-index: 1; margin-top: 22px; padding: 8px 12px; color: white; border-radius: 99px; background: var(--corridor-door-color); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.corridor-enter svg { width: 14px; height: 14px; }
.corridor-link { height: 348px; display: grid; place-items: center; position: relative; padding-top: 31px; }
.corridor-link i { width: 100%; height: 2px; display: block; background: #cbd4e5; }
.corridor-link i::after { content: ""; width: 8px; height: 8px; position: absolute; left: 50%; top: calc(50% + 15px); border-radius: 50%; background: #aebbd2; transform: translate(-50%,-50%); }
.corridor-link.revealed i { height: 3px; background: linear-gradient(90deg,var(--heiaxis-blue),var(--heiaxis-purple)); box-shadow: 0 0 14px rgba(75,22,170,.18); }
.corridor-link.revealed i::after { background: var(--heiaxis-purple); box-shadow: 0 0 0 5px rgba(75,22,170,.1); }
.corridor-handoff-copy { width: 178px; position: absolute; z-index: 4; top: 88px; left: 50%; padding: 10px 12px; color: #241958; border: 1px solid color-mix(in srgb,var(--heiaxis-purple) 22%,white); border-top: 3px solid var(--heiaxis-purple); border-radius: 11px; background: rgba(255,255,255,.96); box-shadow: 0 10px 25px rgba(7,8,23,.11); font-size: 10px; font-weight: 750; line-height: 1.35; text-align: center; transform: translateX(-50%); }
.corridor-link.waiting i { background: linear-gradient(90deg,var(--heiaxis-purple),var(--heiaxis-orange)); box-shadow: 0 0 14px rgba(255,74,18,.13); }
.corridor-link.waiting i::after { background: var(--heiaxis-orange); box-shadow: 0 0 0 5px rgba(255,74,18,.09); }
.corridor-waiting-state { width: 198px; display: grid; gap: 5px; position: absolute; z-index: 4; top: 69px; left: 50%; padding: 12px 13px; color: #241958; border: 1px solid color-mix(in srgb,var(--heiaxis-purple) 20%,white); border-top: 3px solid var(--heiaxis-orange); border-radius: 12px; background: rgba(255,255,255,.97); box-shadow: 0 11px 27px rgba(7,8,23,.12); text-align: left; transform: translateX(-50%); }
.corridor-waiting-state > span { color: var(--heiaxis-orange); font-size: 8px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.corridor-waiting-state small { color: #6f7590; font-size: 9px; font-weight: 650; line-height: 1.3; }
.corridor-waiting-state strong { display: grid; gap: 2px; color: #211b49; font: 750 10px/1.32 var(--font-display); }
.corridor-waiting-state strong b { color: var(--heiaxis-purple); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.corridor-link.service-involved i { background: linear-gradient(90deg,var(--heiaxis-orange),var(--heiaxis-blue-deep)); box-shadow: 0 0 14px rgba(21,63,232,.13); }
.corridor-link.service-involved i::after { background: var(--heiaxis-blue-deep); box-shadow: 0 0 0 5px rgba(21,63,232,.09); }
.corridor-service-state { width: 198px; display: grid; gap: 5px; position: absolute; z-index: 4; top: 69px; left: 50%; padding: 12px 13px; color: #151a4c; border: 1px solid color-mix(in srgb,var(--heiaxis-blue-deep) 20%,white); border-top: 3px solid var(--heiaxis-blue-deep); border-radius: 12px; background: rgba(255,255,255,.97); box-shadow: 0 11px 27px rgba(7,8,23,.12); text-align: left; transform: translateX(-50%); }
.corridor-service-state > span { color: var(--heiaxis-blue-deep); font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.corridor-service-state small { color: var(--heiaxis-orange); font-size: 9px; font-weight: 750; line-height: 1.3; }
.corridor-service-state strong { display: grid; gap: 2px; color: #171c4c; font: 750 10px/1.32 var(--font-display); }
.corridor-service-state strong b { color: var(--heiaxis-purple); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.corridor-floor { min-width: 1180px; height: 106px; position: relative; z-index: 1; margin-top: -1px; background: linear-gradient(168deg,transparent 0 49.5%,rgba(78,99,145,.14) 50%,transparent 50.5%),linear-gradient(192deg,transparent 0 49.5%,rgba(78,99,145,.14) 50%,transparent 50.5%),linear-gradient(180deg,#dce4f0,#f4f7fb); }

.synthesis-stage { background: radial-gradient(circle at 12% 12%,rgba(10,69,255,.11),transparent 31%),radial-gradient(circle at 92% 12%,rgba(58,199,205,.11),transparent 28%),linear-gradient(145deg,#f1f7ff,#fbfcff 58%,#f6f2ff); }
.synthesis-view { width: min(1600px,100%); display: grid; grid-template-columns: minmax(0,1.14fr) minmax(560px,.96fr); gap: 18px; align-items: stretch; margin: 0 auto; padding: 18px; }
.synthesis-story { min-height: 760px; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.62); border-radius: 24px; background: #b7c8e2; box-shadow: 0 24px 60px rgba(23,46,102,.16); isolation: isolate; }
.synthesis-story > img { width: 100%; height: 100%; position: absolute; inset: 0; z-index: -3; object-fit: cover; object-position: 36% center; }
.synthesis-story-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(180deg,rgba(6,20,60,.68) 0%,rgba(10,26,66,.12) 35%,rgba(8,24,62,.12) 58%,rgba(7,19,50,.5) 100%),linear-gradient(90deg,rgba(10,27,67,.2),transparent 62%); }
.synthesis-story-heading { max-width: 610px; padding: clamp(28px,3vw,48px); color: white; text-shadow: 0 2px 18px rgba(5,18,48,.28); }
.synthesis-story-heading > span { display: block; color: #c3edff; font-size: 10px; font-weight: 900; letter-spacing: .24em; text-transform: uppercase; }
.synthesis-story-heading h1 { margin: 8px 0 0; font: 800 clamp(42px,4.2vw,66px)/.98 var(--font-display); letter-spacing: -.055em; }
.synthesis-story-heading p { max-width: 510px; margin: 13px 0 0; color: rgba(255,255,255,.85); font-size: 15px; line-height: 1.45; }
.synthesis-pathway { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); position: absolute; z-index: 2; inset: auto 24px 24px; padding: 22px 16px 18px; border: 1px solid rgba(210,230,246,.88); border-radius: 20px; background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,248,255,.82)); box-shadow: 0 16px 38px rgba(20,58,112,.17); backdrop-filter: blur(16px); }
.synthesis-pathway::before { content: ""; height: 2px; position: absolute; top: 52px; left: 12.5%; right: 12.5%; z-index: -1; background: linear-gradient(90deg,#65dfe9,#4e8fff 44%,#9a7cff 72%,#65dfe9); box-shadow: 0 0 14px rgba(101,223,233,.48); }
.synthesis-path-stage { min-width: 0; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0 8px; color: white; text-align: center; }
.synthesis-path-number { position: absolute; top: -13px; left: 9px; color: #71809f; font-size: 9px; font-weight: 850; }
.synthesis-path-icon { width: 58px; height: 58px; display: grid; place-items: center; padding: 14px; color: #173a9b; border: 3px solid rgba(255,255,255,.96); border-radius: 17px; background: linear-gradient(145deg,#fff,#e8f7ff); box-shadow: 0 0 0 4px rgba(83,214,226,.14),0 7px 20px rgba(35,82,137,.16); }
.synthesis-path-icon svg { width: 100%; height: 100%; }
.synthesis-path-stage > strong { min-height: 36px; margin-top: 10px; color: #17265f; font: 800 13px/1.25 var(--font-display); }
.synthesis-path-status { display: inline-flex; align-items: center; gap: 5px; margin-top: 7px; padding: 4px 8px; color: #176782; border: 1px solid rgba(49,180,195,.25); border-radius: 999px; background: rgba(218,248,250,.88); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.synthesis-path-status b { width: 14px; height: 14px; display: grid; place-items: center; color: white; border-radius: 50%; background: #24b4c0; font-size: 8px; }
.synthesis-path-stage small { display: grid; gap: 3px; width: 100%; margin-top: 8px; color: #566482; font-size: 9.5px; font-weight: 650; line-height: 1.28; }
.synthesis-path-stage small b { color: #62779d; font-size: 7.5px; letter-spacing: .08em; text-transform: uppercase; }
.synthesis-workspace { min-width: 0; display: flex; flex-direction: column; align-self: start; padding: clamp(24px,2.5vw,38px); border: 1px solid rgba(196,209,235,.72); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 22px 58px rgba(27,50,110,.12); }
.journey-synthesis-heading > span { display: block; color: #2387c7; font-size: 14px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.journey-synthesis-heading > span::after { content: ""; width: 38px; height: 3px; display: block; margin-top: 10px; border-radius: 99px; background: linear-gradient(90deg,#21bec8,#0a45ff); }
.journey-synthesis-heading h2 { max-width: 680px; margin: 13px 0 0; color: #273366; font: 720 clamp(25px,1.95vw,31px)/1.1 var(--font-display); letter-spacing: -.025em; }
.synthesis-boundary { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; margin-top: 16px; padding: 13px 15px; color: #5020aa; border: 1px solid rgba(109,62,204,.1); border-radius: 13px; background: linear-gradient(105deg,#eee8ff,#f7f2ff); }
.synthesis-boundary > svg { width: 28px; height: 28px; }
.synthesis-boundary strong { display: block; font-size: 12px; line-height: 1.25; }
.synthesis-boundary p { margin: 3px 0 0; color: #5e5d88; font-size: 10px; line-height: 1.35; }
.synthesis-role-question { margin-top: 17px; padding: 19px 20px; border: 1px solid #bfd4f2; border-radius: 15px; background: linear-gradient(120deg,#f4faff,#eef4ff 72%,#f6f1ff); box-shadow: inset 5px 0 #0a45ff,0 9px 24px rgba(29,74,151,.08); }
.synthesis-role-question span { color: #0d65c6; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.synthesis-role-question p { margin: 8px 0 0; color: #101e59; font: 800 24px/1.22 var(--font-display); letter-spacing: -.02em; }
.synthesis-choice-block { margin-top: 16px; }
.synthesis-choice-block > header { min-height: 27px; display: flex; align-items: center; gap: 9px; }
.synthesis-choice-block > header > b { width: 26px; height: 26px; flex: 0 0 auto; display: grid; place-items: center; color: #0a45ff; border-radius: 50%; background: #e6efff; font: 850 14px var(--font-display); }
.synthesis-choice-block h3 { margin: 0; color: #19265e; font: 800 16px/1.25 var(--font-display); }
.synthesis-choice-block header small { margin-left: auto; color: #7783a5; font-size: 11px; font-weight: 700; }
.synthesis-transition-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.synthesis-transition { height: 94px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; padding: 12px; color: #1d2a65; text-align: left; border: 2px solid #dfe7f4; border-radius: 13px; background: #fff; cursor: pointer; transition: border-color .18s,background .18s,box-shadow .18s; }
.synthesis-transition > i { width: 29px; height: 29px; display: grid; place-items: center; padding: 6px; color: #0a45ff; border-radius: 9px; background: #edf4ff; }
.synthesis-transition > i svg { width: 100%; height: 100%; }
.synthesis-transition strong { max-width: calc(100% - 4px); font: 800 13px/1.18 var(--font-display); }
.synthesis-selection-mark { width: 17px; height: 17px; display: grid; place-items: center; position: absolute; top: 10px; right: 10px; color: transparent; border: 1.5px solid #9db7e7; border-radius: 50%; font-size: 9px; }
.synthesis-transition:hover { border-color: #a9bfea; box-shadow: 0 8px 18px rgba(31,67,146,.08); }
.synthesis-transition.selected { border-color: #0a45ff; background: #eef4ff; box-shadow: 0 0 0 3px rgba(10,69,255,.07); }
.synthesis-transition.selected .synthesis-selection-mark { color: white; border-color: #0a45ff; background: #0a45ff; }
.synthesis-control-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 10px; }
.synthesis-control { min-height: 47px; display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: #26336a; text-align: left; border: 2px solid #e0e7f3; border-radius: 11px; background: white; cursor: pointer; transition: border-color .18s,background .18s,box-shadow .18s; }
.synthesis-control-mark { width: 18px; height: 18px; flex: 0 0 auto; display: grid; place-items: center; color: transparent; border: 1.5px solid #9fb7e5; border-radius: 6px; font-size: 9px; }
.synthesis-control strong { font-size: 12px; line-height: 1.15; }
.synthesis-control:hover { border-color: #afc2e9; }
.synthesis-control.selected { border-color: #0a45ff; background: #eff5ff; box-shadow: 0 0 0 3px rgba(10,69,255,.06); }
.synthesis-control.selected .synthesis-control-mark { color: white; border-color: #0a45ff; background: #0a45ff; }
.synthesis-custom-slot { height: 61px; margin-top: 8px; visibility: hidden; opacity: 0; transition: opacity .18s; }
.synthesis-custom-slot.visible { visibility: visible; opacity: 1; }
.synthesis-custom-slot label { display: grid; grid-template-columns: 145px 1fr; align-items: center; gap: 10px; height: 100%; padding: 8px 10px; color: #4f5a7f; border: 1px solid #dce5f3; border-radius: 11px; background: #f8faff; font-size: 11px; font-weight: 800; }
.synthesis-custom-slot input { width: 100%; min-width: 0; height: 38px; padding: 8px 10px; color: #18255d; border: 1px solid #cfd9ec; border-radius: 9px; background: white; font-size: 13px; }
.synthesis-actions { display: flex; justify-content: flex-end; margin-top: 3px; padding-top: 13px; border-top: 1px solid #e1e7f2; }
.synthesis-continue { min-width: 240px; justify-content: center; background: linear-gradient(100deg,#17bdc8,#0a45ff 65%,#203ce2); box-shadow: 0 11px 25px rgba(10,69,255,.2); font-size: 14px; }
.synthesis-continue:disabled { opacity: .42; cursor: not-allowed; transform: none; box-shadow: none; }
.synthesis-continue > span { font-size: 18px; }
.synthesis-workspace { min-height: 760px; align-self: stretch; overflow: hidden; }
.synthesis-pathway::before { display: none; }
.synthesis-path-stage::after { content: ""; width: calc(100% - 58px); height: 2px; position: absolute; top: 28px; left: calc(50% + 29px); z-index: 0; background: linear-gradient(90deg,#68d8e2,#70aef4); box-shadow: 0 0 8px rgba(60,183,205,.2); transition: height .2s,background .2s,box-shadow .2s; }
.synthesis-path-stage:last-of-type::after { display: none; }
.synthesis-path-stage > * { position: relative; z-index: 1; }
.synthesis-path-stage.target-highlight .synthesis-path-icon { color: #c52f35; border-color: #ffc3c1; background: linear-gradient(145deg,#fff,#fff0ef); box-shadow: 0 0 0 5px rgba(229,63,68,.14),0 0 24px rgba(197,47,53,.24); animation: synthesisNodeBreathe 2.25s ease-in-out infinite; }
.synthesis-path-stage.target-highlight > strong { color: #a9232c; }
.synthesis-path-stage.target-highlight .synthesis-path-number { color: #c52f35; }
.synthesis-path-stage.connection-highlight::after { height: 4px; background: linear-gradient(90deg,#f06c63,#c52f35); box-shadow: 0 0 14px rgba(197,47,53,.5); animation: synthesisLineBreathe 2.25s ease-in-out infinite; }

@keyframes synthesisNodeBreathe {
  0%,100% { box-shadow: 0 0 0 4px rgba(229,63,68,.12),0 0 18px rgba(197,47,53,.2); filter: saturate(.94); }
  50% { box-shadow: 0 0 0 8px rgba(229,63,68,.19),0 0 31px rgba(197,47,53,.42); filter: saturate(1.12); }
}

@keyframes synthesisLineBreathe {
  0%,100% { opacity: .7; box-shadow: 0 0 8px rgba(197,47,53,.34); }
  50% { opacity: 1; box-shadow: 0 0 20px rgba(197,47,53,.72); }
}
.synthesis-path-target { min-height: 48px; display: flex; align-items: center; gap: 9px; position: absolute; left: 12px; right: 12px; top: -57px; z-index: 6; padding: 8px 11px; color: #1b2d6b; border: 1px solid rgba(124,207,222,.7); border-radius: 13px; background: linear-gradient(100deg,rgba(247,253,255,.96),rgba(229,247,255,.94)); box-shadow: 0 9px 24px rgba(16,57,112,.13); backdrop-filter: blur(12px); }
.synthesis-path-target > span { color: #13829f; font-size: 7.5px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.synthesis-path-target > strong { font: 800 11px/1.2 var(--font-display); }
.synthesis-path-target > div { min-width: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; margin-left: auto; }
.synthesis-path-target em, .synthesis-target-endpoint { padding: 4px 7px; color: #33517e; border: 1px solid #c8dfef; border-radius: 999px; background: rgba(255,255,255,.86); font-size: 7.5px; font-style: normal; font-weight: 750; line-height: 1.1; }
.synthesis-target-endpoint { color: #5020aa; border-color: #d9ccef; background: #f5f0ff; }
.codesign-progress { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; color: #8a94ae; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.codesign-progress > span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.codesign-progress > span i { width: 22px; height: 22px; display: grid; place-items: center; color: #8490ad; border: 1px solid #d5ddec; border-radius: 50%; background: #f9fbff; font-size: 10px; font-style: normal; }
.codesign-progress > span.active { color: #1748bd; }
.codesign-progress > span.active i { color: white; border-color: #0a45ff; background: #0a45ff; box-shadow: 0 0 0 3px rgba(10,69,255,.09); }
.codesign-progress > span.complete { color: #1986a1; }
.codesign-progress > span.complete i { color: white; border-color: #22aeba; background: #22aeba; }
.codesign-progress > b { color: #c5cede; font-size: 13px; }
.codesign-state-content { min-height: 0; display: flex; flex: 1; flex-direction: column; }
.synthesis-workspace > * { transition: opacity .18s ease,transform .18s ease; }
.synthesis-workspace.codesign-leaving > * { opacity: 0; transform: translateX(-10px); }
.synthesis-workspace.codesign-leaving.codesign-backward > * { transform: translateX(10px); }
.synthesis-workspace.codesign-entering > * { opacity: 0; transform: translateX(10px); }
.synthesis-workspace.codesign-entering.codesign-backward > * { transform: translateX(-10px); }
.codesign-back { width: fit-content; margin: -2px 0 10px; padding: 3px 0; color: #667493; border: 0; background: transparent; font-size: 11px; font-weight: 750; cursor: pointer; }
.codesign-back:hover { color: #0a45ff; }
.codesign-target-heading > span, .codesign-summary-heading > span { color: #1682aa; font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.codesign-target-heading h2, .codesign-summary-heading h2 { margin: 9px 0 0; color: #17245d; font: 750 28px/1.15 var(--font-display); letter-spacing: -.03em; }
.codesign-target-heading h2 strong { color: #0a45ff; }
.codesign-target-heading > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.codesign-target-heading em { padding: 7px 11px; color: #28517d; border: 1px solid #cce2ed; border-radius: 999px; background: #eefaff; font-size: 13px; font-style: normal; font-weight: 750; }
.endpoint-section { margin-top: 19px; }
.endpoint-section > header, .checkpoint-section > header { display: flex; align-items: flex-start; gap: 9px; }
.endpoint-section > header > b, .checkpoint-section > header > b { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; color: #0a45ff; border-radius: 50%; background: #e6efff; font: 850 14px var(--font-display); }
.endpoint-section h3, .checkpoint-section h3 { margin: 3px 0 0; color: #17245d; font: 800 17px/1.3 var(--font-display); }
.endpoint-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 11px; }
.endpoint-option { min-height: 124px; display: grid; grid-template-columns: 24px 1fr; grid-template-rows: auto 1fr; gap: 6px 10px; position: relative; padding: 15px; color: #263468; text-align: left; border: 2px solid #dfe7f3; border-radius: 13px; background: white; cursor: pointer; transition: border-color .18s,background .18s,box-shadow .18s; }
.endpoint-option-mark { width: 22px; height: 22px; grid-row: 1 / 3; display: grid; place-items: center; color: transparent; border: 1.5px solid #9fb7e5; border-radius: 50%; font-size: 10px; }
.endpoint-option strong { font: 800 15px/1.2 var(--font-display); }
.endpoint-option small { color: #697596; font-size: 13px; line-height: 1.38; }
.endpoint-option:hover { border-color: #aec4ea; }
.endpoint-option.selected { border-color: #0a45ff; background: #eff5ff; box-shadow: 0 0 0 3px rgba(10,69,255,.06); }
.endpoint-option.selected .endpoint-option-mark { color: white; border-color: #0a45ff; background: #0a45ff; }
.endpoint-other-slot { height: 62px; margin-top: 8px; visibility: hidden; opacity: 0; transition: opacity .18s; }
.endpoint-other-slot.visible { visibility: visible; opacity: 1; }
.endpoint-other-slot label { height: 100%; display: grid; grid-template-columns: 185px 1fr; align-items: center; gap: 10px; padding: 8px 10px; color: #4f5a7f; border: 1px solid #dce5f3; border-radius: 11px; background: #f8faff; font-size: 11px; font-weight: 800; }
.endpoint-other-slot input, .checkpoint-field input { width: 100%; min-width: 0; height: 40px; padding: 8px 10px; color: #18255d; border: 1px solid #cfd9ec; border-radius: 9px; background: white; font-size: 12px; }
.checkpoint-section { margin-top: 16px; padding: 14px; border: 1px solid #e1e7f1; border-radius: 13px; background: #fafcff; }
.checkpoint-section > header > div { flex: 1; }
.checkpoint-section > header p { margin: 4px 0 0; color: #74809e; font-size: 14px; line-height: 1.4; }
.checkpoint-section > header > span { color: #8791aa; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.checkpoint-field { display: grid; grid-template-columns: 1fr auto; gap: 7px; margin-top: 10px; }
.codesign-skip { min-width: 58px; color: #5f6c8b; border: 1px solid #d2dbe9; border-radius: 9px; background: white; font-size: 11px; font-weight: 800; cursor: pointer; }
.codesign-skip.selected { color: #1748bd; border-color: #9bb5e9; background: #eef4ff; }
.continuity-summary-state { min-width: 0; }
.continuity-summary-state .codesign-summary-heading { margin-top: 17px; }
.continuity-summary-state .codesign-summary-heading > span { color: #1766c7; font-size: 12px; letter-spacing: .17em; }
.continuity-summary-state .codesign-summary-heading h2 { max-width: 750px; margin-top: 12px; color: #121d54; font: 800 clamp(27px,2.3vw,37px)/1.15 var(--font-display); letter-spacing: -.045em; text-wrap: balance; }
.hypothesis-summary-card { min-width: 0; margin-top: 26px; padding: 22px 24px 25px; border: 1px solid #cdddf8; border-radius: 18px; background: linear-gradient(145deg,#fff 65%,#f9fcff); box-shadow: 0 16px 34px rgba(39,90,161,.075); }
.hypothesis-summary-header h3 { margin: 0; color: #17245d; font: 800 23px/1.15 var(--font-display); letter-spacing: -.035em; }
.hypothesis-summary-header p { margin: 6px 0 0; color: #64749a; font-size: 13px; line-height: 1.4; }
.hypothesis-summary-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr); gap: 0; margin-top: 19px; padding-top: 19px; border-top: 1px solid #dfe7f7; }
.hypothesis-summary-detail { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding-right: 12px; }
.hypothesis-summary-detail + .hypothesis-summary-detail { padding-left: 13px; border-left: 1px solid #dce5f5; }
.hypothesis-summary-detail > div { min-width: 0; width: 100%; }
.hypothesis-summary-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; color: #1365d9; border-radius: 50%; background: #eaf3ff; font-style: normal; }
.hypothesis-summary-icon svg { width: 23px; height: 23px; }
.summary-observable .hypothesis-summary-icon { color: #7136d7; background: #f2ebff; }
.summary-endpoint .hypothesis-summary-icon { color: #db6711; background: #fff1e9; }
.hypothesis-summary-label { display: block; margin: 3px 0 9px; color: #5d6d99; font-size: 9px; font-weight: 900; letter-spacing: .15em; line-height: 1.35; text-transform: uppercase; }
.hypothesis-summary-value { display: block; overflow-wrap: break-word; color: #17245d; font: 800 15px/1.3 var(--font-display); }
.summary-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.summary-tags span { max-width: 100%; overflow-wrap: anywhere; padding: 6px 9px; color: #25437d; border: 1px solid #bdd8fb; border-radius: 999px; background: #f1f8ff; font: 750 11px/1.2 var(--font-body); }
.hypothesis-sentence { min-width: 0; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: start; gap: 15px; margin-top: 20px; padding: 24px 23px; border: 1px solid #d8d9fb; border-left: 4px solid #1769f7; border-radius: 17px; background: linear-gradient(112deg,#f1f7ff 5%,#f8faff 54%,#f3efff); box-shadow: 0 13px 28px rgba(63,80,156,.065); }
.hypothesis-sentence-icon { width: 42px; height: 42px; display: grid; place-items: center; color: #6335d6; border-radius: 12px; background: #e9e6ff; font-style: normal; }
.hypothesis-sentence-icon svg { width: 26px; height: 26px; }
.hypothesis-sentence span { display: block; margin-top: 4px; color: #1766c7; font-size: 11px; font-weight: 900; letter-spacing: .15em; line-height: 1.35; text-transform: uppercase; }
.hypothesis-sentence p { margin: 12px 0 0; overflow-wrap: anywhere; color: #17245d; font: 450 19px/1.48 var(--font-display); letter-spacing: -.025em; }
.hypothesis-sentence p strong { font-weight: 800; }
.summary-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 19px; }
.codesign-refine { padding: 8px 0; color: #5d6a8a; border: 0; background: transparent; font-size: 12px; font-weight: 800; cursor: pointer; }
.codesign-refine:hover { color: #0a45ff; }
.summary-actions .synthesis-continue { min-width: 310px; }
.synthesis-stage .synthesis-story, .synthesis-stage .synthesis-workspace, .synthesis-stage .synthesis-path-target { transition: opacity .4s ease,transform .4s cubic-bezier(.2,.75,.2,1),filter .4s ease; }
.synthesis-stage.cohort-handoff .synthesis-workspace { opacity: 0; transform: translateX(18px); }
.synthesis-stage.cohort-handoff .synthesis-story { opacity: .78; filter: saturate(.8); transform: scale(.99); }
.synthesis-stage.cohort-handoff .synthesis-path-target { opacity: .28; transform: translateY(5px); }

.v5-stage { background: radial-gradient(circle at 50% 0,rgba(27,180,199,.1),transparent 28%),radial-gradient(circle at 90% 65%,rgba(83,32,199,.08),transparent 30%),linear-gradient(145deg,#f4f9ff,#fff 58%,#f7f3ff); }
.v5-view { min-height: calc(100vh - 86px); padding: 25px clamp(16px,4vw,58px) 50px; }
.v5-shell { width: min(1400px,100%); margin: 0 auto; }
.v5-progress { display: flex; align-items: center; justify-content: center; gap: 8px; color: #8994ae; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.v5-progress span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.v5-progress span i { width: 19px; height: 19px; display: grid; place-items: center; color: #8290ac; border: 1px solid #d4ddea; border-radius: 50%; background: white; font-size: 8px; font-style: normal; }
.v5-progress span.complete { color: #19849c; }
.v5-progress span.complete i { color: white; border-color: #22aeba; background: #22aeba; }
.v5-progress span.active { color: #1648bd; }
.v5-progress span.active i { color: white; border-color: #0a45ff; background: #0a45ff; box-shadow: 0 0 0 3px rgba(10,69,255,.09); }
.v5-progress b { color: #c5cede; }
.v5-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(410px,.85fr); grid-template-areas: "video intro" "video post"; column-gap: clamp(22px,3vw,42px); row-gap: 12px; align-items: start; margin-top: 25px; }
.v5-intro { grid-area: intro; max-width: none; min-height: 175px; margin: 0; padding: 8px 0 0; text-align: left; }
.v5-intro > span { color: #1385a6; font-size: 9px; font-weight: 900; letter-spacing: .22em; text-transform: uppercase; }
.v5-intro h1 { margin: 11px 0 0; color: #111e57; font: 800 clamp(31px,2.8vw,43px)/1.04 var(--font-display); letter-spacing: -.045em; }
.v5-intro p { max-width: 560px; margin: 12px 0 0; color: #627092; font-size: 14px; line-height: 1.45; }
.v5-start { min-width: 230px; justify-content: center; margin-top: 18px; background: linear-gradient(100deg,#17bdc8,#0a45ff 68%,#203ce2); box-shadow: 0 12px 28px rgba(10,69,255,.2); }
.v5-start[hidden] { display: none; }
.v5-stage-label { display: none; width: fit-content; margin: 17px 0 0; padding: 6px 10px; color: #46607f; border: 1px solid #d2e4ef; border-radius: 999px; background: rgba(246,252,255,.9); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.v5-stage-label.visible { display: block; }
.v5-cinema { width: 100%; grid-area: video; margin: 0; }
.v5-video-frame { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgba(188,204,231,.78); border-radius: 22px; background: #050713; box-shadow: 0 24px 65px rgba(18,42,102,.18); }
.v5-video-frame video { width: 100%; height: 100%; display: block; object-fit: contain; background: #050713; }
.v5-replay { min-height: 31px; display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; padding: 4px 5px; visibility: hidden; opacity: 0; color: #687595; border: 0; background: transparent; font-size: 9px; font-weight: 750; cursor: pointer; transition: opacity .2s; }
.v5-replay.visible { visibility: visible; opacity: 1; }
.v5-replay svg { width: 13px; height: 13px; }
.v5-post-space { min-height: 420px; width: 100%; grid-area: post; margin: 0; }
.v5-post { padding: 4px 0 0; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .3s ease,transform .3s ease; }
.v5-post.revealed { visibility: visible; opacity: 1; pointer-events: auto; transform: none; }
.v5-post > header { text-align: left; }
.v5-post > header h2 { margin: 0; color: #101d56; font: 800 clamp(28px,2.25vw,36px)/1.05 var(--font-display); letter-spacing: -.04em; }
.v5-post > header p { max-width: 560px; margin: 10px 0 0; color: #667392; font-size: 12px; line-height: 1.48; }
.v5-hypothesis { margin-top: 20px; padding: 17px 19px; border: 1px solid #d6e4f3; border-radius: 15px; background: linear-gradient(120deg,#fff,#f3faff); box-shadow: 0 10px 27px rgba(24,61,126,.08); }
.v5-hypothesis > span { color: #167d9d; font-size: 8px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.v5-hypothesis dl { display: grid; grid-template-columns: 1fr; gap: 0; margin: 10px 0 0; }
.v5-hypothesis dl > div { min-width: 0; padding: 9px 0; border-top: 1px solid #dfe7f2; }
.v5-hypothesis dl > div:first-child { padding-top: 2px; border-top: 0; }
.v5-hypothesis dt { color: #7a86a3; font-size: 7.5px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.v5-hypothesis dd { margin: 6px 0 0; color: #1a2860; font: 750 12px/1.3 var(--font-display); }
.v5-control-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.v5-control-tags em { padding: 4px 7px; color: #1c627e; border: 1px solid #cae5ed; border-radius: 999px; background: #ecfbff; font: 750 8px/1.1 var(--font-body); }
.v5-next { display: grid; grid-template-columns: 1fr; gap: 12px; align-items: center; margin-top: 14px; padding: 15px 16px; border: 1px solid #d9e2f1; border-radius: 15px; background: rgba(255,255,255,.88); }
.v5-next p { max-width: 620px; margin: 0; color: #63708f; font-size: 10px; line-height: 1.42; }
.v5-next .btn { width: 100%; min-width: 0; justify-content: center; background: linear-gradient(100deg,#17bdc8,#0a45ff 68%,#203ce2); }
.v5-review { display: block; margin: 13px auto 0; padding: 6px; color: #65718f; border: 0; background: transparent; font-size: 9px; font-weight: 800; cursor: pointer; }
.v5-review:hover { color: #0a45ff; }

@media (prefers-reduced-motion: reduce) {
  .synthesis-workspace > * { transition-duration: .01ms; }
  .synthesis-stage .synthesis-story, .synthesis-stage .synthesis-workspace, .synthesis-stage .synthesis-path-target, .v5-post { transition-duration: .01ms; }
  .synthesis-path-stage.target-highlight .synthesis-path-icon,
  .synthesis-path-stage.connection-highlight::after { animation: none; }
  .university-corridor.complete-pathway { animation: none; }
  .corridor-door-frame,
  .corridor-door-panel,
  .university-corridor.door-is-opening .corridor-door,
  .university-corridor.door-is-opening .corridor-link { transition-duration: .08s; }
}

@media (max-width: 1100px) {
  .synthesis-view { grid-template-columns: 1fr; }
  .synthesis-story { min-height: 760px; }
}

@media (max-width: 1080px) {
  .cabinet-role-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cabinet-role-card { height: 270px; }
  .advising-room-view { padding-inline: 16px; }
  .advising-room-shell { grid-template-columns: minmax(0,1.35fr) minmax(370px,1fr); }
  .v5-layout { grid-template-columns: 1fr; grid-template-areas: "intro" "video" "post"; width: min(900px,100%); margin-inline: auto; }
  .v5-intro { min-height: 0; margin-bottom: 8px; }
}

@media (max-width: 900px) {
  .v1-answer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .department-decision-panel { padding: 24px; }
}

@media (max-width: 820px) {
  .advising-room-shell { min-height: 0; height: auto; max-height: none; grid-template-columns: 1fr; }
  .department-scene-pane { padding: 0; }
  .department-decision-panel { min-height: 0; overflow: visible; }
}

@media (max-width: 700px) {
  .experience-header { height: 74px; padding: 7px 15px; }
  .experience-brand { width: 112px; height: 54px; }
  .experience-perspective { max-width: 62vw; }
  .experience-perspective strong { font-size: 11px; }
  .role-selection-view { min-height: calc(100vh - 74px); padding: 28px 15px 38px; }
  .role-selection-copy { text-align: left; }
  .role-selection-copy h1 { font-size: 43px; }
  .role-selection-copy p { margin-top: 10px; }
  .cabinet-role-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 25px; }
  .cabinet-role-card { height: 240px; padding: 10px 10px 14px; }
  .cabinet-role-card > strong { font-size: 13px; }
  .opening-video-view { min-height: calc(100vh - 74px); padding: 18px 12px 28px; }
  .opening-video-frame { border-radius: 14px; }
  .opening-video-completion { min-height: 225px; padding: 22px 10px 0; }
  .opening-video-completion > div { flex-direction: column; gap: 10px; }
  .opening-video-completion .btn { width: 100%; }
  .advising-room-view { min-height: calc(100vh - 74px); padding: 18px 12px 30px; }
  .department-scene-pane, .department-decision-panel { border-radius: 17px; }
  .department-scene-pane { padding: 0; }
  .advising-video-frame { border-radius: 14px; }
  .department-decision-panel { min-height: 0; padding: 22px 18px; }
  .v1-interaction { min-height: 0; }
  .v1-answer-grid { min-height: 286px; grid-template-columns: 1fr; grid-template-rows: repeat(4,minmax(64px,auto)); }
  .v1-answer { height: auto; min-height: 64px; }
  .v1-followup { min-height: 205px; }
  .v1-return-wrap { width: 100%; }
  .v1-return { width: 100%; }
  .initial-corridor-view { min-height: calc(100vh - 74px); padding: 25px 12px 0; }
  .initial-corridor-copy { text-align: left; }
  .corridor-completion-label { margin-left: 0; }
  .initial-corridor-copy h1 { font-size: 39px; }
  .university-corridor { margin-inline: 0; }
  .synthesis-view { display: block; min-height: calc(100vh - 74px); padding: 12px; }
  .synthesis-story { min-height: 0; padding-top: 390px; border-radius: 18px; background: linear-gradient(160deg,#14285d,#0b173a); }
  .synthesis-story > img { height: 390px; bottom: auto; object-position: 36% center; }
  .synthesis-story-shade { height: 390px; bottom: auto; background: linear-gradient(180deg,rgba(7,20,52,.58),transparent 55%,rgba(7,20,52,.5)); }
  .synthesis-story-heading { position: absolute; inset: 0 0 auto; padding: 24px 21px; }
  .synthesis-story-heading h1 { font-size: 42px; }
  .synthesis-story-heading p { max-width: 300px; font-size: 12px; }
  .synthesis-pathway { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 8px; position: relative; inset: auto; margin: 12px; padding: 20px 10px; }
  .synthesis-pathway::before { display: none; }
  .synthesis-path-stage::after { display: none; }
  .synthesis-path-target { grid-column: 1 / -1; position: static; flex-wrap: wrap; margin: -5px 2px 2px; }
  .synthesis-path-target > div { width: 100%; justify-content: flex-start; margin-left: 0; }
  .synthesis-path-stage > strong { min-height: 31px; }
  .synthesis-workspace { min-height: 0; margin-top: 12px; padding: 22px 17px; border-radius: 18px; }
  .codesign-progress { overflow-x: auto; padding-bottom: 3px; }
  .journey-synthesis-heading h2 { font-size: 27px; }
  .synthesis-boundary { grid-template-columns: 28px 1fr; }
  .synthesis-role-question p { font-size: 15px; }
  .synthesis-transition-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .synthesis-transition { height: 88px; }
  .synthesis-control-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .synthesis-choice-block > header { flex-wrap: wrap; }
  .synthesis-choice-block header small { width: 100%; margin: 0 0 0 35px; }
  .synthesis-custom-slot label { grid-template-columns: 1fr; gap: 4px; padding: 6px 9px; }
  .synthesis-actions { margin-top: 6px; }
  .synthesis-continue { width: 100%; min-width: 0; }
  .endpoint-grid { grid-template-columns: 1fr; }
  .endpoint-option { min-height: 92px; }
  .endpoint-other-slot { height: 82px; }
  .endpoint-other-slot label { grid-template-columns: 1fr; gap: 4px; padding: 7px 9px; }
  .checkpoint-field { grid-template-columns: 1fr; }
  .codesign-skip { min-height: 38px; }
  .hypothesis-summary-grid { grid-template-columns: 1fr; }
  .hypothesis-summary-detail { flex-direction: row; align-items: flex-start; gap: 10px; padding: 12px 0; }
  .hypothesis-summary-detail + .hypothesis-summary-detail { padding: 15px 0; border-top: 1px solid #dce5f5; border-left: 0; }
  .hypothesis-summary-detail:last-child { padding-bottom: 0; }
  .hypothesis-summary-value { font-size: 18px; }
  .hypothesis-sentence p { font-size: 18px; }
  .summary-actions { flex-direction: column-reverse; align-items: stretch; }
  .summary-actions .synthesis-continue { min-width: 0; }
  .codesign-refine { text-align: center; }
  .v5-view { min-height: calc(100vh - 74px); padding: 20px 12px 35px; }
  .v5-progress { justify-content: flex-start; overflow-x: auto; padding: 2px 2px 5px; }
  .v5-layout { row-gap: 8px; margin-top: 18px; }
  .v5-intro { min-height: 195px; margin: 0 0 8px; text-align: left; }
  .v5-intro h1 { font-size: 35px; }
  .v5-intro p { font-size: 13px; }
  .v5-start { width: 100%; }
  .v5-stage-label { margin-left: 0; }
  .v5-video-frame { border-radius: 14px; }
  .v5-post-space { min-height: 555px; }
  .v5-post { padding-top: 22px; }
  .v5-post > header { text-align: left; }
  .v5-post > header h2 { font-size: 31px; }
  .v5-hypothesis { padding: 15px; }
  .v5-hypothesis dl { grid-template-columns: 1fr; }
  .v5-hypothesis dl > div { padding: 11px 0; border-left: 0; border-top: 1px solid #dfe7f2; }
  .v5-hypothesis dl > div:first-child { padding-top: 2px; border-top: 0; }
  .v5-next { grid-template-columns: 1fr; gap: 12px; }
  .v5-next .btn { width: 100%; min-width: 0; }
}

@media (max-width: 420px) {
  .cabinet-role-card { height: 218px; }
  .cabinet-check { width: 25px; height: 25px; top: 8px; right: 8px; }
}

.audience-setup-page { min-height: 100vh; display: grid; place-items: center; padding: 32px; background: radial-gradient(circle at 12% 18%, rgba(10,69,255,.13), transparent 30%), radial-gradient(circle at 90% 80%, rgba(255,75,18,.1), transparent 28%), linear-gradient(145deg,#f8faff,#fff); }
.audience-backdrop { position: fixed; inset: 0; z-index: 90; background: rgba(7,10,29,.35); backdrop-filter: blur(7px); animation: fade .2s both; }
.audience-modal { position: fixed; inset: 0; z-index: 91; display: grid; place-items: center; padding: 25px; pointer-events: none; }
.audience-modal .audience-setup-card { pointer-events: auto; }
.audience-setup-card { width: min(1120px, 100%); padding: clamp(22px,3vw,38px); text-align: center; background: rgba(255,255,255,.96); box-shadow: 0 28px 90px rgba(18,34,83,.2); animation: viewIn .35s cubic-bezier(.2,.8,.2,1) both; }
.audience-modal .visitor-onboarding { max-height: calc(100vh - 50px); overflow: auto; }
.audience-logo { width: 160px; height: 62px; margin: 0 auto 18px; }
.audience-setup-card .eyebrow { justify-content: center; }
.audience-setup-card h1 { margin: 12px 0 8px; font: 800 clamp(34px,4vw,52px)/1.05 var(--font-display); letter-spacing: -.045em; }
.audience-help { max-width: 680px; margin: 0 auto; color: #606b92; font-size: 15px; line-height: 1.45; }
.visitor-fields { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; max-width: 920px; margin: 22px auto 0; text-align: left; }
.visitor-field { display: grid; gap: 6px; color: #46527e; font-size: 11px; font-weight: 800; }
.visitor-field input { width: 100%; min-height: 46px; padding: 10px 12px; color: #132052; border: 1px solid #d8dfef; border-radius: 11px; background: #fbfcff; }
.role-choice { max-width: 1020px; margin: 22px auto 0; padding: 0; border: 0; }
.role-choice legend { width: 100%; color: #1d2b65; font: 800 18px/1.25 var(--font-display); text-align: center; }
.audience-options { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-top: 13px; }
.audience-option { min-height: 74px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 13px; text-align: left; border: 1px solid #dce2f1; border-radius: 14px; background: #fbfcff; color: #2b376c; font-size: 13px; font-weight: 700; line-height: 1.25; cursor: pointer; transition: .2s; }
.audience-option:hover { transform: translateY(-3px); border-color: #9eb1eb; box-shadow: 0 12px 25px rgba(20,48,119,.1); }
.audience-option.selected { color: #1739bc; border-color: var(--blue); background: linear-gradient(145deg,#eef3ff,#f5efff); box-shadow: 0 0 0 3px rgba(10,69,255,.09); }
.audience-option-mark { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid #cbd4eb; border-radius: 50%; background: white; color: white; font-size: 13px; }
.audience-option.selected .audience-option-mark { border-color: var(--blue); background: var(--blue); }
.audience-question { min-height: 0; max-height: 0; opacity: 0; overflow: hidden; max-width: 760px; margin: 0 auto; transition: .25s; }
.audience-question.visible { max-height: 130px; opacity: 1; margin-top: 20px; padding: 14px 18px; border-radius: 13px; background: linear-gradient(100deg,#eef3ff,#f4efff); }
.audience-question span { display: block; margin-bottom: 4px; color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.audience-question strong { color: #27336d; font: 700 15px/1.35 var(--font-display); }
.profile-privacy { max-width: 740px; margin: 11px auto 0; color: #7a83a3; font-size: 10px; line-height: 1.4; }
.audience-actions { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }
.audience-actions .btn { min-width: 150px; }
.audience-actions .btn:disabled { opacity: .42; cursor: not-allowed; transform: none; box-shadow: none; }
.lens-editor-intro { padding: 14px; margin-bottom: 14px; border-radius: 13px; background: linear-gradient(105deg,#eef3ff,#f7efff); }
.lens-editor-intro p { margin: 8px 0 0; color: #59648e; font-size: 12px; line-height: 1.45; }
.lens-editor-selectors { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lens-editor-selectors .field { margin-bottom: 0; }
.audience-frame-fields textarea { min-height: 100px; }
.evidence-picker > p { margin: -2px 0 12px; color: #687294; font-size: 11px; line-height: 1.4; }
.evidence-options { display: grid; gap: 6px; max-height: 330px; overflow: auto; padding-right: 3px; }
.evidence-option { display: grid; grid-template-columns: 18px 1fr; gap: 9px; align-items: center; padding: 9px; border: 1px solid #e0e5f0; border-radius: 9px; background: #fbfcff; cursor: pointer; }
.evidence-option:has(input:checked) { border-color: #9bb0ef; background: #eef3ff; }
.evidence-option input { width: 16px; height: 16px; accent-color: var(--blue); }
.evidence-option span { display: flex; justify-content: space-between; gap: 8px; color: #26336b; font-size: 11px; }
.evidence-option small { color: #6c7699; font-weight: 700; text-align: right; }
.editor-note { margin: -2px 0 12px; color: #687294; font-size: 11px; line-height: 1.4; }

@media (max-width: 1050px) {
  .top-progress { display: none; }
  .topbar { justify-content: space-between; }
  .hallway-layout { grid-template-columns: 1fr; }
  .student-card { max-width: 520px; margin: 0 auto; }
  .doors { overflow-x: auto; grid-template-columns: repeat(5, 180px); padding: 8px 5px 20px; justify-content: start; }
  .door-frame, .door-button.leadership .door-frame { height: 335px; }
  .comparison, .lead-layout, .dashboard { grid-template-columns: 1fr; }
  .diagnostic-primary { grid-template-columns: 1fr 1fr; }
  .diagnostic-primary .gain-card { grid-column: 1 / -1; }
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .journey-map { grid-template-columns: repeat(var(--journey-columns,9), minmax(80px,1fr)); overflow-x: auto; padding-bottom: 10px; }
  .events-rail { overflow-x: auto; grid-template-columns: repeat(6, 180px); }
  .transition-hallway { grid-template-columns: 155px minmax(0,1fr) 155px; gap: 15px; }
  .transition-door { min-height: 280px; padding: 12px; }
  .continuity-domain-grid { grid-template-columns: 1fr 1fr; }
  .continuity-role-choice > div { grid-template-columns: repeat(2,1fr); }
  .continuity-result-grid, .continuity-result-grid.lower { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .topbar { height: 72px; padding: 8px 15px; }
  .brand .logo-asset { width: 132px; height: 53px; }
  .audience-chip { min-width: 0; max-width: 145px; }
  .view { min-height: calc(100vh - 72px); padding: 25px 15px 35px; }
  .display { font-size: 39px; }
  .hallway-head { text-align: left; }
  .hallway-head .eyebrow { justify-content: flex-start; }
  .student-card { display: none; }
  .doors { margin-inline: -15px; padding-inline: 15px; }
  .dept-header { grid-template-columns: 52px 1fr; gap: 12px; }
  .dept-emblem { width: 52px; height: 52px; padding: 12px; }
  .question { font-size: 31px; }
  .timeline { overflow-x: auto; }
  .timeline-track { min-width: 700px; }
  .comparison { grid-template-columns: 1fr; }
  .diagnostic-primary { grid-template-columns: 1fr; }
  .diagnostic-primary .gain-card { grid-column: auto; }
  .diagnostic-contrast { min-height: 190px; }
  .insight-bar, .journey-bottom { align-items: stretch; flex-direction: column; }
  .insight-side { display: none; }
  .dept-actions { width: 100%; }
  .dept-actions .btn { flex: 1; }
  .journey-head { text-align: left; }
  .journey-head .eyebrow { justify-content: flex-start; }
  .journey-map { margin-inline: -15px; padding-inline: 15px; }
  .transition-hallway { grid-template-columns: 1fr; }
  .transition-door { min-height: 150px; }
  .between-door-space { width: 100%; }
  .transition-proof .proof-sequence { grid-template-columns: 1fr 1fr; }
  .transition-actions { align-items: stretch; flex-direction: column; }
  .coverage-row { grid-template-columns: 1fr 64px 64px; }
  .responsibility-metrics, .closure-statuses, .recovery-metrics { grid-template-columns: 1fr; }
  .integrated-path { min-width: 680px; }
  .integrated-card { overflow-x: auto; }
  .cohort-head { align-items: flex-start; flex-direction: column; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .baseline-body { grid-template-columns: 1fr; }
  .baseline-context-sequence { grid-template-columns: 1fr; }
  .baseline-context-arrow { transform: rotate(90deg); }
  .continuity-identity-fields, .continuity-domain-grid, .continuity-diagnostic-layout { grid-template-columns: 1fr; }
  .continuity-role-choice > div { grid-template-columns: 1fr; }
  .continuity-context { align-items: flex-start; flex-wrap: wrap; }
  .continuity-context-actions { width: 100%; margin-left: 0; }
  .continuity-question-panel h1 { font-size: 28px; }
  .continuity-result-head > div, .continuity-intro > div { align-items: flex-start; }
  .continuity-secondary { grid-template-columns: 1fr; }
  .continuity-result > .live-continuity-map .continuity-map-track { grid-template-columns: repeat(6,155px); }
  .continuity-metrics > div { grid-template-columns: 1fr; }
  .continuity-cta { grid-template-columns: auto 1fr; }
  .continuity-cta > div:last-child { grid-column: 1 / -1; flex-direction: column-reverse; }
  .continuity-result-actions { flex-wrap: wrap; }
  .journey-view .role-evidence-panel.journey .role-evidence-grid,
  .integrated-card .role-evidence-panel.leadership .role-evidence-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .audience-setup-page, .audience-modal { padding: 14px; }
  .welcome-view { padding: 14px; }
  .welcome-card { min-height: calc(100vh - 28px); padding: 34px 22px; border-radius: 18px; }
  .welcome-logo { width: 154px; height: 62px; margin-bottom: 34px; }
  .welcome-copy h1 { font-size: clamp(42px,12vw,58px); }
  .welcome-copy p { margin-top: 17px; font-size: 17px; }
  .welcome-flow { margin-top: 34px; }
  .audience-setup-card { max-height: calc(100vh - 28px); overflow: auto; }
  .visitor-fields { grid-template-columns: 1fr; }
  .audience-options { grid-template-columns: 1fr 1fr; }
  .audience-option { min-height: 76px; }
  .process-comparison { grid-template-columns: 1fr; }
  .lens-editor-selectors { grid-template-columns: 1fr; }
}

@media (max-width: 540px) {
  .institution-badge.has-logo { width: 126px; flex-basis: 126px; }
  .institution-badge.has-logo.large { width: min(190px,45vw); height: 78px; flex-basis: min(190px,45vw); }
  .topbar { gap: 6px; }
  .brand .logo-asset { width: 86px; height: 50px; }
  .audience-chip { max-width: 110px; padding: 7px 8px; }
  .audience-chip strong { font-size: 9px; }
  .icon-button { width: 36px; height: 36px; border-radius: 10px; }
  .top-actions { gap: 4px; }
  .continuity-nav-button span { display: none; }
  .continuity-nav-button { width: 36px; padding: 0; justify-content: center; }
  .audience-options { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Curated Continuity Check V2 */
.curated-continuity-view { padding-top: 24px; background: radial-gradient(circle at 10% 8%,rgba(36,92,255,.1),transparent 29%), radial-gradient(circle at 92% 23%,rgba(106,45,209,.1),transparent 25%), linear-gradient(180deg,#fbfcff 0%,#f3f6fd 100%); }
.cc-shell { width: min(1480px,100%); margin: 0 auto; }
.cc-shell button[disabled] { opacity: .45; pointer-events: none; }
.cc-welcome { min-height: calc(100vh - 150px); display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(28px,5vw,82px); align-items: center; }
.cc-welcome-story { position: relative; padding: clamp(18px,4vw,52px); }
.cc-welcome-story::after { content: ""; position: absolute; z-index: -1; width: 78%; aspect-ratio: 1.7; left: -8%; bottom: -12%; border-radius: 50% 50% 28% 18%; opacity: .7; background: radial-gradient(circle at 75% 30%,rgba(255,151,74,.28),transparent 13%), linear-gradient(150deg,rgba(31,85,255,.12),rgba(103,42,212,.08) 55%,rgba(255,82,22,.13)); filter: blur(1px); transform: rotate(-4deg); }
.cc-welcome-story h1 { max-width: 760px; margin: 18px 0; color: #090e32; font: 800 clamp(38px,4.5vw,70px)/1.01 var(--font-display); letter-spacing: -.055em; }
.cc-welcome-story > p { max-width: 690px; color: #59668f; font-size: clamp(17px,1.7vw,23px); line-height: 1.45; }
.cc-psychology { display: flex; align-items: center; gap: 10px; margin-top: 38px; color: #31427e; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.cc-psychology i { width: 30px; height: 2px; background: linear-gradient(90deg,#1451ff,#7131d5); }
.cc-identity-card { padding: clamp(24px,3vw,42px); background: rgba(255,255,255,.93); box-shadow: 0 24px 75px rgba(35,55,120,.14); }
.cc-identity-heading { display: flex; gap: 20px; align-items: center; margin-bottom: 25px; }
.cc-identity-heading > div:last-child { min-width: 0; }
.cc-identity-heading span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.cc-identity-heading h2 { margin: 7px 0 0; color: #11183f; font: 800 clamp(26px,2.6vw,40px)/1.08 var(--font-display); letter-spacing: -.04em; }
.cc-fixed-context { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 18px 0; }
.cc-fixed-context div { min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 11px 13px; color: #26346e; border: 1px solid #dce3f3; border-radius: 13px; background: #f9faff; font-size: 12px; font-weight: 800; }
.cc-fixed-context svg { width: 20px; color: var(--purple); }
.cc-identity-card > label { display: grid; gap: 7px; margin-top: 12px; color: #4d5985; font-size: 10px; font-weight: 800; }
.cc-identity-card input { width: 100%; min-height: 51px; padding: 12px 14px; border: 1px solid #d7dfef; border-radius: 12px; background: white; color: #121a45; }
.cc-identity-card > p { color: #7b85a4; font-size: 10px; line-height: 1.45; }
.cc-identity-card > .btn { width: 100%; margin-top: 8px; }
.cc-progress { max-width: 780px; display: grid; grid-template-columns: repeat(4,1fr); margin: 0 auto 28px; }
.cc-progress > div { position: relative; display: flex; align-items: center; gap: 8px; color: #8791ae; font-size: 10px; }
.cc-progress > div::after { content: ""; position: absolute; z-index: -1; left: 33px; right: 8px; top: 15px; height: 2px; background: #d9dfec; }
.cc-progress > div:last-child::after { display: none; }
.cc-progress span { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 31px; border: 1px solid #bdc7dd; border-radius: 50%; background: #fff; font-weight: 800; }
.cc-progress .active, .cc-progress .done { color: var(--blue); }
.cc-progress .active span, .cc-progress .done span { color: white; border-color: var(--blue); background: var(--blue); box-shadow: 0 7px 20px rgba(10,69,255,.22); }
.cc-progress .done span { background: var(--purple); border-color: var(--purple); }
.cc-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.cc-page-head h1 { margin: 10px 0 4px; font: 800 clamp(31px,3.7vw,54px)/1.04 var(--font-display); letter-spacing: -.045em; }
.cc-page-head p { margin: 0; color: #5e6b94; font-size: 16px; }
.cc-context-band { min-height: 72px; display: flex; align-items: center; gap: 20px; padding: 10px 16px; margin-bottom: 25px; }
.cc-context-item { min-width: 0; display: grid; gap: 3px; padding-left: 18px; border-left: 1px solid #e0e5f2; }
.cc-context-item span { color: #8992ad; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cc-context-item strong { color: #25316a; font-size: 12px; }
.cc-setup-section { margin-top: 24px; }
.cc-section-title { display: flex; align-items: center; gap: 11px; margin: 0 0 11px; }
.cc-section-title > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--blue); background: #e7edff; font-weight: 800; }
.cc-section-title h2 { margin: 0; font: 800 20px var(--font-display); }
.cc-avatar-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.cc-avatar-choice { min-height: 146px; display: grid; grid-template-columns: 98px 1fr; gap: 13px; align-items: center; position: relative; padding: 14px; text-align: left; cursor: pointer; transition: .22s; }
.cc-avatar-choice:hover, .cc-avatar-choice.selected, .cc-scenario-choice:hover, .cc-scenario-choice.selected { transform: translateY(-3px); border-color: var(--blue); box-shadow: 0 16px 38px rgba(29,65,169,.13); }
.cc-avatar-choice > span { display: grid; gap: 5px; }
.cc-avatar-choice strong { color: #151c48; font: 800 19px var(--font-display); }
.cc-avatar-choice small { color: #677398; line-height: 1.35; }
.cc-avatar-choice > b, .cc-scenario-choice > b { width: 20px; height: 20px; position: absolute; top: 13px; right: 13px; border: 2px solid #aeb9d2; border-radius: 50%; }
.cc-avatar-choice.selected > b, .cc-scenario-choice.selected > b { border: 6px solid var(--blue); }
.cc-avatar { width: 96px; height: 96px; flex: 0 0 96px; overflow: hidden; border: 5px solid white; border-radius: 50%; background: var(--avatar-accent); box-shadow: 0 9px 25px rgba(27,45,100,.14); }
.cc-avatar svg { width: 100%; height: 100%; display: block; }
.cc-avatar.photo { background-repeat: no-repeat; background-size: var(--avatar-photo-zoom,180%); }
.cc-avatar.small { width: 68px; height: 68px; flex-basis: 68px; border-width: 4px; }
.cc-avatar.large { width: 150px; height: 150px; flex-basis: 150px; }
.cc-scenario-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.cc-scenario-choice { min-height: 178px; display: grid; grid-template-columns: 112px 1fr; gap: 16px; align-items: center; position: relative; padding: 18px; text-align: left; cursor: pointer; transition: .22s; }
.cc-scenario-choice > span:nth-child(2) { display: grid; gap: 7px; }
.cc-scenario-choice strong { color: #151c48; font: 800 20px var(--font-display); }
.cc-scenario-choice small { color: #687499; line-height: 1.38; }
.cc-scenario-art { height: 100px; display: grid; place-items: center; border-radius: 20px; color: var(--purple); background: linear-gradient(145deg,#eaf0ff,#f0e9ff); }
.cc-scenario-art svg { width: 93px; fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.cc-scenario-choice:nth-child(3) .cc-scenario-art { color: var(--orange); background: linear-gradient(145deg,#fff0e8,#eee9ff); }
.cc-preview { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; margin-top: 18px; padding: 16px 20px; background: linear-gradient(100deg,#eef3ff,#f7f4ff 70%,#fff4ed); }
.cc-preview > div:nth-child(2) { display: grid; gap: 4px; }
.cc-preview > div:nth-child(2) > span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.cc-preview > div:nth-child(2) strong { font: 800 17px var(--font-display); }
.cc-preview > div:nth-child(2) small { color: #687397; }
.cc-story { display: grid; grid-template-columns: 240px 1fr; gap: 40px; align-items: center; max-width: 1120px; margin: 35px auto 18px; padding: clamp(28px,4vw,55px); }
.cc-story-person { display: grid; justify-items: center; gap: 12px; color: #657198; font-weight: 700; }
.cc-story-copy h1 { margin: 13px 0 24px; max-width: 820px; font: 800 clamp(31px,3.6vw,52px)/1.06 var(--font-display); letter-spacing: -.045em; }
.cc-story-copy p { max-width: 770px; color: #48557f; font-size: 17px; line-height: 1.5; }
.cc-story-copy > strong { display: block; margin-top: 22px; color: #25106d; font: 800 21px var(--font-display); }
.cc-story-actions { display: flex; gap: 9px; justify-content: flex-end; margin-top: 28px; }
.cc-story-path { max-width: 1120px; margin: 0 auto; padding: 22px; }
.cc-diagnostic-meta { display: flex; align-items: center; justify-content: center; gap: 24px; margin: 0 0 18px; color: #68759b; font-size: 11px; font-weight: 800; }
.cc-diagnostic-meta span, .cc-diagnostic-meta b { padding: 7px 13px; border-right: 1px solid #d8deeb; }
.cc-diagnostic-meta b { color: var(--purple); }
.cc-diagnostic-grid { display: grid; grid-template-columns: minmax(420px,.82fr) minmax(560px,1.18fr); gap: 16px; align-items: start; }
.cc-question-card { padding: clamp(22px,3vw,36px); }
.cc-question-person { display: flex; align-items: center; gap: 12px; }
.cc-question-person > div:last-child { display: grid; gap: 3px; }
.cc-question-person strong { font: 800 18px var(--font-display); }
.cc-question-person small { color: #75809f; }
.cc-question-bars { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin: 20px 0; }
.cc-question-bars span { height: 5px; border-radius: 99px; background: #dce2ef; }
.cc-question-bars .answered { background: var(--purple); }
.cc-question-bars .current { background: var(--blue); box-shadow: 0 0 0 3px rgba(10,69,255,.1); }
.cc-reflection { margin: 0 0 17px; padding: 11px 13px; color: #36457d; border-left: 4px solid var(--purple); border-radius: 0 10px 10px 0; background: #f1effc; line-height: 1.4; }
.cc-question-concept { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.cc-question-card h1 { margin: 11px 0 22px; color: #111740; font: 800 clamp(27px,3vw,42px)/1.08 var(--font-display); letter-spacing: -.04em; }
.cc-answer-grid { display: grid; gap: 8px; }
.cc-answer { min-height: 50px; display: flex; align-items: center; gap: 11px; padding: 10px 13px; border: 1px solid #d7dfef; border-radius: 12px; background: white; text-align: left; cursor: pointer; transition: .18s; }
.cc-answer:hover, .cc-answer.selected { transform: translateX(3px); color: #1439b4; border-color: var(--blue); background: #f4f7ff; }
.cc-answer i, .cc-design-option > div i, .cc-proof-choice button i { width: 20px; height: 20px; flex: 0 0 20px; border: 2px solid #aeb8cf; border-radius: 50%; }
.cc-answer.selected i, .cc-design-option.selected > div i, .cc-proof-choice button.selected i { border: 6px solid var(--blue); }
.cc-question-actions { display: flex; justify-content: space-between; gap: 10px; margin-top: 21px; }
.cc-map-panel { position: sticky; top: 110px; padding: clamp(24px,3vw,40px); }
.cc-map-panel > div:first-child { display: grid; gap: 4px; }
.cc-map-panel > div:first-child > span { font: 800 28px var(--font-display); }
.cc-map-panel > div:first-child > small { color: #6e789b; }
.cc-pathway { display: flex; align-items: flex-start; margin: 35px 0 24px; }
.cc-path-node { flex: 1; min-width: 0; display: grid; justify-items: center; gap: 10px; position: relative; text-align: center; color: #8792ad; }
.cc-path-node > span { width: 54px; height: 54px; display: grid; place-items: center; border: 7px solid #edf0f7; border-radius: 50%; background: #aab4c7; color: white; font-weight: 800; box-shadow: 0 0 0 1px #bec7d9; transition: .25s; }
.cc-path-node > strong { max-width: 130px; color: #5f6b8f; font-size: 11px; line-height: 1.2; }
.cc-path-node.clear > span { background: var(--blue); box-shadow: 0 0 0 1px #5e83ff,0 8px 22px rgba(10,69,255,.2); }
.cc-path-node.partial > span { background: var(--orange); box-shadow: 0 0 0 1px #ff8b61,0 8px 22px rgba(255,75,18,.18); }
.cc-path-node.unclear > span { background: #7d89a4; }
.cc-path-node.current > span { transform: scale(1.12); box-shadow: 0 0 0 6px rgba(255,75,18,.12),0 8px 22px rgba(255,75,18,.2); }
.cc-path-link { flex: 0 0 34px; height: 3px; margin: 26px -10px 0; background: #ccd4e5; }
.cc-path-node.clear + .cc-path-link { background: var(--blue); }
.cc-path-node.partial + .cc-path-link { background: var(--orange); }
.cc-map-legend { display: flex; gap: 18px; padding: 13px; border-radius: 12px; background: #f6f8fc; color: #606c90; font-size: 10px; }
.cc-map-legend span::before { content: ""; width: 10px; height: 10px; display: inline-block; margin-right: 6px; border-radius: 50%; background: #8894ab; }
.cc-map-legend .clear::before { background: var(--blue); }
.cc-map-legend .partial::before { background: var(--orange); }
.cc-map-context { display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: center; margin-top: 22px; padding: 16px; border-radius: 16px; background: linear-gradient(120deg,#eef3ff,#f5eeff); }
.cc-map-context > svg { width: 110px; fill: none; stroke: var(--purple); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.cc-map-context strong { font: 800 18px var(--font-display); }
.cc-map-context p { margin: 5px 0 0; color: #687397; font-size: 11px; line-height: 1.4; }
.cc-result-hero { display: grid; grid-template-columns: 290px 1fr; gap: 25px 34px; padding: clamp(25px,3vw,42px); border-top: 5px solid var(--orange); }
.cc-result-person { display: flex; align-items: center; gap: 12px; }
.cc-result-person > div:last-child { display: grid; gap: 3px; }
.cc-result-person span, .cc-insight > span, .cc-visible-grid article > span, .cc-implication > span, .cc-institution-question > span, .cc-section-head > span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.cc-result-person h1 { margin: 2px 0; font: 800 24px var(--font-display); }
.cc-result-person p { margin: 0; color: var(--purple); font-weight: 800; }
.cc-insight { padding-left: 26px; border-left: 1px solid #e1e6f1; }
.cc-insight h2 { margin: 8px 0; color: #171044; font: 800 clamp(27px,3vw,44px)/1.08 var(--font-display); letter-spacing: -.04em; }
.cc-insight p { margin: 0; color: #58658c; font-size: 15px; line-height: 1.45; }
.cc-result-hero .cc-pathway, .cc-result-hero .cc-drop-note { grid-column: 1 / -1; }
.cc-drop-note { width: fit-content; display: flex; align-items: center; gap: 7px; margin: 0 auto; padding: 8px 13px; color: #a42e12; border-radius: 99px; background: #fff0e9; font-size: 11px; }
.cc-drop-note > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--orange); font-weight: 800; }
.cc-result-columns { display: grid; grid-template-columns: minmax(360px,.82fr) minmax(520px,1.18fr); gap: 16px; align-items: start; margin-top: 16px; }
.cc-current-state { display: grid; gap: 14px; }
.cc-visible-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cc-visible-grid article, .cc-implication, .cc-institution-question { padding: 20px; }
.cc-visible-grid article.visible { border-top: 4px solid #18a479; }
.cc-visible-grid article.weak { border-top: 4px solid var(--orange); }
.cc-visible-grid article p { color: #43517e; font-size: 12px; line-height: 1.45; }
.cc-visible-grid article.visible p { color: #24775e; }
.cc-visible-grid article.weak p { color: #945038; }
.cc-implication { border-left: 4px solid var(--purple); }
.cc-implication p { margin: 8px 0 0; color: #344174; font-weight: 700; line-height: 1.45; }
.cc-institution-question { background: linear-gradient(130deg,#f1ebff,#fff 60%,#fff0e8); }
.cc-institution-question strong { display: block; margin-top: 10px; color: #25156f; font: 800 19px/1.35 var(--font-display); }
.cc-section-head h2 { margin: 6px 0; font: 800 clamp(23px,2.4vw,34px)/1.1 var(--font-display); letter-spacing: -.035em; }
.cc-section-head p { margin: 4px 0 0; color: #707b9c; font-size: 11px; }
.cc-guidance > div:last-child { display: grid; gap: 8px; margin-top: 10px; }
.cc-guidance article { display: grid; grid-template-columns: 30px 1fr; gap: 5px 10px; padding: 14px; }
.cc-guidance article > b { width: 28px; height: 28px; display: grid; place-items: center; grid-row: 1 / span 2; border-radius: 50%; color: white; background: var(--purple); }
.cc-guidance article > strong { color: #27346c; }
.cc-guidance article > p { margin: 0; color: #687397; font-size: 11px; line-height: 1.4; }
.cc-design { position: sticky; top: 110px; padding: 24px; }
.cc-design-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 16px; }
.cc-design-option { min-height: 190px; display: flex; flex-direction: column; align-items: stretch; padding: 15px; text-align: left; border: 1px solid #dce2ef; border-radius: 14px; background: white; cursor: pointer; transition: .2s; }
.cc-design-option:hover, .cc-design-option.selected { border-color: var(--blue); background: #f7f9ff; box-shadow: 0 10px 28px rgba(22,62,170,.11); }
.cc-design-option > div:first-child { display: flex; align-items: flex-start; gap: 8px; }
.cc-design-option > div:first-child strong { color: #192050; font: 800 15px/1.2 var(--font-display); }
.cc-design-option > p { min-height: 45px; margin: 9px 0; color: #667295; font-size: 10px; line-height: 1.4; }
.cc-design-option > small { display: block; margin-top: 5px; color: #5e6c95; font-size: 9px; line-height: 1.35; }
.cc-mini-path { min-height: 49px; display: flex; align-items: center; justify-content: center; margin: 5px 0; padding: 8px; border-radius: 10px; background: linear-gradient(100deg,#edf2ff,#f3ecff); }
.cc-mini-path span { max-width: 82px; color: #38467d; font-size: 8px; font-weight: 800; text-align: center; }
.cc-mini-path i { width: 18px; height: 2px; margin: 0 5px; background: linear-gradient(90deg,var(--blue),var(--purple)); }
.cc-custom-rule { display: grid; gap: 6px; margin-top: 12px; color: #4e5c88; font-size: 10px; font-weight: 800; }
.cc-custom-rule textarea { min-height: 75px; padding: 10px; border: 1px solid #d7dfef; border-radius: 11px; resize: vertical; }
.cc-proof-choice { display: grid; gap: 7px; margin: 16px 0 0; padding: 14px; border: 0; border-radius: 13px; background: #f4f6fb; }
.cc-proof-choice legend { padding: 0 5px; color: #202d65; font-weight: 800; }
.cc-proof-choice button { min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 7px 9px; text-align: left; border: 1px solid transparent; border-radius: 9px; background: white; color: #526089; cursor: pointer; font-size: 10px; }
.cc-proof-choice button.selected { color: #173db8; border-color: var(--blue); }
.cc-design-prompt { margin: 14px 0 0; padding: 11px; color: #6f7999; border-radius: 10px; background: #f5f7fb; font-size: 11px; }
.cc-target, .cc-measurement, .cc-baseline { margin-top: 16px; padding: clamp(22px,3vw,34px); }
.cc-selected-rule { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.cc-selected-rule strong { color: #39208c; }
.cc-selected-rule span { padding: 5px 9px; border-radius: 99px; color: #984020; background: #fff0e9; font-size: 9px; font-weight: 800; }
.cc-selected-rule small { width: 100%; color: #677397; }
.cc-pathway.target .cc-path-node > span { background: linear-gradient(145deg,var(--blue),var(--purple)); }
.cc-pathway.target .cc-path-link { background: linear-gradient(90deg,var(--blue),var(--purple)); }
.cc-evidence-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 18px 0 24px; }
.cc-evidence-list span { padding: 11px; color: #334175; border-radius: 10px; background: #f4f7ff; font-size: 11px; font-weight: 700; }
.cc-measurement h3 { color: #2f1b81; font: 800 19px var(--font-display); }
.cc-metric-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
.cc-metric-list article { padding: 14px; border: 1px solid #dce3f2; border-top: 4px solid var(--purple); border-radius: 12px; background: white; }
.cc-metric-list strong { color: #322084; font: 800 15px var(--font-display); }
.cc-metric-list p { margin: 7px 0 0; color: #697597; font-size: 10px; line-height: 1.4; }
.cc-metric-note { margin: 13px 0 0; color: #777f9d; font-size: 10px; }
.cc-baseline { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; background: linear-gradient(115deg,#edf3ff,#f3edff 62%,#fff1e8); }
.cc-baseline h2 { margin: 0; color: #231267; font: 800 clamp(22px,2.5vw,34px)/1.12 var(--font-display); }
.cc-baseline p { margin: 7px 0 0; color: #5d698f; line-height: 1.4; }
.cc-baseline > div:last-child { display: grid; gap: 8px; }
.cc-result-actions { display: flex; justify-content: center; gap: 12px; margin-top: 13px; }

@media (max-width: 1180px) {
  .cc-welcome { grid-template-columns: 1fr 1fr; gap: 24px; }
  .cc-avatar-choice { grid-template-columns: 78px 1fr; }
  .cc-avatar-choice .cc-avatar { width: 76px; height: 76px; }
  .cc-scenario-choice { grid-template-columns: 90px 1fr; }
  .cc-diagnostic-grid, .cc-result-columns { grid-template-columns: 1fr; }
  .cc-map-panel, .cc-design { position: static; }
  .cc-result-columns { display: flex; flex-direction: column; }
  .cc-current-state, .cc-design { width: 100%; }
}
@media (max-width: 820px) {
  .curated-continuity-view { padding-inline: 16px; }
  .cc-welcome { grid-template-columns: 1fr; }
  .cc-welcome-story { padding: 8px; }
  .cc-psychology { flex-wrap: wrap; }
  .cc-progress b { display: none; }
  .cc-progress > div { justify-content: center; }
  .cc-progress > div::after { left: 55%; right: -45%; }
  .cc-context-band { flex-wrap: wrap; }
  .cc-context-band .institution-badge { margin-right: auto; }
  .cc-context-item { flex: 1 1 180px; }
  .cc-avatar-grid { grid-template-columns: 1fr 1fr; }
  .cc-scenario-grid { grid-template-columns: 1fr; }
  .cc-story { grid-template-columns: 1fr; text-align: left; }
  .cc-story-person { justify-content: start; grid-template-columns: auto 1fr; align-items: center; }
  .cc-diagnostic-grid { display: flex; flex-direction: column; }
  .cc-question-card, .cc-map-panel { width: 100%; }
  .cc-result-hero { grid-template-columns: 1fr; }
  .cc-insight { padding: 18px 0 0; border-top: 1px solid #e1e6f1; border-left: 0; }
  .cc-result-hero .cc-pathway, .cc-result-hero .cc-drop-note { grid-column: auto; }
  .cc-visible-grid, .cc-design-options { grid-template-columns: 1fr; }
  .cc-evidence-list { grid-template-columns: 1fr 1fr; }
  .cc-metric-list { grid-template-columns: 1fr 1fr; }
  .cc-baseline { grid-template-columns: auto 1fr; }
  .cc-baseline > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .cc-page-head { flex-direction: column-reverse; }
  .cc-avatar-grid { grid-template-columns: 1fr; }
  .cc-avatar-choice { min-height: 112px; }
  .cc-preview { grid-template-columns: auto 1fr; }
  .cc-preview .btn { grid-column: 1 / -1; }
  .cc-fixed-context { grid-template-columns: 1fr; }
  .cc-diagnostic-meta { gap: 3px; justify-content: flex-start; overflow-x: auto; }
  .cc-pathway { min-width: 620px; }
  .cc-story-path, .cc-map-panel, .cc-result-hero, .cc-target { overflow-x: auto; }
  .cc-map-panel > div:first-child, .cc-map-panel .cc-map-legend, .cc-map-panel .cc-map-context { min-width: 0; }
  .cc-map-legend { flex-direction: column; }
  .cc-question-card h1 { font-size: 26px; }
  .cc-question-actions { flex-direction: column-reverse; }
  .cc-question-actions .btn { width: 100%; }
  .cc-evidence-list, .cc-metric-list { grid-template-columns: 1fr; }
  .cc-baseline { grid-template-columns: 1fr; }
}

/* Simplified Student Affairs continuity workspace */
html { scrollbar-gutter: stable; }
.simple-continuity-view { padding-top: 24px; background: radial-gradient(circle at 12% 5%,rgba(10,69,255,.08),transparent 28%), radial-gradient(circle at 92% 16%,rgba(93,32,199,.07),transparent 24%), #f5f7fc; }
.simple-continuity-view, .simple-continuity-view * { overflow-anchor: none; }
.sc-shell { width: min(1440px,100%); margin: 0 auto; }
.sc-context { min-height: 68px; display: flex; align-items: center; gap: 13px; margin-bottom: 22px; padding: 9px 13px; background: rgba(255,255,255,.9); }
.sc-context > div:nth-child(2) { min-width: 0; display: grid; grid-template-columns: auto auto; gap: 2px 8px; align-items: center; }
.sc-context > div:nth-child(2) span { grid-column: 1 / -1; color: #23316a; font-weight: 800; }
.sc-context > div:nth-child(2) strong { color: #6d7899; font-size: 12px; }
.sc-context > div:nth-child(2) small { color: var(--blue); font-size: 11px; font-weight: 800; }
.sc-context > b { margin-left: auto; padding: 7px 11px; color: #3b2896; border-radius: 99px; background: #eeeaff; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.sc-identity { width: min(620px,100%); display: grid; gap: 13px; margin: 70px auto 0; padding: 30px; }
.sc-identity > div:first-child { display: flex; align-items: center; gap: 18px; }
.sc-identity > div:first-child span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.sc-identity h1 { margin: 5px 0 2px; font: 800 28px var(--font-display); }
.sc-identity p { margin: 0; color: #6a7596; }
.sc-identity label { display: grid; gap: 6px; color: #53608a; font-size: 10px; font-weight: 800; }
.sc-identity input { min-height: 48px; padding: 11px 13px; border: 1px solid #d8dfef; border-radius: 11px; background: white; }
.sc-identity .btn { margin-top: 5px; }
.sc-workspace-head { display: flex; justify-content: space-between; gap: 20px; margin: 22px 0; }
.sc-workspace-head > div > span, .sc-workspace-head.journey > div > div > span { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sc-workspace-head h1, .sc-workspace-head h2 { margin: 6px 0 3px; color: #11183f; font: 800 clamp(28px,3.5vw,46px)/1.06 var(--font-display); letter-spacing: -.04em; }
.sc-workspace-head p { margin: 0; color: #697596; }
.sc-workspace-head.journey > div { display: flex; align-items: center; gap: 14px; }
.sc-workspace-head.journey h1, .sc-workspace-head.journey h2 { font-size: clamp(25px,3vw,39px); }
.sc-personalized-header { display: grid; grid-template-columns: auto minmax(0,1fr) minmax(250px,auto); gap: 18px; align-items: center; margin-bottom: 18px; padding: 20px 24px; border-color: #dce4f4; background: linear-gradient(112deg,rgba(255,255,255,.98),rgba(246,248,255,.98)); }
.sc-header-icon { width: 48px; height: 48px; display: grid; place-items: center; padding: 12px; color: var(--blue); border-radius: 14px; background: #eaf0ff; }
.sc-header-icon svg { width: 100%; height: 100%; }
.sc-personalized-header h1 { margin: 0; color: #151d4d; font: 800 clamp(22px,2.3vw,34px)/1.08 var(--font-display); letter-spacing: -.035em; }
.sc-personalized-header p { margin: 5px 0 0; color: #687596; }
.sc-personalized-header aside { display: grid; grid-template-columns: auto auto; gap: 2px 11px; align-items: center; padding-left: 22px; border-left: 1px solid #dbe2f0; }
.sc-personalized-header aside span { color: #8490aa; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sc-personalized-header aside strong { color: #27366f; font-size: 13px; }
.sc-personalized-header aside small { grid-column: 2; color: var(--blue); font-size: 11px; font-weight: 700; }
.sc-personalized-header aside i { grid-column: 1 / -1; height: 1px; margin: 4px 0; background: #e4e8f2; }
.sc-question-workspace .sc-context { min-height: 56px; margin-bottom: 12px; }
.sc-question-workspace .sc-personalized-header { margin-bottom: 12px; padding-block: 14px; }
.sc-question-workspace .sc-personalized-header h1 { font-size: clamp(21px,2vw,30px); }
.sc-avatar-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.sc-avatar-card { min-height: 112px; display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: center; position: relative; padding: 14px; text-align: left; cursor: pointer; transition: .2s; }
.sc-avatar-card .cc-avatar { width: 70px; height: 70px; }
.sc-avatar-card:hover, .sc-avatar-card.selected { transform: translateY(-3px); border-color: var(--blue); box-shadow: 0 17px 38px rgba(24,57,150,.13); }
.sc-avatar-card > span { display: grid; gap: 5px; }
.sc-avatar-card strong { color: #171e4b; font: 800 20px var(--font-display); }
.sc-avatar-card small { color: #6b7697; }
.sc-avatar-card > i { width: 21px; height: 21px; position: absolute; top: 14px; right: 14px; border: 2px solid #aeb9d0; border-radius: 50%; }
.sc-avatar-card.selected > i { border: 6px solid var(--blue); }
.sc-primary-action { display: flex; justify-content: flex-end; margin-top: 20px; }
.sc-primary-action.split { justify-content: space-between; }
.sc-journey-card { padding: clamp(18px,2.5vw,30px); }
.sc-journey { overflow-x: auto; padding: 18px 4px 4px; }
.sc-journey-track { min-width: 820px; display: grid; grid-template-columns: repeat(3,minmax(150px,1fr) 54px) minmax(150px,1fr); align-items: stretch; }
.sc-journey-event { min-height: 185px; display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 18px 16px; border: 1px solid #e1e6f1; border-top: 3px solid var(--event-color); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 8px 20px rgba(30,52,108,.055); transition: opacity .16s,transform .16s,box-shadow .16s,filter .16s; }
.sc-journey-event.interactive { width: 100%; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.sc-journey-event.interactive:hover, .sc-journey-event.selected { z-index: 1; transform: translateY(-4px); border-color: var(--event-color); box-shadow: 0 13px 30px color-mix(in srgb,var(--event-color) 17%,transparent); }
.sc-journey-event.selected { box-shadow: 0 0 0 4px color-mix(in srgb,var(--event-color) 10%,transparent),0 13px 30px color-mix(in srgb,var(--event-color) 20%,transparent); }
.sc-journey-event.active { z-index: 1; transform: translateY(-4px) scale(1.018); border-color: color-mix(in srgb,var(--event-color) 38%,#e1e6f1); box-shadow: 0 13px 30px color-mix(in srgb,var(--event-color) 17%,transparent); animation: scNodeActive .2s ease both; }
.sc-journey-event.muted { opacity: .42; filter: saturate(.45); }
.sc-journey-event.attention { background: linear-gradient(155deg,#fff,#fff3ed); }
.sc-event-icon { width: 45px; height: 45px; display: grid; place-items: center; margin-bottom: 13px; padding: 10px; color: var(--event-color); border-radius: 13px; background: color-mix(in srgb,var(--event-color) 10%,white); }
.sc-event-icon svg { width: 100%; height: 100%; }
.sc-journey-event small { color: var(--event-color); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sc-journey-event strong { margin-top: 6px; color: #202b60; font: 800 16px/1.16 var(--font-display); }
.sc-journey-event em { margin: 10px 0 0; padding: 5px 8px; color: #5e6989; border-radius: 99px; background: #f1f4fa; font-size: 11px; font-style: normal; font-weight: 700; line-height: 1.2; }
.sc-journey-link { width: 54px; min-height: 100%; display: grid; place-items: center; align-content: center; position: relative; padding: 0; border: 0; background: transparent; cursor: pointer; }
.sc-journey-link[disabled] { cursor: default; }
.sc-journey-link i { width: 100%; height: 4px; position: relative; background: #cbd3e4; }
.sc-journey-link i::after { content: ""; position: absolute; top: 50%; right: -1px; width: 9px; height: 9px; border-top: 3px solid currentColor; border-right: 3px solid currentColor; color: #aab5cb; transform: translateY(-50%) rotate(45deg); }
.sc-journey-link.active i { height: 8px; background: var(--blue); box-shadow: 0 0 0 6px rgba(10,69,255,.1),0 0 22px rgba(10,69,255,.34); }
.sc-journey-link.active i::after { color: var(--blue); }
.sc-journey-link.clear i { background: var(--blue); }
.sc-journey-link.clear i::after { color: var(--blue); }
.sc-journey-link.partial i { background: var(--orange); }
.sc-journey-link.partial i::after { color: var(--orange); }
.sc-journey-link.unclear i, .sc-journey-link.unknown i { background: #7e89a3; }
.sc-journey-link.unclear i::after, .sc-journey-link.unknown i::after { color: #7e89a3; }
.sc-journey-link:not([disabled]):hover i, .sc-journey-link.selected i { height: 8px; box-shadow: 0 0 0 5px rgba(255,75,18,.1); }
.sc-journey-link.selected i { background: var(--orange); }
.sc-journey-link > span { width: 175px; position: absolute; top: 17px; left: 50%; color: #ae3718; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transform: translateX(-50%); }
.sc-closure-point { width: 100%; min-width: 820px; min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 14px; border: 1px dashed #b8c3dc; border-radius: 11px; background: #f8f9fd; color: #52618c; cursor: pointer; font-size: 10px; font-weight: 800; }
.sc-closure-point.status { cursor: default; }
.sc-closure-point i { width: 42px; height: 4px; border-radius: 99px; background: #8b96ad; }
.sc-closure-point.clear i { background: var(--blue); }
.sc-closure-point.partial i { background: var(--orange); }
.sc-closure-point.unclear i, .sc-closure-point.unknown i { background: #7e89a3; }
.sc-closure-point.selected { color: #173fc1; border-style: solid; border-color: var(--blue); background: #eef3ff; }
.sc-closure-point.selected i { background: var(--blue); }
.sc-closure-point.active { color: #173fc1; border-style: solid; border-color: var(--blue); background: #eef3ff; box-shadow: 0 0 0 5px rgba(10,69,255,.07); }
.sc-closure-point.active i { background: var(--blue); }
.sc-question-layout { display: grid; grid-template-columns: 1fr; gap: 12px; align-items: start; }
.sc-question { height: 278px; display: flex; flex-direction: column; position: relative; padding: 20px 26px; overflow: hidden; }
.sc-question-top { display: grid; grid-template-columns: auto minmax(90px,1fr) auto; gap: 14px; align-items: center; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sc-back-icon { width: 32px; height: 32px; display: grid; place-items: center; padding: 7px; color: #5f6b8d; border: 1px solid #dce2ef; border-radius: 9px; background: white; cursor: pointer; }
.sc-back-icon svg { width: 100%; height: 100%; }
.sc-local-context { min-height: 88px; display: grid; grid-template-columns: 66px 1fr; gap: 15px; align-items: center; padding: 11px 18px; border-radius: 14px; background: #f5f7fc; animation: scQuestionIn .18s ease both; }
.sc-local-context.sc-student-context { height: 90px; background: linear-gradient(110deg,#fff,#f6f8ff); overflow: hidden; }
.sc-local-context .cc-avatar { width: 62px; height: 62px; }
.sc-local-context p { margin: 0; color: #48577f; font-size: 16px; font-weight: 600; line-height: 1.42; }
.sc-question-meta { display: flex; align-items: center; gap: 12px; }
.sc-question-meta > div:last-child { display: grid; gap: 3px; }
.sc-question-meta span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.sc-question-meta small { color: #737e9d; }
.sc-question-dots { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin: 0; }
.sc-question-dots i { height: 4px; border-radius: 99px; background: #dce2ef; }
.sc-question-dots i.answered { background: var(--purple); }
.sc-question-dots i.current { background: var(--blue); }
.sc-question h1 { height: 100px; display: flex; align-items: center; margin: 6px 0 10px; color: #141b47; font: 800 clamp(25px,2.3vw,36px)/1.1 var(--font-display); letter-spacing: -.04em; animation: scQuestionIn .18s ease both; }
.sc-answers { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: auto; animation: scQuestionIn .18s ease both; }
.sc-answers button { min-height: 58px; display: flex; align-items: center; gap: 11px; padding: 10px 14px; text-align: left; border: 1px solid #d8dfed; border-radius: 12px; background: white; cursor: pointer; transition: .18s; }
.sc-answers button strong { font-size: 14px; }
.sc-answers button:hover, .sc-answers button.selected { transform: translateY(-2px); color: #173fc1; border-color: var(--blue); background: #f2f6ff; box-shadow: 0 8px 18px rgba(10,69,255,.09); }
.sc-answers button i { width: 20px; height: 20px; border: 2px solid #aeb9cf; border-radius: 50%; }
.sc-answers button.selected i { border: 6px solid var(--blue); }
.sc-question-actions { display: flex; justify-content: space-between; gap: 9px; margin-top: 20px; }
.sc-question-actions button[disabled] { opacity: .42; pointer-events: none; }
.sc-journey-side { padding: 15px 18px 13px; overflow: hidden; }
.sc-journey-side > div:first-child { display: flex; justify-content: space-between; gap: 12px; }
.sc-journey-side > div:first-child span { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.sc-journey-side > div:first-child strong { color: #303d73; font-size: 14px; }
.sc-journey.compact { padding-top: 9px; }
.sc-journey.compact .sc-journey-track { min-width: 740px; grid-template-columns: repeat(3,minmax(120px,1fr) 42px) minmax(120px,1fr); }
.sc-journey.compact .sc-journey-event { min-height: 132px; padding: 11px 12px; }
.sc-journey.compact .sc-event-icon { width: 34px; height: 34px; margin-bottom: 7px; padding: 8px; }
.sc-journey.compact .sc-journey-event strong { margin-top: 4px; font-size: 14px; }
.sc-journey.compact .sc-journey-event em { margin-top: 7px; font-size: 10px; }
.sc-journey.compact .sc-closure-point { min-height: 32px; margin-top: 8px; }
.sc-journey.compact .sc-closure-point { min-width: 740px; }
.sc-journey.compact .sc-journey-link { width: 42px; }
.sc-insight { display: grid; grid-template-columns: 115px 1fr; gap: 23px; align-items: center; padding: clamp(24px,3.5vw,44px); border-top: 5px solid var(--orange); background: linear-gradient(115deg,#fff,#fff8f4 70%,#f4efff); }
.sc-insight-avatar { display: grid; justify-items: center; gap: 8px; }
.sc-insight-avatar > span { color: var(--orange); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.sc-insight h1 { margin: 0; max-width: 960px; color: #171044; font: 800 clamp(30px,3.7vw,52px)/1.05 var(--font-display); letter-spacing: -.045em; }
.sc-insight p { margin: 11px 0 0; max-width: 950px; color: #56638b; font-size: 16px; line-height: 1.42; }
.sc-insight small { display: block; margin-top: 12px; color: #7b85a4; font-size: 9px; }
.sc-investigation { margin-top: 16px; padding: clamp(22px,3vw,34px); }
.sc-investigation-head span, .sc-measures-head > span { color: var(--purple); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.sc-investigation-head h2, .sc-measures-head h2 { margin: 7px 0 3px; color: #18204f; font: 800 clamp(25px,3vw,40px)/1.08 var(--font-display); letter-spacing: -.035em; }
.sc-investigation-head p, .sc-measures-head p { margin: 0; color: #6c7798; }
.sc-measures { margin-top: 16px; padding: clamp(22px,3vw,34px); animation: viewIn .4s both; }
.sc-measures-head p strong { color: var(--orange); }
.sc-measure-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; margin-top: 20px; }
.sc-measure-grid article { min-height: 160px; display: grid; align-content: start; padding: 19px; border: 1px solid #dce3f1; border-top: 4px solid var(--blue); border-radius: 15px; background: white; }
.sc-measure-grid article:nth-child(2) { border-top-color: var(--orange); }
.sc-measure-grid article:nth-child(3) { border-top-color: var(--purple); }
.sc-measure-grid b { color: #a5aec2; font-size: 10px; }
.sc-measure-grid strong { margin-top: 12px; color: #2b207a; font: 800 19px var(--font-display); }
.sc-measure-grid p { margin: 7px 0 0; color: #687496; line-height: 1.4; }
.sc-measures-close { margin: 17px 0 0; padding: 12px 14px; color: #344274; border-radius: 11px; background: #f2f5fc; font-weight: 700; }
.sc-end-actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 15px; }

@keyframes scQuestionIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes scNodeActive { from { transform: translateY(0) scale(1); box-shadow: none; } to { transform: translateY(-4px) scale(1.018); } }

@media (max-width: 1180px) {
  .sc-avatar-card { grid-template-columns: 78px 1fr; }
  .sc-avatar-card .cc-avatar { width: 76px; height: 76px; }
  .sc-question-layout { grid-template-columns: 1fr; }
  .sc-question { height: 340px; min-height: 340px; position: static; }
  .sc-answers { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 820px) {
  .simple-continuity-view { padding-inline: 15px; }
  .sc-context { flex-wrap: wrap; }
  .sc-context > b { width: 100%; margin-left: 0; text-align: center; }
  .sc-personalized-header { grid-template-columns: auto 1fr; }
  .sc-personalized-header aside { grid-column: 1 / -1; padding: 12px 0 0; border-top: 1px solid #dbe2f0; border-left: 0; }
  .sc-avatar-grid { grid-template-columns: 1fr 1fr; }
  .sc-insight { grid-template-columns: 1fr; }
  .sc-insight-avatar { justify-items: start; grid-template-columns: auto 1fr; align-items: center; }
  .sc-measure-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .sc-avatar-grid { grid-template-columns: 1fr; }
  .sc-avatar-card { min-height: 115px; }
  .sc-personalized-header { grid-template-columns: 1fr; }
  .sc-header-icon { display: none; }
  .sc-workspace-head.journey > div { align-items: flex-start; }
  .sc-primary-action.split, .sc-question-actions, .sc-end-actions { align-items: stretch; flex-direction: column-reverse; }
  .sc-primary-action .btn, .sc-question-actions .btn { width: 100%; }
  .sc-local-context.sc-student-context { height: auto; min-height: 100px; }
  .sc-question { height: auto; min-height: 470px; }
  .sc-question h1 { height: auto; min-height: 160px; font-size: 27px; }
  .sc-answers { grid-template-columns: 1fr; }
}

/* Premium Continuity Check visual system */
.simple-continuity-view {
  --sc-navy: #0b1744;
  --sc-blue: #164cff;
  --sc-purple: #6930d8;
  --sc-orange: #ff5b26;
  position: relative;
  isolation: isolate;
  animation: none;
  background:
    radial-gradient(circle at 8% 4%, rgba(40,91,255,.14), transparent 25%),
    radial-gradient(circle at 92% 7%, rgba(111,47,218,.12), transparent 24%),
    linear-gradient(180deg,#f8faff 0%,#f2f5fc 58%,#f8f9fd 100%);
}
.simple-continuity-view::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background-image: linear-gradient(rgba(39,67,143,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,67,143,.045) 1px,transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom,#000,transparent 66%);
}
.simple-continuity-view .card {
  border-color: rgba(117,139,194,.22);
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 32px rgba(24,45,104,.075);
  backdrop-filter: none;
}
.simple-continuity-view .sc-shell { position: relative; }
.simple-continuity-view .btn {
  min-height: 52px;
  border-radius: 14px;
  background: linear-gradient(110deg,var(--sc-blue),#4932d0);
  box-shadow: 0 12px 26px rgba(22,76,255,.22);
}
.simple-continuity-view .btn.secondary { color: #202d62; border-color: #d7def0; background: #fff; box-shadow: none; }
.simple-continuity-view .btn:hover { box-shadow: 0 15px 32px rgba(22,76,255,.28); }

.sc-context {
  min-height: 64px;
  border: 0 !important;
  border-left: 4px solid var(--sc-blue) !important;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(25,47,105,.07) !important;
}
.sc-context > div:nth-child(2) span { color: var(--sc-navy); font-size: 15px; }
.sc-context > b { color: #4523ad; background: linear-gradient(100deg,#eeeaff,#f2efff); }

.sc-personalized-header {
  position: relative;
  overflow: hidden;
  border: 0 !important;
  color: white;
  background: linear-gradient(118deg,#091a4c 0%,#1239b4 52%,#6026c8 100%) !important;
  box-shadow: 0 22px 48px rgba(24,49,132,.22) !important;
}
.sc-personalized-header::after {
  content: "";
  width: 310px;
  height: 310px;
  position: absolute;
  right: -105px;
  top: -190px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);
  pointer-events: none;
}
.sc-header-icon { color: white; background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
.sc-personalized-header h1 { color: white; }
.sc-personalized-header p { color: rgba(255,255,255,.75); }
.sc-personalized-header aside { position: relative; z-index: 1; border-left-color: rgba(255,255,255,.2); }
.sc-personalized-header aside span { color: rgba(255,255,255,.6); }
.sc-personalized-header aside strong { color: white; }
.sc-personalized-header aside small { color: #d6e1ff; }
.sc-personalized-header aside i { background: rgba(255,255,255,.18); }

.sc-workspace-head h1, .sc-workspace-head h2 { color: var(--sc-navy); }
.sc-workspace-head > div > span, .sc-workspace-head.journey > div > div > span { color: var(--sc-blue); }
.sc-workspace-head.journey .cc-avatar { border: 4px solid #fff; border-radius: 50%; box-shadow: 0 8px 24px rgba(21,59,165,.18); }

.sc-avatar-grid { gap: 16px; }
.sc-avatar-card {
  overflow: hidden;
  border: 1px solid rgba(121,143,197,.24) !important;
  background: linear-gradient(145deg,#fff 35%,#f7f9ff 100%) !important;
  box-shadow: 0 10px 26px rgba(24,47,111,.07) !important;
}
.sc-avatar-card::before {
  content: "";
  width: 4px;
  position: absolute;
  inset: 14px auto 14px 0;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(var(--sc-blue),var(--sc-purple));
  opacity: 0;
  transition: opacity .16s;
}
.sc-avatar-card:hover, .sc-avatar-card.selected { border-color: rgba(22,76,255,.72) !important; box-shadow: 0 16px 34px rgba(25,65,180,.14) !important; }
.sc-avatar-card.selected { background: linear-gradient(145deg,#fff,#eef3ff) !important; }
.sc-avatar-card.selected::before { opacity: 1; }
.sc-avatar-card .cc-avatar { border: 3px solid #fff; border-radius: 50%; box-shadow: 0 7px 18px rgba(28,49,105,.15); }

.sc-journey-card, .sc-journey-side, .sc-investigation {
  position: relative;
  border: 1px solid rgba(107,132,194,.24) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,255,.98)) !important;
}
.sc-journey-side::before, .sc-journey-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(90deg,var(--sc-blue),var(--sc-purple) 62%,var(--sc-orange));
}
.sc-journey-side > div:first-child span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sc-blue);
}
.sc-journey-side > div:first-child span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sc-blue);
  box-shadow: 0 0 0 5px rgba(22,76,255,.1);
}
.sc-journey-track { counter-reset: sc-stage; }
.sc-journey-event {
  counter-increment: sc-stage;
  overflow: hidden;
  border-color: rgba(131,151,199,.25);
  border-top-width: 0;
  background: linear-gradient(155deg,#fff 30%,color-mix(in srgb,var(--event-color) 6%,#fff));
  box-shadow: 0 8px 22px rgba(28,50,107,.065);
}
.sc-journey-event::before {
  content: "0" counter(sc-stage);
  position: absolute;
  top: 10px;
  right: 11px;
  color: color-mix(in srgb,var(--event-color) 68%,#8993aa);
  font: 800 10px var(--font-display);
}
.sc-journey-event::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--event-color);
}
.sc-journey-event.active {
  border-color: color-mix(in srgb,var(--event-color) 56%,#dfe5f2);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--event-color) 10%,transparent),0 14px 28px color-mix(in srgb,var(--event-color) 18%,transparent);
}
.sc-journey-event.muted { opacity: .36; }
.sc-event-icon { border-radius: 12px; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--event-color) 12%,transparent); }
.sc-journey-event em { color: #4e5c83; background: rgba(235,239,249,.88); }
.sc-journey-link i { border-radius: 99px; background: linear-gradient(90deg,#ccd5e9,#afbcd7); }
.sc-journey-link.active i { background: linear-gradient(90deg,var(--sc-blue),var(--sc-purple)); box-shadow: 0 0 0 6px rgba(22,76,255,.08),0 0 24px rgba(22,76,255,.3); }
.sc-closure-point { border-color: #cbd4e7; color: #45537c; background: linear-gradient(90deg,#f7f9fd,#fff,#f7f9fd); }

.sc-student-context {
  position: relative;
  border: 1px solid rgba(255,91,38,.2) !important;
  border-left: 5px solid var(--sc-orange) !important;
  background: linear-gradient(105deg,#fffaf7,#fff 56%,#f8f6ff) !important;
  box-shadow: 0 10px 28px rgba(108,57,30,.07) !important;
}
.sc-student-context .cc-avatar { border: 3px solid white; border-radius: 50%; box-shadow: 0 6px 18px rgba(61,42,100,.16); }
.sc-student-context p { color: #303c6b; }

.sc-question {
  position: relative;
  border: 1px solid rgba(79,105,174,.24) !important;
  background: linear-gradient(135deg,#fff 60%,#f5f7ff) !important;
  box-shadow: 0 16px 36px rgba(25,48,111,.1) !important;
}
.sc-question::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(90deg,var(--sc-blue),var(--sc-purple));
}
.sc-question-top > span { padding: 6px 10px; border-radius: 99px; color: #304eb0; background: #edf2ff; }
.sc-question-dots { gap: 8px; }
.sc-question-dots i { height: 5px; background: #e1e6f1; }
.sc-question-dots i.answered { background: var(--sc-purple); }
.sc-question-dots i.current { background: linear-gradient(90deg,var(--sc-blue),#6889ff); box-shadow: 0 0 0 3px rgba(22,76,255,.07); }
.sc-back-icon:hover { color: var(--sc-blue); border-color: #aebff1; background: #f4f7ff; }
.sc-question h1 { color: #101a4a; }
.sc-answers button {
  position: relative;
  overflow: hidden;
  border-color: #dce3f1;
  background: rgba(255,255,255,.9);
}
.sc-answers button::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: var(--answer-color,var(--sc-blue));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .16s;
}
.sc-answers button:nth-child(1) { --answer-color: #164cff; }
.sc-answers button:nth-child(2) { --answer-color: #6b32d6; }
.sc-answers button:nth-child(3) { --answer-color: #ff5b26; }
.sc-answers button:nth-child(4) { --answer-color: #68748f; }
.sc-answers button:hover, .sc-answers button.selected {
  color: color-mix(in srgb,var(--answer-color) 82%,#111a43);
  border-color: color-mix(in srgb,var(--answer-color) 56%,#dce3f1);
  background: color-mix(in srgb,var(--answer-color) 6%,white);
  box-shadow: 0 10px 22px color-mix(in srgb,var(--answer-color) 12%,transparent);
}
.sc-answers button:hover::after, .sc-answers button.selected::after { transform: scaleX(1); }
.sc-answers button.selected i { border-color: var(--answer-color); }

.sc-insight {
  overflow: hidden;
  position: relative;
  border: 0 !important;
  color: white;
  background: linear-gradient(118deg,#091946,#1739a7 58%,#5925bd) !important;
  box-shadow: 0 22px 50px rgba(20,45,124,.23) !important;
}
.sc-insight::after { content: ""; position: absolute; width: 340px; height: 340px; right: -130px; top: -200px; border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.18),transparent 65%); }
.sc-insight-avatar, .sc-insight > div { position: relative; z-index: 1; }
.sc-insight-avatar .cc-avatar { border: 4px solid rgba(255,255,255,.9); border-radius: 50%; }
.sc-insight-avatar > span { color: #ffc0a9; }
.sc-insight h1 { color: white; }
.sc-insight p { color: rgba(255,255,255,.78); }
.sc-insight small { color: rgba(255,255,255,.58); }
.sc-investigation-head span, .sc-measures-head > span { color: var(--sc-purple); font-size: 11px; }
.sc-measure-grid article { position: relative; overflow: hidden; border: 0; border-top: 0; background: linear-gradient(145deg,#fff,#f7f9ff); box-shadow: inset 0 0 0 1px #e0e6f2; }
.sc-measure-grid article::after { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--sc-blue); }
.sc-measure-grid article:nth-child(2)::after { background: var(--sc-orange); }
.sc-measure-grid article:nth-child(3)::after { background: var(--sc-purple); }
.sc-measure-grid b { font-size: 12px; }
.sc-measure-grid strong { font-size: 21px; }
.sc-measures-close { border-left: 4px solid var(--sc-purple); background: #f3f1fc; }

@media (max-width: 820px) {
  .sc-personalized-header { border-radius: 18px; }
  .sc-context > div:nth-child(2) span { font-size: 14px; }
  .sc-journey-side, .sc-question, .sc-student-context { border-radius: 16px; }
}

@media (max-width: 560px) {
  .simple-continuity-view { padding-top: 16px; }
  .sc-context { border-left-width: 3px !important; }
  .sc-student-context { border-left-width: 4px !important; }
  .sc-question { padding-inline: 18px; }
  .sc-question-top { grid-template-columns: 1fr auto; }
  .sc-question-dots { grid-column: 1 / -1; grid-row: 2; }
}

/* Continuity Check: consolidated header and zero-layout-shift interactions */
.continuity-topbar .top-progress { display: flex; min-width: 0; }
.continuity-top-context {
  min-width: 0;
  max-width: 820px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 8px 14px;
  text-align: left;
  border: 1px solid #e0e5f2;
  border-radius: 13px;
  background: #f8faff;
  box-shadow: inset 0 1px 0 #fff;
}
.continuity-top-context strong,
.continuity-top-context span,
.continuity-top-context small {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.continuity-top-context strong { max-width: 390px; color: #15245d; font-size: 13px; }
.continuity-top-context span { max-width: 220px; color: #4d5a84; font-size: 11px; font-weight: 750; letter-spacing: 0; text-transform: none; }
.continuity-top-context small { max-width: 110px; color: var(--blue); font-size: 11px; font-weight: 800; }
.continuity-top-context i { width: 1px; height: 22px; flex: 0 0 1px; background: #d7deec; }

.sc-question-workspace .sc-question-layout { contain: layout; }
.sc-question-workspace .sc-journey-side { height: 228px; min-height: 228px; max-height: 228px; }
.sc-question-workspace .sc-student-context { height: 90px; min-height: 90px; max-height: 90px; }
.sc-question-workspace .sc-question { height: 290px; min-height: 290px; max-height: 290px; }
.sc-question-workspace .sc-question h1 { height: 108px; min-height: 108px; max-height: 108px; overflow: hidden; }
.sc-question-workspace .sc-answers { height: 60px; min-height: 60px; max-height: 60px; align-items: stretch; }
.sc-question-workspace .sc-answers button {
  width: 100%;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  margin: 0;
  padding: 10px 14px;
  border: 2px solid transparent;
  line-height: 1.2;
  transform: none;
  contain: layout paint;
}
.sc-question-workspace .sc-answers button:hover,
.sc-question-workspace .sc-answers button:focus,
.sc-question-workspace .sc-answers button:active,
.sc-question-workspace .sc-answers button.selected {
  padding: 10px 14px;
  border-width: 2px;
  border-color: color-mix(in srgb,var(--answer-color) 56%,#dce3f1);
  transform: none;
}
.sc-question-workspace .sc-answers button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(22,76,255,.16),0 8px 20px rgba(25,56,145,.1);
}
.sc-question-workspace .sc-answers button i,
.sc-question-workspace .sc-answers button.selected i {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-width: 2px;
  box-shadow: inset 0 0 0 4px white;
}
.sc-question-workspace .sc-answers button.selected i { background: var(--answer-color); }
.sc-question-workspace .sc-answers button::after { transform: none; opacity: 0; transition: opacity .14s ease; }
.sc-question-workspace .sc-answers button:hover::after,
.sc-question-workspace .sc-answers button.selected::after { transform: none; opacity: 1; }

.sc-question-workspace .sc-journey-event,
.sc-question-workspace .sc-journey-event:hover,
.sc-question-workspace .sc-journey-event.active,
.sc-question-workspace .sc-journey-event.selected {
  height: 132px;
  min-height: 132px;
  max-height: 132px;
  transform: none;
  animation: none;
}
.sc-question-workspace .sc-journey-link i,
.sc-question-workspace .sc-journey-link:hover i,
.sc-question-workspace .sc-journey-link.active i,
.sc-question-workspace .sc-journey-link.selected i { height: 6px; transform: none; }
.sc-question-workspace .sc-closure-point,
.sc-question-workspace .sc-closure-point:hover,
.sc-question-workspace .sc-closure-point.active,
.sc-question-workspace .sc-closure-point.selected {
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-top: 8px;
  transform: none;
}
.sc-content-refresh { animation: scStableFade .16s ease both !important; }
@keyframes scStableFade { from { opacity: .35; } to { opacity: 1; } }
@keyframes scQuestionIn { from { opacity: .35; } to { opacity: 1; } }

@media (max-width: 1180px) {
  .continuity-top-context strong { max-width: 280px; }
  .continuity-top-context span { max-width: 190px; }
  .sc-question-workspace .sc-question { height: 360px; min-height: 360px; max-height: 360px; }
  .sc-question-workspace .sc-answers { height: 130px; min-height: 130px; max-height: 130px; }
}

@media (max-width: 1050px) {
  .continuity-topbar .top-progress { display: flex; flex: 1; }
  .continuity-topbar { gap: 12px; }
  .continuity-top-context { width: 100%; }
  .continuity-top-context strong { max-width: min(36vw,280px); }
  .continuity-top-context span { max-width: min(24vw,190px); }
}

@media (max-width: 700px) {
  .continuity-topbar { height: 76px; }
  .continuity-topbar .brand .logo-asset { width: 78px; }
  .continuity-top-context { gap: 7px; padding: 7px 9px; }
  .continuity-top-context strong { max-width: 34vw; font-size: 10px; }
  .continuity-top-context span { max-width: 25vw; font-size: 9px; }
  .continuity-top-context small { display: none; }
  .continuity-top-context i:last-of-type { display: none; }
}

@media (max-width: 560px) {
  .sc-question-workspace .sc-journey-side { height: 228px; min-height: 228px; max-height: 228px; }
  .sc-question-workspace .sc-student-context { height: 110px; min-height: 110px; max-height: 110px; }
  .sc-question-workspace .sc-question { height: 550px; min-height: 550px; max-height: 550px; }
  .sc-question-workspace .sc-question h1 { height: 170px; min-height: 170px; max-height: 170px; }
  .sc-question-workspace .sc-answers { height: 270px; min-height: 270px; max-height: 270px; }
}

/* Continuity atmosphere, institution branding, and student motion */
.simple-continuity-view {
  background:
    radial-gradient(circle at 4% 3%,rgba(22,76,255,.2),transparent 24%),
    radial-gradient(circle at 96% 10%,rgba(105,48,216,.17),transparent 25%),
    radial-gradient(circle at 78% 92%,rgba(255,91,38,.11),transparent 24%),
    linear-gradient(145deg,#fbfcff 0%,#eef3ff 46%,#f8f5ff 76%,#fff9f5 100%);
}
.simple-continuity-view::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 14% 68%,rgba(69,110,255,.1) 0 10%,transparent 35%),
    radial-gradient(ellipse at 88% 48%,rgba(121,55,218,.09) 0 12%,transparent 37%),
    linear-gradient(120deg,transparent 42%,rgba(255,255,255,.48) 42.2% 43%,transparent 43.2%);
}

.continuity-topbar .topbar-institution-badge {
  width: 132px;
  height: 48px;
  flex: 0 0 132px;
  padding: 3px 5px;
  border-radius: 10px;
  background: white;
  box-shadow: 0 4px 12px rgba(24,48,111,.09);
}
.continuity-topbar .topbar-institution-badge.has-mark { width: 42px; flex-basis: 42px; padding: 4px; }
.continuity-topbar .topbar-institution-badge img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.continuity-topbar .topbar-institution-badge span { font-size: 10px; }

.sc-avatar-grid .sc-avatar-card .cc-avatar {
  transform-origin: 50% 90%;
  animation: scAvatarWiggle 4.8s ease-in-out infinite;
}
.sc-avatar-grid .sc-avatar-card:nth-child(2) .cc-avatar { animation-delay: -.9s; }
.sc-avatar-grid .sc-avatar-card:nth-child(3) .cc-avatar { animation-delay: -1.8s; }
.sc-avatar-grid .sc-avatar-card:nth-child(4) .cc-avatar { animation-delay: -2.7s; }
.sc-avatar-grid .sc-avatar-card:hover .cc-avatar,
.sc-avatar-grid .sc-avatar-card.selected .cc-avatar { animation: scAvatarHello .55s ease-in-out both; }
@keyframes scAvatarWiggle {
  0%,84%,100% { transform: rotate(0deg) translateY(0); }
  88% { transform: rotate(-1.8deg) translateY(-2px); }
  92% { transform: rotate(1.8deg) translateY(-2px); }
  96% { transform: rotate(-.8deg) translateY(-1px); }
}
@keyframes scAvatarHello {
  0%,100% { transform: rotate(0deg) translateY(0); }
  35% { transform: rotate(-2.5deg) translateY(-3px); }
  70% { transform: rotate(2deg) translateY(-2px); }
}

@media (max-width: 700px) {
  .continuity-topbar .topbar-institution-badge { width: 76px; height: 38px; flex-basis: 76px; padding: 2px 3px; }
  .continuity-topbar .topbar-institution-badge.has-mark { width: 36px; flex-basis: 36px; }
}

/* Question viewport scaling: readable at 100%, complete at 150% desktop zoom */
.continuity-topbar { height: 78px; padding-block: 8px; }
.simple-question-screen {
  min-height: calc(100vh - 78px);
  padding-top: 12px;
  padding-bottom: 12px;
}
.simple-question-screen .sc-question-layout { gap: 10px; }
.simple-question-screen .sc-student-context {
  height: 82px;
  min-height: 82px;
  max-height: 82px;
  padding: 8px 16px;
}
.simple-question-screen .sc-student-context .cc-avatar { width: 58px; height: 58px; }
.simple-question-screen .sc-student-context p { font-size: 17px; line-height: 1.35; }
.simple-question-screen .sc-question {
  height: 274px;
  min-height: 274px;
  max-height: 274px;
  padding: 16px 22px;
}
.simple-question-screen .sc-question-top { font-size: 12px; }
.simple-question-screen .sc-question h1 {
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  margin-block: 6px 10px;
  font-size: clamp(30px,2.25vw,40px);
  line-height: 1.08;
}
.simple-question-screen .sc-answers {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}
.simple-question-screen .sc-answers button,
.simple-question-screen .sc-answers button:hover,
.simple-question-screen .sc-answers button:focus,
.simple-question-screen .sc-answers button:active,
.simple-question-screen .sc-answers button.selected {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  padding: 7px 12px;
}
.simple-question-screen .sc-answers button strong { font-size: 15px; line-height: 1.2; }
.simple-question-screen .sc-journey-side {
  height: 208px;
  min-height: 208px;
  max-height: 208px;
  padding: 10px 14px 8px;
}
.simple-question-screen .sc-journey.compact { padding-top: 6px; }
.simple-question-screen .sc-journey.compact .sc-journey-event,
.simple-question-screen .sc-journey.compact .sc-journey-event:hover,
.simple-question-screen .sc-journey.compact .sc-journey-event.active,
.simple-question-screen .sc-journey.compact .sc-journey-event.selected {
  height: 124px;
  min-height: 124px;
  max-height: 124px;
  padding: 9px 11px;
}
.simple-question-screen .sc-journey.compact .sc-event-icon { width: 30px; height: 30px; margin-bottom: 5px; padding: 7px; }
.simple-question-screen .sc-journey.compact .sc-journey-event strong { font-size: 15px; }
.simple-question-screen .sc-journey.compact .sc-journey-event em { margin-top: 5px; padding-block: 4px; font-size: 10px; }
.simple-question-screen .sc-journey.compact .sc-closure-point {
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  margin-top: 5px;
}

/* Small visual illustrations for Journey Evidence metrics */
.sc-metric-picture {
  --metric-accent: var(--sc-blue);
  height: 72px;
  display: grid;
  grid-template-columns: 48px repeat(3,1fr);
  gap: 8px;
  align-items: end;
  margin: 0 0 13px;
  padding: 10px 12px;
  border-radius: 13px;
  background: linear-gradient(135deg,color-mix(in srgb,var(--metric-accent) 11%,white),#fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--metric-accent) 14%,#e4e8f2);
}
.sc-measure-grid article:nth-child(2) .sc-metric-picture { --metric-accent: var(--sc-orange); }
.sc-measure-grid article:nth-child(3) .sc-metric-picture { --metric-accent: var(--sc-purple); }
.sc-metric-picture > span {
  width: 46px;
  height: 46px;
  align-self: center;
  display: grid;
  place-items: center;
  padding: 11px;
  color: white;
  border-radius: 13px;
  background: linear-gradient(145deg,var(--metric-accent),color-mix(in srgb,var(--metric-accent) 68%,#101944));
  box-shadow: 0 8px 18px color-mix(in srgb,var(--metric-accent) 20%,transparent);
}
.sc-metric-picture svg { width: 100%; height: 100%; }
.sc-metric-picture > i { min-width: 10px; border-radius: 6px 6px 2px 2px; background: color-mix(in srgb,var(--metric-accent) 62%,#dbe2ef); }
.sc-metric-picture > i:nth-of-type(1) { height: 18px; opacity: .48; }
.sc-metric-picture > i:nth-of-type(2) { height: 31px; opacity: .7; }
.sc-metric-picture > i:nth-of-type(3) { height: 46px; }
.sc-measure-grid article { min-height: 238px; }

@media (max-width: 700px) {
  .continuity-topbar { height: 76px; }
  .simple-question-screen { min-height: calc(100vh - 76px); padding-block: 14px; }
  .simple-question-screen .sc-question { height: 410px; min-height: 410px; max-height: 410px; }
  .simple-question-screen .sc-question h1 { height: 128px; min-height: 128px; max-height: 128px; font-size: 28px; }
  .simple-question-screen .sc-answers { height: 180px; min-height: 180px; max-height: 180px; grid-template-columns: 1fr 1fr; }
  .simple-question-screen .sc-answers button,
  .simple-question-screen .sc-answers button:hover,
  .simple-question-screen .sc-answers button:focus,
  .simple-question-screen .sc-answers button:active,
  .simple-question-screen .sc-answers button.selected { height: 85px; min-height: 85px; max-height: 85px; }
}

@media (max-width: 480px) {
  .simple-question-screen .sc-student-context { height: 112px; min-height: 112px; max-height: 112px; }
  .simple-question-screen .sc-question { height: 590px; min-height: 590px; max-height: 590px; }
  .simple-question-screen .sc-question h1 { height: 170px; min-height: 170px; max-height: 170px; }
  .simple-question-screen .sc-answers { height: 340px; min-height: 340px; max-height: 340px; grid-template-columns: 1fr; }
  .simple-question-screen .sc-answers button,
  .simple-question-screen .sc-answers button:hover,
  .simple-question-screen .sc-answers button:focus,
  .simple-question-screen .sc-answers button:active,
  .simple-question-screen .sc-answers button.selected { height: 77px; min-height: 77px; max-height: 77px; }
}

@media (max-height: 740px) and (min-width: 701px) {
  .continuity-topbar { height: 64px; padding-block: 5px; }
  .continuity-topbar .logo-asset { height: 50px; }
  .continuity-topbar .topbar-institution-badge { height: 40px; }
  .simple-question-screen { min-height: calc(100vh - 64px); padding-block: 8px; }
  .simple-question-screen .sc-question-layout {
    grid-template-columns: minmax(250px,.36fr) minmax(0,1fr);
    grid-template-areas: "context question" "journey journey";
    gap: 8px 10px;
  }
  .simple-question-screen .sc-student-context {
    grid-area: context;
    height: 230px;
    min-height: 230px;
    max-height: 230px;
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    gap: 8px;
    padding: 14px 18px;
    text-align: center;
  }
  .simple-question-screen .sc-student-context p { font-size: 16px; }
  .simple-question-screen .sc-question {
    grid-area: question;
    height: 230px;
    min-height: 230px;
    max-height: 230px;
    padding: 12px 18px;
  }
  .simple-question-screen .sc-question h1 {
    height: 82px;
    min-height: 82px;
    max-height: 82px;
    margin-block: 3px 6px;
    font-size: clamp(25px,2.5vw,34px);
  }
  .simple-question-screen .sc-answers { height: 64px; min-height: 64px; max-height: 64px; gap: 7px; }
  .simple-question-screen .sc-answers button,
  .simple-question-screen .sc-answers button:hover,
  .simple-question-screen .sc-answers button:focus,
  .simple-question-screen .sc-answers button:active,
  .simple-question-screen .sc-answers button.selected {
    height: 64px;
    min-height: 64px;
    max-height: 64px;
    padding: 6px 9px;
  }
  .simple-question-screen .sc-answers button strong { font-size: 13px; }
  .simple-question-screen .sc-journey-side {
    grid-area: journey;
    height: 180px;
    min-height: 180px;
    max-height: 180px;
    padding: 8px 12px 6px;
  }
  .simple-question-screen .sc-journey.compact { padding-top: 4px; }
  .simple-question-screen .sc-journey.compact .sc-journey-event,
  .simple-question-screen .sc-journey.compact .sc-journey-event:hover,
  .simple-question-screen .sc-journey.compact .sc-journey-event.active,
  .simple-question-screen .sc-journey.compact .sc-journey-event.selected {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    padding: 7px 9px;
  }
  .simple-question-screen .sc-journey.compact .sc-event-icon { width: 25px; height: 25px; margin-bottom: 3px; padding: 6px; }
  .simple-question-screen .sc-journey.compact .sc-journey-event small { font-size: 9px; }
  .simple-question-screen .sc-journey.compact .sc-journey-event strong { font-size: 12px; }
  .simple-question-screen .sc-journey.compact .sc-journey-event em { margin-top: 3px; padding: 3px 6px; font-size: 9px; }
  .simple-question-screen .sc-journey.compact .sc-closure-point { height: 22px; min-height: 22px; max-height: 22px; margin-top: 4px; }
}

/* Unified context + question decision panel */
.simple-question-screen .sc-question-layout { grid-template-columns: 1fr; }
.simple-question-screen .sc-question-combined {
  height: 310px;
  min-height: 310px;
  max-height: 310px;
  padding: 16px 22px;
}
.sc-question-body {
  min-height: 0;
  flex: 1;
  display: grid;
  grid-template-columns: minmax(240px,.32fr) minmax(0,1fr);
  gap: 20px;
  margin-top: 10px;
}
.sc-question-context {
  min-width: 0;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(255,91,38,.18);
  border-left: 4px solid var(--sc-orange);
  border-radius: 15px;
  background: linear-gradient(135deg,#fff8f4,#fff 62%,#faf7ff);
}
.sc-question-context .cc-avatar {
  width: 62px;
  height: 62px;
  border: 3px solid white;
  border-radius: 50%;
  box-shadow: 0 7px 18px rgba(50,39,100,.14);
}
.sc-question-context p { margin: 0; color: #39466f; font-size: 16px; font-weight: 650; line-height: 1.42; }
.sc-question-main { min-width: 0; display: flex; flex-direction: column; }
.simple-question-screen .sc-question-main h1 {
  height: 128px;
  min-height: 128px;
  max-height: 128px;
  margin: 0 0 10px;
  font-size: clamp(30px,2.2vw,40px);
}
.simple-question-screen .sc-question-main .sc-answers { margin-top: auto; }

@media (max-width: 900px) and (min-height: 741px) {
  .simple-question-screen .sc-question-combined { height: 560px; min-height: 560px; max-height: 560px; }
  .sc-question-body { grid-template-columns: 1fr; grid-template-rows: 130px 1fr; gap: 12px; }
  .sc-question-context { grid-template-columns: 58px 1fr; padding: 12px 15px; }
  .simple-question-screen .sc-question-main h1 { height: 125px; min-height: 125px; max-height: 125px; font-size: 29px; }
  .simple-question-screen .sc-question-main .sc-answers { height: 180px; min-height: 180px; max-height: 180px; grid-template-columns: 1fr 1fr; }
  .simple-question-screen .sc-question-main .sc-answers button,
  .simple-question-screen .sc-question-main .sc-answers button:hover,
  .simple-question-screen .sc-question-main .sc-answers button:focus,
  .simple-question-screen .sc-question-main .sc-answers button:active,
  .simple-question-screen .sc-question-main .sc-answers button.selected { height: 85px; min-height: 85px; max-height: 85px; }
}

@media (max-height: 740px) and (min-width: 701px) {
  .continuity-topbar { height: 60px; padding-block: 4px; }
  .continuity-topbar .logo-asset { height: 46px; }
  .simple-question-screen { min-height: calc(100vh - 60px); padding-block: 4px; }
  .simple-question-screen .sc-question-layout {
    grid-template-columns: 1fr;
    grid-template-areas: "question" "journey";
    gap: 8px;
  }
  .simple-question-screen .sc-question-combined {
    grid-area: question;
    height: 250px;
    min-height: 250px;
    max-height: 250px;
    padding: 10px 14px;
  }
  .sc-question-body { grid-template-columns: minmax(220px,.34fr) minmax(0,1fr); gap: 14px; margin-top: 6px; }
  .sc-question-context { grid-template-columns: 52px 1fr; gap: 9px; padding: 10px 12px; }
  .sc-question-context .cc-avatar { width: 50px; height: 50px; }
  .sc-question-context p { font-size: 13px; line-height: 1.34; }
  .simple-question-screen .sc-question-main h1 {
    height: 118px;
    min-height: 118px;
    max-height: 118px;
    margin: 0 0 6px;
    font-size: clamp(22px,2.25vw,30px);
  }
  .simple-question-screen .sc-journey-side { height: 180px; min-height: 180px; max-height: 180px; }
  .simple-question-screen .sc-journey.compact .sc-journey-event,
  .simple-question-screen .sc-journey.compact .sc-journey-event:hover,
  .simple-question-screen .sc-journey.compact .sc-journey-event.active,
  .simple-question-screen .sc-journey.compact .sc-journey-event.selected {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
  }
}

@media (max-width: 700px) {
  .simple-question-screen .sc-question-combined { height: 590px; min-height: 590px; max-height: 590px; }
  .sc-question-body { grid-template-columns: 1fr; grid-template-rows: 140px 1fr; gap: 12px; }
  .sc-question-context { grid-template-columns: 58px 1fr; padding: 12px; }
  .simple-question-screen .sc-question-main h1 { height: 128px; min-height: 128px; max-height: 128px; margin-bottom: 10px; font-size: 28px; }
}

@media (max-width: 480px) {
  .simple-question-screen .sc-question-combined { height: 790px; min-height: 790px; max-height: 790px; }
  .sc-question-body { grid-template-rows: 170px 1fr; }
  .sc-question-context { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .simple-question-screen .sc-question-main h1 { height: 170px; min-height: 170px; max-height: 170px; }
}

/* Focused insight reveal before investigation */
.simple-insight-screen { padding-block: 22px; }
.sc-insight-only {
  width: min(1240px,100%);
  min-height: calc(100vh - 122px);
  display: grid;
  align-content: center;
}
.sc-insight-hero {
  min-height: 480px;
  grid-template-columns: 150px minmax(0,1fr);
  gap: clamp(28px,4vw,58px);
  padding: clamp(36px,5vw,68px);
  border-radius: 28px;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.16),transparent 22%),
    radial-gradient(circle at 14% 86%,rgba(255,91,38,.2),transparent 25%),
    linear-gradient(122deg,#07163f 0%,#1239aa 56%,#6429c9 100%) !important;
}
.sc-insight-hero::before {
  content: "";
  position: absolute;
  inset: 18px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
}
.sc-insight-hero .sc-insight-avatar { align-self: start; padding-top: 18px; }
.sc-insight-hero .sc-insight-avatar .cc-avatar {
  width: 116px;
  height: 116px;
  border-width: 5px;
  box-shadow: 0 18px 38px rgba(3,12,45,.28);
}
.sc-insight-hero .sc-insight-avatar > span { margin-top: 8px; font-size: 11px; }
.sc-insight-copy { max-width: 930px; }
.sc-insight-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
  color: #dbe5ff;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.sc-insight-copy > span::before { content: ""; width: 28px; height: 3px; border-radius: 99px; background: var(--sc-orange); }
.sc-insight-hero h1 { max-width: 900px; font-size: clamp(38px,4.2vw,64px); line-height: 1.01; }
.sc-insight-hero .sc-insight-copy > p { max-width: 850px; margin-top: 16px; font-size: clamp(17px,1.5vw,21px); line-height: 1.48; }
.sc-focused-read {
  max-width: 880px;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: center;
  margin-top: 24px;
  padding: 17px 19px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  background: rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.sc-focused-read > span { width: 48px; height: 48px; display: grid; place-items: center; padding: 12px; color: #ffb497; border-radius: 14px; background: rgba(255,91,38,.14); }
.sc-focused-read svg { width: 100%; height: 100%; }
.sc-focused-read div { display: grid; gap: 4px; }
.sc-focused-read small { color: #ffb99e; font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.sc-focused-read strong { color: white; font: 750 16px/1.42 var(--font-display); }
.sc-insight-hero .sc-self-report { margin-top: 15px; color: rgba(255,255,255,.54); font-size: 10px; }
.sc-insight-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 18px; }
.sc-insight-actions .btn { min-width: 250px; }
.sc-insight-actions .text-button { color: #51628f; font-size: 11px; }

.sc-investigation-bridge {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 8px 18px;
  align-items: center;
  margin-top: 16px;
  padding: 17px 20px;
  border: 1px solid rgba(28,67,175,.16);
  border-radius: 16px;
  background: linear-gradient(105deg,rgba(231,238,255,.92),rgba(246,241,255,.96));
  box-shadow: 0 12px 28px rgba(31,54,119,.08);
}
.sc-investigation-bridge span {
  grid-row: 1 / span 2;
  padding: 8px 10px;
  color: white;
  border-radius: 9px;
  background: linear-gradient(135deg,var(--sc-blue),var(--sc-purple));
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sc-investigation-bridge strong { color: #26376f; font: 750 15px/1.42 var(--font-display); }

.sc-baseline-cta {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 20px;
  align-items: center;
  margin-top: 16px;
  padding: clamp(20px,2.5vw,30px);
  overflow: hidden;
  border-color: rgba(69,47,186,.2) !important;
  background:
    radial-gradient(circle at 8% 85%,rgba(255,91,38,.13),transparent 24%),
    linear-gradient(115deg,#f5f8ff,#f4efff 65%,#fff) !important;
}
.sc-baseline-cta::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -70px;
  top: -100px;
  border: 28px solid rgba(72,39,191,.07);
  border-radius: 50%;
  pointer-events: none;
}
.sc-baseline-avatar .cc-avatar { width: 72px; height: 72px; box-shadow: 0 12px 26px rgba(32,42,100,.15); }
.sc-baseline-cta > div:nth-child(2) { display: grid; gap: 5px; }
.sc-baseline-cta span { color: var(--sc-purple); font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.sc-baseline-cta h2 { margin: 0; color: #202d68; font: 800 clamp(22px,2.4vw,32px)/1.08 var(--font-display); letter-spacing: -.025em; }
.sc-baseline-cta p { max-width: 720px; margin: 0; color: #637095; font-size: 13px; line-height: 1.45; }
.sc-baseline-cta .btn { position: relative; z-index: 1; min-width: 260px; }

.sc-insight-recap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
  padding: 13px 17px;
  border: 1px solid rgba(82,105,169,.18);
  border-left: 4px solid var(--sc-purple);
  border-radius: 14px;
  background: linear-gradient(100deg,#f4f1ff,#fff);
}
.sc-insight-recap span { flex: 0 0 auto; color: var(--sc-purple); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.sc-insight-recap strong { color: #26336a; font: 750 15px/1.35 var(--font-display); }

@media (max-width: 820px) {
  .sc-insight-only { min-height: auto; }
  .sc-insight-hero { min-height: 0; grid-template-columns: 1fr; padding: 32px 25px; }
  .sc-insight-hero .sc-insight-avatar { grid-template-columns: auto 1fr; justify-items: start; align-items: center; padding-top: 0; }
  .sc-insight-hero .sc-insight-avatar .cc-avatar { width: 82px; height: 82px; }
  .sc-insight-hero h1 { font-size: 39px; }
  .sc-insight-actions { align-items: stretch; flex-direction: column-reverse; }
  .sc-insight-actions .btn { width: 100%; }
  .sc-insight-recap { align-items: flex-start; flex-direction: column; gap: 5px; }
  .sc-investigation-bridge { grid-template-columns: 1fr; }
  .sc-investigation-bridge span { grid-row: auto; justify-self: start; }
  .sc-baseline-cta { grid-template-columns: auto 1fr; }
  .sc-baseline-cta .btn { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 520px) {
  .sc-baseline-cta { grid-template-columns: 1fr; text-align: left; }
  .sc-baseline-avatar .cc-avatar { width: 62px; height: 62px; }
}

/* Shared role architecture for the Continuity Check */
.sc-role-selector { margin: 16px 0 18px; padding: 20px; }
.sc-personalized-header { min-height: 150px; }
.sc-personalized-header > div > p { min-height: 40px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sc-personalized-header aside small { min-height: 28px; display: flex; align-items: center; }
.continuity-top-context > span { width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-role-selector header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 14px; }
.sc-role-selector header span { color: var(--sc-blue); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.sc-role-selector h2 { margin: 0; color: #172458; font: 800 clamp(21px,2vw,28px)/1.1 var(--font-display); }
.sc-role-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.sc-role-card,
.sc-role-card:hover,
.sc-role-card:focus,
.sc-role-card:active,
.sc-role-card.selected {
  min-width: 0;
  height: 118px;
  min-height: 118px;
  max-height: 118px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  grid-template-rows: auto 1fr;
  gap: 5px 9px;
  align-items: start;
  margin: 0;
  padding: 13px;
  border: 2px solid transparent;
  border-radius: 13px;
  color: #24346d;
  background: #f7f9fd;
  text-align: left;
  transform: none;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #dfe5f1;
}
.sc-role-card > span { width: 34px; height: 34px; grid-row: 1 / span 2; display: grid; place-items: center; padding: 8px; color: var(--sc-purple); border-radius: 10px; background: #eeeaff; }
.sc-role-card svg { width: 100%; height: 100%; }
.sc-role-card strong { align-self: end; font: 800 13px/1.18 var(--font-display); }
.sc-role-card small { max-height: 43px; overflow: hidden; color: #6d7898; font-size: 9px; line-height: 1.35; }
.sc-role-card:hover,
.sc-role-card:focus-visible { border-color: rgba(22,76,255,.38); outline: 0; background: #f2f5ff; box-shadow: inset 0 0 0 1px rgba(22,76,255,.16),0 7px 18px rgba(31,64,151,.08); }
.sc-role-card.selected { border-color: var(--sc-blue); background: linear-gradient(145deg,#f7f9ff,#eeeaff); box-shadow: inset 0 0 0 1px rgba(22,76,255,.08),0 8px 20px rgba(31,64,151,.1); }
.sc-role-card.selected > span { color: white; background: linear-gradient(135deg,var(--sc-blue),var(--sc-purple)); }

.sc-system-tag {
  max-width: 82px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  position: absolute;
  top: 36px;
  right: 9px;
  padding: 3px 5px;
  color: #50608a;
  border: 1px solid #dce3f1;
  border-radius: 6px;
  background: rgba(247,249,253,.94);
  font-size: 7px;
  font-weight: 750;
  line-height: 1.15;
}
.sc-system-tag svg { width: 10px; height: 10px; flex: 0 0 10px; }

.sc-role-insight {
  max-width: 880px;
  display: grid;
  gap: 5px;
  margin-top: 20px;
  padding: 14px 17px;
  border-left: 4px solid #ff8a5e;
  border-radius: 5px 13px 13px 5px;
  background: rgba(255,255,255,.09);
}
.sc-role-insight small { margin: 0; color: #ffb99e; font-size: 9px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.sc-role-insight strong { color: white; font: 750 16px/1.4 var(--font-display); }

@media (max-width: 1000px) {
  .sc-role-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 560px) {
  .sc-personalized-header { min-height: 0; }
  .sc-personalized-header > div > p { min-height: 0; display: block; }
  .sc-role-selector header { align-items: flex-start; flex-direction: column; gap: 5px; }
  .sc-role-grid { grid-template-columns: 1fr; }
  .sc-role-card,
  .sc-role-card:hover,
  .sc-role-card:focus,
  .sc-role-card:active,
  .sc-role-card.selected { height: 96px; min-height: 96px; max-height: 96px; }
}

/* Video Continuity Check — cohesive UI/UX refinement (content and logic unchanged) */
body[data-experience="video-continuity"] {
  --vc-ink: #101a4b;
  --vc-copy: #596786;
  --vc-line: rgba(137,157,202,.32);
  --vc-blue: #0a45ff;
  --vc-cyan: #16b9c5;
  --vc-purple: #5720c7;
  --vc-orange: #ff4b12;
  --vc-surface: rgba(255,255,255,.92);
  --vc-shadow: 0 22px 64px rgba(26,48,105,.13);
  --vc-shadow-soft: 0 12px 34px rgba(26,48,105,.09);
  color: var(--vc-ink);
  background: #f3f7ff;
}

body[data-experience="video-continuity"] .experience-stage,
body[data-experience="video-continuity"] .welcome-view {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 8% 15%,rgba(10,69,255,.12),transparent 29%),
    radial-gradient(circle at 92% 82%,rgba(255,75,18,.075),transparent 27%),
    radial-gradient(circle at 74% 12%,rgba(22,185,197,.07),transparent 24%),
    linear-gradient(145deg,#f4f8ff,#fff 55%,#faf5ff);
}

body[data-experience="video-continuity"] .experience-stage::before,
body[data-experience="video-continuity"] .welcome-view::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(52,78,145,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(52,78,145,.035) 1px,transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(135deg,black,transparent 68%);
}

body[data-experience="video-continuity"] .experience-header {
  position: relative;
  z-index: 30;
  border-bottom-color: rgba(151,169,209,.3);
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 30px rgba(30,53,111,.055);
  backdrop-filter: blur(20px) saturate(1.12);
}

body[data-experience="video-continuity"] .experience-brand {
  width: 180px;
  height: 66px;
  border-radius: 10px;
}

body[data-experience="video-continuity"] .experience-perspective span {
  color: #697795;
}

body[data-experience="video-continuity"] .experience-perspective strong {
  color: #172660;
  font-size: 14.5px;
}

body[data-experience="video-continuity"] :is(button,input,textarea,select):focus-visible {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(10,69,255,.16),0 0 0 1px var(--vc-blue);
}

body[data-experience="video-continuity"] .btn {
  min-height: 50px;
  border-radius: 13px;
  background: linear-gradient(105deg,#0a45ff,#3138dc 70%,#5720c7);
  box-shadow: 0 11px 26px rgba(10,69,255,.2);
  transition: color .18s,border-color .18s,background .18s,box-shadow .18s,opacity .18s;
}

body[data-experience="video-continuity"] .btn:hover {
  transform: none;
  box-shadow: 0 15px 34px rgba(10,69,255,.27);
}

body[data-experience="video-continuity"] .text-button {
  min-height: 40px;
  border-radius: 9px;
}

/* Entrance */
body[data-experience="video-continuity"] .welcome-view {
  padding: clamp(20px,4vw,52px);
}

body[data-experience="video-continuity"] .welcome-card {
  position: relative;
  isolation: isolate;
  width: min(1080px,100%);
  overflow: hidden;
  border-color: rgba(137,157,202,.34);
  border-radius: 28px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 34px 100px rgba(26,48,105,.17);
}

body[data-experience="video-continuity"] .welcome-card::before {
  content: "";
  width: min(620px,70%);
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg,transparent 4%,var(--vc-blue) 24%,#89f4ff 48%,var(--vc-purple) 72%,transparent 96%);
  background-size: 220% 100%;
  box-shadow: 0 0 18px rgba(10,69,255,.24);
  transform: translateX(-50%);
  animation: welcome-frame-edge-light 5.2s linear infinite;
}

body[data-experience="video-continuity"] .welcome-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -38%;
  bottom: -38%;
  left: -28%;
  width: 24%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.68) 42%,rgba(22,185,197,.16) 58%,rgba(10,69,255,.08) 72%,transparent);
  filter: blur(14px);
  will-change: transform,opacity;
  animation: welcome-frame-light 7.5s ease-in-out infinite;
}

body[data-experience="video-continuity"] .welcome-card > * {
  position: relative;
  z-index: 1;
}

@keyframes welcome-frame-light {
  0%,12% { opacity: 0; transform: translate3d(-180%,0,0) rotate(11deg); }
  23% { opacity: .18; }
  52% { opacity: .7; }
  72%,100% { opacity: 0; transform: translate3d(680%,0,0) rotate(11deg); }
}

@keyframes welcome-frame-edge-light {
  from { background-position: 180% 0; }
  to { background-position: -80% 0; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-experience="video-continuity"] .welcome-card::before {
    animation: none;
  }

  body[data-experience="video-continuity"] .welcome-card::after {
    animation: none;
    opacity: .16;
    transform: translate3d(260%,0,0) rotate(11deg);
  }
}

body[data-experience="video-continuity"] .welcome-card {
  align-items: center;
  padding: clamp(34px,5vw,60px) clamp(30px,6vw,72px);
  text-align: center;
}

body[data-experience="video-continuity"] .welcome-logo {
  align-self: center;
  width: clamp(190px,18vw,230px);
  height: clamp(76px,7vw,92px);
  margin-bottom: clamp(24px,3vw,34px);
}

body[data-experience="video-continuity"] .welcome-copy {
  width: 100%;
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}

body[data-experience="video-continuity"] .welcome-copy .welcome-lead {
  max-width: none;
  margin: 0 0 11px;
  color: #3157a8;
  font: 750 clamp(17px,1.7vw,21px)/1.35 var(--font-display);
  letter-spacing: -.015em;
}

body[data-experience="video-continuity"] .welcome-copy h1 {
  max-width: 860px;
  margin: 0 auto;
  color: #152052;
  font: 800 clamp(41px,4.6vw,62px)/1.06 var(--font-display);
  letter-spacing: -.05em;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .welcome-invitation {
  width: min(740px,100%);
  margin: clamp(28px,4vw,42px) auto 0;
  padding: 21px 25px;
  border: 1px solid #d9e5f8;
  border-left: 3px solid #5b80e4;
  border-radius: 14px;
  background: linear-gradient(110deg,#f0f6ff,#f8faff 78%);
  box-shadow: 0 10px 30px rgba(25,68,150,.055);
}

body[data-experience="video-continuity"] .welcome-invitation h2 {
  margin: 0;
  color: #263b7c;
  font: 800 clamp(22px,2.2vw,28px)/1.2 var(--font-display);
  letter-spacing: -.025em;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .welcome-invitation p {
  margin: 8px 0 0;
  color: #5f6d8c;
  font-size: 16px;
  line-height: 1.45;
}

body[data-experience="video-continuity"] .welcome-flow {
  align-self: center;
  margin-top: 20px;
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .welcome-card { padding: 30px 20px; }
  body[data-experience="video-continuity"] .welcome-logo { width: 180px; height: 72px; margin-bottom: 24px; }
  body[data-experience="video-continuity"] .welcome-copy .welcome-lead { font-size: 16px; }
  body[data-experience="video-continuity"] .welcome-copy h1 { font-size: clamp(32px,8vw,42px); }
  body[data-experience="video-continuity"] .welcome-invitation { margin-top: 24px; padding: 16px 17px; }
  body[data-experience="video-continuity"] .welcome-invitation h2 { font-size: 22px; }
  body[data-experience="video-continuity"] .welcome-invitation p { font-size: 15px; }
  body[data-experience="video-continuity"] .welcome-flow { width: 100%; margin-top: 16px; }
}

body[data-experience="video-continuity"] .welcome-field span {
  color: #354477;
  font-size: 11px;
  letter-spacing: .04em;
}

body[data-experience="video-continuity"] .welcome-field input {
  height: 60px;
  border: 1px solid #cbd6ea;
  border-radius: 14px;
  background: #f8faff;
  box-shadow: inset 0 1px 2px rgba(29,52,105,.035);
}

body[data-experience="video-continuity"] .welcome-field input:hover {
  border-color: #abbbe0;
  background: white;
}

body[data-experience="video-continuity"] .welcome-cta {
  min-height: 58px;
}

/* Role selection */
body[data-experience="video-continuity"] .role-selection-view {
  align-items: center;
  padding-block: clamp(30px,4.2vw,58px);
}

body[data-experience="video-continuity"] .role-selection-shell {
  width: min(1240px,100%);
}

body[data-experience="video-continuity"] .role-selection-copy {
  max-width: 880px;
  margin-inline: auto;
}

body[data-experience="video-continuity"] .role-selection-copy h1 {
  color: #142052;
  font-size: clamp(40px,4.6vw,62px);
  line-height: 1.02;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .role-selection-copy p {
  color: #607091;
  line-height: 1.5;
}

body[data-experience="video-continuity"] .cabinet-role-grid {
  gap: 13px;
  margin-top: clamp(26px,3.4vw,38px);
}

body[data-experience="video-continuity"] .cabinet-role-card {
  height: 270px;
  border-radius: 17px;
  background: rgba(255,255,255,.9);
  box-shadow: inset 0 0 0 1px rgba(178,192,220,.62),var(--vc-shadow-soft);
  transition: border-color .18s,background .18s,box-shadow .18s;
}

body[data-experience="video-continuity"] .cabinet-role-card:hover {
  transform: none;
  border-color: #9eafe0;
  box-shadow: inset 0 0 0 1px rgba(22,76,255,.07),0 16px 36px rgba(28,49,107,.13);
}

body[data-experience="video-continuity"] .cabinet-role-card.selected {
  background: linear-gradient(150deg,#edf4ff,#fff 58%,#f4f0ff);
  box-shadow: 0 0 0 3px rgba(10,69,255,.075),0 18px 40px rgba(28,64,163,.14);
}

body[data-experience="video-continuity"] .cabinet-avatar {
  border: 1px solid rgba(183,195,219,.5);
  background: linear-gradient(145deg,#f7f9fd,#eef2f8);
}


body[data-experience="video-continuity"] .role-continue {
  min-width: 240px;
}

/* Video introduction */
body[data-experience="video-continuity"] .opening-video-shell {
  width: min(1120px,100%);
  position: relative;
  padding-bottom: 18px;
}

body[data-experience="video-continuity"] .opening-video-frame,
body[data-experience="video-continuity"] .v5-video-frame {
  border-color: rgba(113,136,187,.42);
  box-shadow: 0 28px 74px rgba(14,31,78,.23),0 0 0 6px rgba(255,255,255,.58);
}

body[data-experience="video-continuity"] .opening-video-completion {
  width: min(930px,calc(100% - 56px));
  min-height: 154px;
  grid-template-columns: minmax(0,1fr) auto;
  align-content: center;
  align-items: center;
  justify-items: stretch;
  column-gap: 34px;
  position: relative;
  z-index: 3;
  margin: 18px auto 0;
  padding: 24px 28px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 22px;
  background: rgba(255,255,255,.7);
  box-shadow: 0 18px 46px rgba(16,39,94,.08);
  backdrop-filter: blur(18px);
  text-align: left;
  transform: translateY(14px);
  transition: opacity .32s ease,transform .32s cubic-bezier(.2,.75,.2,1),background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

body[data-experience="video-continuity"] .opening-video-completion::before {
  content: "";
  height: 3px;
  position: absolute;
  inset: 0 0 auto;
  background: linear-gradient(90deg,var(--vc-blue),var(--vc-purple) 58%,var(--vc-orange));
}

body[data-experience="video-continuity"] .opening-video-completion.revealed {
  border-color: var(--vc-line);
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 58px rgba(20,45,103,.17),0 0 0 6px rgba(255,255,255,.46);
  transform: none;
}

body[data-experience="video-continuity"] .opening-video-completion h1 {
  color: #142052;
  font-size: clamp(27px,2.6vw,36px);
  text-align: left;
}

body[data-experience="video-continuity"] .opening-video-completion p {
  max-width: 590px;
  margin: 9px 0 0;
  font-size: 13px;
  text-align: left;
}

body[data-experience="video-continuity"] .opening-video-completion > div {
  grid-column: 2;
  grid-row: 1 / 3;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-width: 225px;
  margin-top: 0;
}

body[data-experience="video-continuity"] .opening-video-completion .btn {
  width: 100%;
  min-height: 52px;
  box-shadow: 0 13px 28px rgba(10,69,255,.2);
}

body[data-experience="video-continuity"] .opening-video-completion .text-button {
  min-height: 34px;
}

/* Department rooms and decisions */
body[data-experience="video-continuity"] .advising-room-shell {
  gap: clamp(16px,1.5vw,22px);
  padding: clamp(14px,1.35vw,19px);
  border-color: rgba(139,166,194,.4);
  background: linear-gradient(135deg,rgba(241,249,252,.97),rgba(231,245,250,.9));
  box-shadow: var(--vc-shadow);
}

body[data-experience="video-continuity"] .advising-video-frame {
  border-color: rgba(85,107,156,.36);
  box-shadow: 0 20px 50px rgba(14,31,78,.2);
}

body[data-experience="video-continuity"] .department-decision-panel {
  min-height: 474px;
  padding: clamp(22px,1.8vw,28px);
  border-color: rgba(154,173,210,.38);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(22,43,94,.105);
}

body[data-experience="video-continuity"] .decision-eyebrow {
  color: #145bd1;
  font-size: 9.5px;
}

body[data-experience="video-continuity"] .v1-interaction {
  min-height: 424px;
}

body[data-experience="video-continuity"] .v1-interaction h1 {
  color: #121a42;
  font-size: clamp(20px,1.65vw,27px);
  line-height: 1.19;
}

body[data-experience="video-continuity"] .v1-answer-grid {
  min-height: 141px;
  grid-template-rows: repeat(2,66px);
  gap: 9px;
  margin-top: 15px;
}

body[data-experience="video-continuity"] .v1-answer {
  height: 66px;
  padding: 10px 12px;
  color: #334162;
  border-color: transparent;
  border-radius: 13px;
  background: #f2f5fa;
  font-size: 12px;
  line-height: 1.3;
}

body[data-experience="video-continuity"] .v1-answer:hover {
  border-color: #adc0e7;
  background: #f8faff;
}

body[data-experience="video-continuity"] .v1-answer.selected {
  border-color: var(--vc-blue);
  background: linear-gradient(145deg,#eaf2ff,#f4f1ff);
  box-shadow: 0 0 0 3px rgba(10,69,255,.065);
}

body[data-experience="video-continuity"] .v1-answer-mark {
  width: 18px;
  height: 18px;
}

body[data-experience="video-continuity"] .v1-followup {
  min-height: 186px;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
}

body[data-experience="video-continuity"] .v1-evidence-toggle {
  min-height: 34px;
  color: #465675;
  font-size: 10px;
}

body[data-experience="video-continuity"] .v1-evidence-toggle > span {
  width: 20px;
  height: 20px;
}

body[data-experience="video-continuity"] .v1-evidence span {
  font-size: 12px;
}

body[data-experience="video-continuity"] .v1-evidence small {
  font-size: 10px;
}

body[data-experience="video-continuity"] .v1-evidence input {
  min-height: 44px;
  font-size: 12px;
}

body[data-experience="video-continuity"] .v1-insight {
  min-height: 76px;
  grid-template-columns: 32px minmax(0,1fr);
  padding: 12px 14px;
  border-left-width: 4px;
  background: linear-gradient(135deg,#eeeaff,#f7f3ff 78%);
}

body[data-experience="video-continuity"] .v1-insight-icon {
  width: 32px;
  height: 32px;
}

body[data-experience="video-continuity"] .v1-insight span {
  font-size: 8.5px;
}

body[data-experience="video-continuity"] .v1-insight strong {
  font-size: 12px;
  line-height: 1.4;
}

body[data-experience="video-continuity"] .v1-return {
  min-height: 46px;
}

/* Persistent corridor */
body[data-experience="video-continuity"] .initial-corridor-copy {
  margin-bottom: 28px;
}

body[data-experience="video-continuity"] .initial-corridor-copy h1 {
  color: #142052;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .initial-corridor-copy p {
  max-width: 720px;
  line-height: 1.5;
}

body[data-experience="video-continuity"] .university-corridor {
  border-color: rgba(122,145,193,.34);
  box-shadow: inset 0 18px 44px rgba(255,255,255,.86),0 24px 66px rgba(24,47,106,.13);
  scrollbar-width: thin;
  scrollbar-color: rgba(61,83,141,.28) transparent;
}

body[data-experience="video-continuity"] .corridor-door-frame {
  box-shadow: 0 15px 30px rgba(24,42,87,.15);
}

body[data-experience="video-continuity"] .corridor-door-panel {
  border-color: rgba(93,106,140,.24);
  background: linear-gradient(150deg,#e7ebf3,#fff 58%,#dce2ed);
}

body[data-experience="video-continuity"] .corridor-door.active:not(.opening):hover .corridor-door-frame {
  transform: translateY(-2px);
}

body[data-experience="video-continuity"] :is(.corridor-handoff-copy,.corridor-waiting-state,.corridor-service-state) {
  box-shadow: 0 14px 32px rgba(16,30,70,.15);
}

/* Synthesis and co-design */
body[data-experience="video-continuity"] .synthesis-stage {
  background:
    radial-gradient(circle at 10% 10%,rgba(10,69,255,.13),transparent 30%),
    radial-gradient(circle at 92% 14%,rgba(22,185,197,.11),transparent 28%),
    linear-gradient(145deg,#f2f7ff,#fff 58%,#f8f3ff);
}

body[data-experience="video-continuity"] .synthesis-view {
  gap: 20px;
  padding: 13px 20px;
}

body[data-experience="video-continuity"] .synthesis-story,
body[data-experience="video-continuity"] .synthesis-workspace {
  border-color: rgba(155,174,213,.38);
  border-radius: 26px;
  box-shadow: var(--vc-shadow);
}

body[data-experience="video-continuity"] .synthesis-workspace {
  background: rgba(255,255,255,.95);
}

body[data-experience="video-continuity"] .synthesis-transition,
body[data-experience="video-continuity"] .synthesis-control,
body[data-experience="video-continuity"] .endpoint-option {
  transition: border-color .18s,background .18s,box-shadow .18s;
}

body[data-experience="video-continuity"] :is(.synthesis-transition,.synthesis-control,.endpoint-option):hover {
  border-color: #9fb7e4;
  box-shadow: 0 8px 20px rgba(31,67,146,.085);
}

body[data-experience="video-continuity"] :is(.synthesis-transition,.synthesis-control,.endpoint-option).selected {
  background: linear-gradient(145deg,#ecf4ff,#f5f1ff);
}

body[data-experience="video-continuity"] .hypothesis-summary-card,
body[data-experience="video-continuity"] .v5-hypothesis,
body[data-experience="video-continuity"] .v5-next {
  border-color: rgba(146,170,210,.4);
  box-shadow: var(--vc-shadow-soft);
}

/* V5 */
body[data-experience="video-continuity"] .v5-stage {
  background:
    radial-gradient(circle at 44% 0,rgba(22,185,197,.12),transparent 28%),
    radial-gradient(circle at 92% 66%,rgba(87,32,199,.09),transparent 29%),
    linear-gradient(145deg,#f3f8ff,#fff 58%,#f8f3ff);
}

body[data-experience="video-continuity"] .v5-layout {
  column-gap: clamp(26px,3.2vw,46px);
}

body[data-experience="video-continuity"] .v5-intro h1,
body[data-experience="video-continuity"] .v5-post > header h2 {
  color: #142052;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .v5-intro p,
body[data-experience="video-continuity"] .v5-post > header p {
  color: #5e6c8b;
}

body[data-experience="video-continuity"] .v5-start,
body[data-experience="video-continuity"] .v5-next .btn,
body[data-experience="video-continuity"] .synthesis-continue,
body[data-experience="video-continuity"] .v1-return {
  background: linear-gradient(102deg,#16b9c5,#0a60ed 48%,#2939df 76%,#5720c7);
}

body[data-experience="video-continuity"] :is(.v5-replay,.replay-scene,.v5-review,.codesign-back,.codesign-refine) {
  min-height: 38px;
  border-radius: 8px;
}

@media (max-width: 1080px) {
  body[data-experience="video-continuity"] .cabinet-role-card { height: 250px; }
  body[data-experience="video-continuity"] .advising-room-shell { grid-template-columns: minmax(0,1.3fr) minmax(380px,1fr); }
  body[data-experience="video-continuity"] .v5-layout { column-gap: 0; }
}

@media (max-width: 820px) {
  body[data-experience="video-continuity"] .department-decision-panel { min-height: 470px; }
  body[data-experience="video-continuity"] .advising-room-shell { grid-template-columns: 1fr; }
  body[data-experience="video-continuity"] .v1-interaction { min-height: 424px; }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .experience-header { padding-inline: 14px; }
  body[data-experience="video-continuity"] .experience-brand { width: 126px; height: 58px; }
  body[data-experience="video-continuity"] .experience-perspective strong { font-size: 11px; }
  body[data-experience="video-continuity"] .welcome-card { border-radius: 21px; }
  body[data-experience="video-continuity"] .role-selection-copy h1 { font-size: clamp(38px,11vw,48px); }
  body[data-experience="video-continuity"] .cabinet-role-card { height: 225px; }
  body[data-experience="video-continuity"] .opening-video-shell { padding-bottom: 24px; }
  body[data-experience="video-continuity"] .opening-video-completion {
    width: calc(100% - 20px);
    min-height: 246px;
    grid-template-columns: 1fr;
    justify-items: stretch;
    row-gap: 0;
    margin: 12px auto 0;
    padding: 23px 18px 18px;
    text-align: center;
  }
  body[data-experience="video-continuity"] .opening-video-completion h1,
  body[data-experience="video-continuity"] .opening-video-completion p { text-align: center; }
  body[data-experience="video-continuity"] .opening-video-completion > div {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
    margin-top: 18px;
  }
  body[data-experience="video-continuity"] .department-decision-panel { min-height: 0; }
  body[data-experience="video-continuity"] .v1-interaction { min-height: 0; }
  body[data-experience="video-continuity"] .v1-answer-grid { min-height: 310px; grid-template-rows: repeat(4,minmax(68px,auto)); }
  body[data-experience="video-continuity"] .v1-answer { height: auto; min-height: 68px; font-size: 12.5px; }
  body[data-experience="video-continuity"] .v1-followup { min-height: 222px; }
  body[data-experience="video-continuity"] .synthesis-story,
  body[data-experience="video-continuity"] .synthesis-workspace { border-radius: 20px; }
  body[data-experience="video-continuity"] .synthesis-view { padding: 12px; }
  body[data-experience="video-continuity"] .v5-post-space { min-height: 570px; }
}

@media (max-width: 420px) {
  body[data-experience="video-continuity"] .welcome-view { padding: 12px; }
  body[data-experience="video-continuity"] .welcome-card { padding-inline: 19px; }
  body[data-experience="video-continuity"] .cabinet-role-card { height: 208px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-experience="video-continuity"] *,
  body[data-experience="video-continuity"] *::before,
  body[data-experience="video-continuity"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Minimal post-V5 21 Day Baseline */
body[data-experience="video-continuity"] .baseline-overview-stage {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 3%,rgba(79,99,255,.08),transparent 24%),
    linear-gradient(150deg,#fff,#fbfdff 54%,#fffafd);
}

body[data-experience="video-continuity"] .baseline-overview-view {
  min-height: calc(100vh - 86px);
  display: grid;
  place-items: start center;
  position: relative;
  overflow: hidden;
  padding: clamp(24px,3vw,38px) clamp(22px,4vw,64px) 34px;
}

body[data-experience="video-continuity"] .baseline-overview-view::before,
body[data-experience="video-continuity"] .baseline-overview-view::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(39vw,590px);
  aspect-ratio: 1;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(.2px);
}

body[data-experience="video-continuity"] .baseline-overview-view::before {
  left: min(-20vw,-180px);
  bottom: min(-23vw,-190px);
  background: radial-gradient(circle at 65% 35%,rgba(10,69,255,.02),rgba(70,111,255,.12) 72%,rgba(106,72,230,.035));
}

body[data-experience="video-continuity"] .baseline-overview-view::after {
  right: min(-19vw,-170px);
  bottom: min(-22vw,-180px);
  background: radial-gradient(circle at 35% 30%,rgba(255,139,80,.12),rgba(255,75,18,.055) 66%,transparent 72%);
}

body[data-experience="video-continuity"] .baseline-overview-shell {
  width: min(980px,100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  text-align: center;
}

body[data-experience="video-continuity"] .baseline-arc {
  width: 120px;
  height: 36px;
  display: block;
  flex: 0 0 auto;
  margin-bottom: 12px;
}
body[data-experience="video-continuity"] .baseline-overview-heading {
  animation: none;
}

body[data-experience="video-continuity"] .baseline-overview-heading > span {
  color: #284379;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .34em;
  text-transform: uppercase;
}

body[data-experience="video-continuity"] .baseline-overview-heading h1 {
  max-width: 900px;
  margin: 17px auto 0;
  color: #0c2d68;
  font: 800 clamp(43px,4.5vw,64px)/1.03 var(--font-display);
  letter-spacing: -.048em;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .baseline-overview-heading p {
  max-width: 760px;
  margin: 17px auto 0;
  color: #586d98;
  font-size: clamp(16px,1.45vw,20px);
  line-height: 1.48;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .baseline-lower {
  width: 100%;
  min-height: 342px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .15s ease,transform .15s ease;
}

body[data-experience="video-continuity"] .baseline-lower.baseline-module-leaving {
  opacity: 0;
  transform: translateY(7px);
}

body[data-experience="video-continuity"] .baseline-lower.baseline-module-entering {
  opacity: 0;
  transform: translateY(-7px);
}

body[data-experience="video-continuity"] .baseline-steps {
  width: min(900px,100%);
  display: grid;
  grid-template-columns: minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);
  align-items: center;
  margin-top: clamp(27px,3.4vw,42px);
}

body[data-experience="video-continuity"] .baseline-step {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: baselineFade .42s calc(.12s + var(--baseline-step) * .07s) cubic-bezier(.2,.75,.2,1) both;
}

body[data-experience="video-continuity"] .baseline-step-icon {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  padding: 17px;
  border-radius: 50%;
}

body[data-experience="video-continuity"] .baseline-step-icon svg { width: 100%; height: 100%; }
body[data-experience="video-continuity"] .baseline-step.blue .baseline-step-icon { color: #0b4de3; background: #edf3ff; }
body[data-experience="video-continuity"] .baseline-step.purple .baseline-step-icon { color: #6725d4; background: #f2ebff; }
body[data-experience="video-continuity"] .baseline-step.orange .baseline-step-icon { color: #f05017; background: #fff0e9; }

body[data-experience="video-continuity"] .baseline-step strong {
  margin-top: 12px;
  color: #11265c;
  font: 800 17px/1.2 var(--font-display);
}

body[data-experience="video-continuity"] .baseline-step p {
  margin: 6px 0 0;
  color: #5b70a0;
  font-size: 14px;
  line-height: 1.35;
}

body[data-experience="video-continuity"] .baseline-step-arrow {
  color: #b0bdd6;
  font-size: 21px;
  font-weight: 500;
}

body[data-experience="video-continuity"] .baseline-boundary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin: 31px 0 0;
  color: #50658f;
  font-size: 13px;
  letter-spacing: .025em;
  animation: baselineFade .42s .4s cubic-bezier(.2,.75,.2,1) both;
}

body[data-experience="video-continuity"] .baseline-boundary i {
  color: #8698bc;
  font-style: normal;
}

body[data-experience="video-continuity"] .baseline-actions {
  width: min(500px,100%);
  display: grid;
  justify-items: stretch;
  gap: 8px;
  margin-top: 23px;
  animation: baselineFade .42s .48s cubic-bezier(.2,.75,.2,1) both;
}

body[data-experience="video-continuity"] .baseline-primary {
  width: 100%;
  min-height: 60px;
  justify-content: center;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(105deg,#082d68,#0d387b 62%,#3433a4 82%,#f06a27 115%);
  box-shadow: 0 14px 31px rgba(8,45,104,.2),10px 4px 24px rgba(255,93,24,.09);
  font-size: 17px;
}

body[data-experience="video-continuity"] .baseline-primary:hover {
  box-shadow: 0 18px 38px rgba(8,45,104,.27),10px 5px 26px rgba(255,93,24,.12);
}

body[data-experience="video-continuity"] .baseline-primary > span { font-size: 21px; line-height: 1; }

body[data-experience="video-continuity"] .baseline-review {
  min-height: 42px;
  padding: 6px 10px;
  color: #24477f;
  border: 0;
  border-radius: 9px;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}

body[data-experience="video-continuity"] .baseline-review:hover { color: var(--vc-blue); }

body[data-experience="video-continuity"] .baseline-module-heading {
  width: min(760px,100%);
  margin: 27px auto 0;
  text-align: center;
}

body[data-experience="video-continuity"] .baseline-module-heading h2 {
  margin: 0;
  color: #102b64;
  font: 800 clamp(25px,2.25vw,34px)/1.1 var(--font-display);
  letter-spacing: -.03em;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .baseline-module-heading p {
  margin: 8px auto 0;
  color: #62759d;
  font-size: 14px;
  line-height: 1.45;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .baseline-choice-grid {
  width: min(940px,100%);
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin-top: 23px;
}

body[data-experience="video-continuity"] .baseline-choice {
  min-width: 0;
  min-height: 174px;
  display: grid;
  grid-template-columns: 52px minmax(0,1fr) 24px;
  align-items: start;
  gap: 13px;
  padding: 22px 19px;
  color: #11265c;
  border: 1px solid #dbe4f3;
  border-radius: 18px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 12px 30px rgba(24,48,100,.07);
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

body[data-experience="video-continuity"] .baseline-choice.blue {
  border-color: rgba(29,87,230,.42);
  background: linear-gradient(145deg,#f4f8ff,#fff);
  box-shadow: 0 16px 36px rgba(16,74,210,.13);
}

body[data-experience="video-continuity"] .baseline-choice:hover,
body[data-experience="video-continuity"] .baseline-choice:focus-visible {
  border-color: currentColor;
  box-shadow: 0 18px 38px rgba(24,48,100,.14);
  outline: 0;
}

body[data-experience="video-continuity"] .baseline-choice-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  padding: 13px;
  border-radius: 15px;
}

body[data-experience="video-continuity"] .baseline-choice-icon svg { width: 100%; height: 100%; }
body[data-experience="video-continuity"] .baseline-choice.blue { color: #1652cd; }
body[data-experience="video-continuity"] .baseline-choice.purple { color: #6928ca; }
body[data-experience="video-continuity"] .baseline-choice.orange { color: #d95720; }
body[data-experience="video-continuity"] .baseline-choice.blue .baseline-choice-icon { background: #e7efff; }
body[data-experience="video-continuity"] .baseline-choice.purple .baseline-choice-icon { background: #f1eaff; }
body[data-experience="video-continuity"] .baseline-choice.orange .baseline-choice-icon { background: #fff0e9; }

body[data-experience="video-continuity"] .baseline-choice-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  color: #10265f;
}

body[data-experience="video-continuity"] .baseline-choice-copy strong {
  font: 800 18px/1.17 var(--font-display);
  letter-spacing: -.018em;
}

body[data-experience="video-continuity"] .baseline-choice-copy small {
  margin-top: 9px;
  color: #65779d;
  font-size: 13px;
  line-height: 1.42;
}

body[data-experience="video-continuity"] .baseline-choice-arrow {
  align-self: center;
  color: currentColor;
  font-size: 22px;
}

body[data-experience="video-continuity"] .baseline-module-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 18px;
  margin-top: 13px;
}

body[data-experience="video-continuity"] .baseline-form-card {
  width: min(690px,100%);
  margin-top: 24px;
  padding: 23px 26px 24px;
  border: 1px solid #dce5f3;
  border-radius: 20px;
  background: rgba(255,255,255,.93);
  box-shadow: 0 18px 45px rgba(28,52,108,.09);
}

body[data-experience="video-continuity"] .baseline-form-card.blue { border-top: 3px solid #2864e5; }
body[data-experience="video-continuity"] .baseline-form-card.purple { border-top: 3px solid #7537d7; }
body[data-experience="video-continuity"] .baseline-form-card.orange { border-top: 3px solid #ef7136; }
body[data-experience="video-continuity"] .baseline-form-card .baseline-module-heading { margin-top: 0; }
body[data-experience="video-continuity"] .baseline-form-card .baseline-module-heading h2 { font-size: clamp(23px,2vw,30px); }

body[data-experience="video-continuity"] .baseline-form {
  margin-top: 18px;
}

body[data-experience="video-continuity"] .baseline-form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 13px;
}

body[data-experience="video-continuity"] .baseline-form label {
  display: grid;
  gap: 6px;
  color: #243c70;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
}

body[data-experience="video-continuity"] .baseline-form label > span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

body[data-experience="video-continuity"] .baseline-form label b {
  color: #8795b1;
  font-size: 10px;
  font-weight: 700;
}

body[data-experience="video-continuity"] .baseline-form input,
body[data-experience="video-continuity"] .baseline-form textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  color: #132a61;
  border: 1px solid #ccd8ea;
  border-radius: 10px;
  background: #fbfdff;
  font: 500 14px/1.35 var(--font-body);
  outline: 0;
}

body[data-experience="video-continuity"] .baseline-form textarea { min-height: 65px; resize: vertical; }
body[data-experience="video-continuity"] .baseline-form input:focus,
body[data-experience="video-continuity"] .baseline-form textarea:focus { border-color: #4e72da; box-shadow: 0 0 0 3px rgba(49,91,210,.12); }
body[data-experience="video-continuity"] .baseline-form-wide { grid-column: 1 / -1; }

body[data-experience="video-continuity"] .baseline-form-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin-top: 18px;
}

body[data-experience="video-continuity"] .baseline-form-actions .baseline-primary {
  width: auto;
  min-width: 255px;
  min-height: 50px;
  padding-inline: 24px;
  font-size: 14px;
}

body[data-experience="video-continuity"] .baseline-back {
  min-height: 44px;
  padding: 8px 10px;
  color: #53688f;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

body[data-experience="video-continuity"] .baseline-form-card + .baseline-review { margin-top: 5px; }

body[data-experience="video-continuity"] .baseline-form-helper {
  max-width: 560px;
  margin: 15px auto 0;
  padding: 10px 13px;
  color: #66779a;
  border-radius: 10px;
  background: #fff7f1;
  font-size: 12px;
  line-height: 1.42;
}

body[data-experience="video-continuity"] .baseline-map-preview {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  margin: 17px 0 0;
  overflow: hidden;
  border: 1px solid #e0e5f1;
  border-radius: 13px;
  background: #e0e5f1;
  text-align: left;
}

body[data-experience="video-continuity"] .baseline-map-preview > div {
  min-width: 0;
  padding: 10px 12px;
  background: #fbfaff;
}

body[data-experience="video-continuity"] .baseline-map-preview dt {
  color: #7865a6;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body[data-experience="video-continuity"] .baseline-map-preview dd {
  margin: 4px 0 0;
  color: #25396e;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

body[data-experience="video-continuity"] .baseline-preview-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

body[data-experience="video-continuity"] .baseline-preview-tags span {
  padding: 3px 6px;
  border-radius: 99px;
  background: #eee8ff;
  font-size: 10px;
}

body[data-experience="video-continuity"] .baseline-email-form,
body[data-experience="video-continuity"] .baseline-invite-form {
  width: min(520px,100%);
  margin-inline: auto;
}

body[data-experience="video-continuity"] .baseline-complete-card {
  width: min(620px,100%);
  display: grid;
  justify-items: center;
  margin-top: 35px;
  padding: 32px;
  border: 1px solid #dce5f3;
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 46px rgba(28,52,108,.1);
}

body[data-experience="video-continuity"] .baseline-complete-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  padding: 14px;
  color: #225bdc;
  border-radius: 50%;
  background: #eaf1ff;
}

body[data-experience="video-continuity"] .baseline-complete-icon svg { width: 100%; height: 100%; }
body[data-experience="video-continuity"] .baseline-complete-card .baseline-module-heading { margin-top: 13px; }
body[data-experience="video-continuity"] .baseline-complete-card .baseline-primary { width: auto; min-width: 220px; min-height: 50px; margin-top: 20px; font-size: 14px; }

body[data-experience="video-continuity"] .baseline-decoration {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
}

body[data-experience="video-continuity"] .baseline-decoration > b {
  width: 420px;
  height: 420px;
  position: absolute;
  right: -210px;
  top: 40px;
  border: 1px solid rgba(80,119,226,.16);
  border-radius: 50%;
}

body[data-experience="video-continuity"] .baseline-decoration > b:nth-of-type(2) { width: 520px; height: 520px; right: -270px; top: 5px; border-color: rgba(110,53,211,.12); }
body[data-experience="video-continuity"] .baseline-decoration > b:nth-of-type(3) { width: 630px; height: 630px; right: -335px; top: -32px; border-color: rgba(255,100,35,.1); }
body[data-experience="video-continuity"] .baseline-decoration > i {
  width: 11px;
  height: 11px;
  position: absolute;
  z-index: 2;
  right: 7.8%;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(255,255,255,.7);
}

body[data-experience="video-continuity"] .baseline-decoration > i:nth-child(1) { top: 17%; background: #5680ef; }
body[data-experience="video-continuity"] .baseline-decoration > i:nth-child(2) { top: 31%; right: 5.2%; background: #813fe1; }
body[data-experience="video-continuity"] .baseline-decoration > i:nth-child(3) { top: 49%; right: 8.7%; background: #ff8a45; }

@keyframes baselineFade {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .baseline-overview-view {
    min-height: calc(100vh - 74px);
    overflow: visible;
    padding: 24px 18px 34px;
  }
  body[data-experience="video-continuity"] .baseline-overview-view::before,
  body[data-experience="video-continuity"] .baseline-overview-view::after { width: 520px; opacity: .65; }
  body[data-experience="video-continuity"] .baseline-arc { width: 104px; height: 32px; margin-bottom: 10px; }
  body[data-experience="video-continuity"] .baseline-overview-heading > span { font-size: 11px; letter-spacing: .28em; }
  body[data-experience="video-continuity"] .baseline-overview-heading h1 { margin-top: 13px; font-size: clamp(38px,11vw,48px); }
  body[data-experience="video-continuity"] .baseline-overview-heading p { margin-top: 14px; font-size: 16px; }
  body[data-experience="video-continuity"] .baseline-lower { min-height: 0; }
  body[data-experience="video-continuity"] .baseline-steps {
    width: min(420px,100%);
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 27px;
  }
  body[data-experience="video-continuity"] .baseline-step { min-height: 118px; }
  body[data-experience="video-continuity"] .baseline-step-icon { width: 58px; height: 58px; padding: 15px; }
  body[data-experience="video-continuity"] .baseline-step strong { margin-top: 9px; font-size: 16px; }
  body[data-experience="video-continuity"] .baseline-step p { margin-top: 4px; }
  body[data-experience="video-continuity"] .baseline-step-arrow { height: 18px; line-height: 18px; transform: rotate(90deg); }
  body[data-experience="video-continuity"] .baseline-boundary { flex-wrap: wrap; gap: 4px 8px; max-width: 310px; margin-top: 25px; font-size: 12px; line-height: 1.45; }
  body[data-experience="video-continuity"] .baseline-actions { margin-top: 20px; }
  body[data-experience="video-continuity"] .baseline-primary { min-height: 58px; padding-inline: 15px; font-size: 15px; }
  body[data-experience="video-continuity"] .baseline-module-heading { margin-top: 25px; }
  body[data-experience="video-continuity"] .baseline-module-heading h2 { font-size: 25px; }
  body[data-experience="video-continuity"] .baseline-choice-grid { grid-template-columns: 1fr; width: min(430px,100%); }
  body[data-experience="video-continuity"] .baseline-choice { min-height: 128px; grid-template-columns: 48px minmax(0,1fr) 22px; padding: 18px 16px; }
  body[data-experience="video-continuity"] .baseline-choice-icon { width: 48px; height: 48px; padding: 12px; }
  body[data-experience="video-continuity"] .baseline-choice-copy strong { font-size: 17px; }
  body[data-experience="video-continuity"] .baseline-form-card { margin-top: 23px; padding: 21px 17px; }
  body[data-experience="video-continuity"] .baseline-form-grid,
  body[data-experience="video-continuity"] .baseline-map-preview { grid-template-columns: 1fr; }
  body[data-experience="video-continuity"] .baseline-form-wide { grid-column: auto; }
  body[data-experience="video-continuity"] .baseline-form-actions { flex-direction: column; gap: 3px; }
  body[data-experience="video-continuity"] .baseline-form-actions .baseline-primary { width: 100%; min-width: 0; }
  body[data-experience="video-continuity"] .baseline-complete-card { margin-top: 26px; padding: 27px 19px; }
  body[data-experience="video-continuity"] .baseline-decoration { opacity: .48; }
}

/* Immersive institutional corridor */
body[data-experience="video-continuity"] .initial-corridor-stage {
  min-height: 100vh;
  overflow: hidden;
  background: #f5f8ff;
}

body[data-experience="video-continuity"] .initial-corridor-stage > .experience-header {
  position: absolute;
  z-index: 20;
  inset: 0 0 auto;
  border-bottom: 0;
  background: linear-gradient(180deg,rgba(247,250,255,.94),rgba(247,250,255,.58) 74%,transparent);
  box-shadow: none;
  backdrop-filter: blur(10px) saturate(1.08);
}

body[data-experience="video-continuity"] .initial-corridor-stage .experience-brand {
  width: 176px;
}

body[data-experience="video-continuity"] .initial-corridor-view {
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  padding: 104px clamp(16px,2.4vw,38px) 0;
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.98),transparent 31%),
    radial-gradient(circle at 12% 45%,rgba(91,143,255,.17),transparent 32%),
    radial-gradient(circle at 88% 50%,rgba(155,112,255,.13),transparent 31%),
    linear-gradient(142deg,#eef5ff 0%,#fbfdff 45%,#f2efff 100%);
}

body[data-experience="video-continuity"] .initial-corridor-view::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(116deg,transparent 0 56%,rgba(255,255,255,.78) 59%,rgba(255,255,255,.24) 64%,transparent 69%),
    linear-gradient(108deg,transparent 0 66%,rgba(108,169,255,.08) 68%,transparent 72%);
  animation: corridor-sun-drift 12s ease-in-out infinite alternate;
}

body[data-experience="video-continuity"] .initial-corridor-view::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image: linear-gradient(90deg,rgba(92,122,187,.08) 1px,transparent 1px);
  background-size: 12.5% 100%;
  mask-image: linear-gradient(180deg,black,transparent 76%);
}

body[data-experience="video-continuity"] .initial-corridor-copy {
  max-width: 940px;
  position: relative;
  z-index: 4;
  margin: 0 auto 18px;
  text-align: center;
}

body[data-experience="video-continuity"] .initial-corridor-copy > span {
  color: #0a45ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .28em;
}

body[data-experience="video-continuity"] .initial-corridor-copy h1 {
  max-width: 860px;
  margin: 8px auto 0;
  color: #101a52;
  font-size: clamp(39px,4.2vw,62px);
  line-height: .98;
  letter-spacing: -.052em;
}

body[data-experience="video-continuity"] .initial-corridor-copy p {
  max-width: 760px;
  margin: 10px auto 0;
  color: #607092;
  font-size: clamp(13px,1.2vw,16px);
}

body[data-experience="video-continuity"] .university-corridor {
  --corridor-door-height: clamp(334px,39vh,408px);
  width: min(1510px,100%);
  min-height: calc(var(--corridor-door-height) + 168px);
  position: relative;
  z-index: 2;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(255,255,255,.84);
  border-bottom: 0;
  border-radius: 48px 48px 0 0;
  background:
    radial-gradient(ellipse at 50% 0,rgba(255,255,255,1) 0%,rgba(255,255,255,.68) 34%,transparent 67%),
    linear-gradient(110deg,rgba(64,121,255,.08),transparent 23%,transparent 72%,rgba(126,82,221,.075)),
    linear-gradient(180deg,rgba(253,254,255,.96),rgba(237,244,255,.94) 72%,rgba(223,233,250,.98));
  box-shadow:
    inset 0 24px 70px rgba(255,255,255,.96),
    inset 0 -35px 85px rgba(102,138,207,.08),
    0 28px 80px rgba(34,59,120,.14);
  scrollbar-width: thin;
  scrollbar-color: rgba(69,96,160,.25) transparent;
}

body[data-experience="video-continuity"] .university-corridor::before {
  content: "";
  min-width: 1220px;
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .68;
  background:
    linear-gradient(106deg,transparent 0 61%,rgba(255,255,255,.92) 64%,rgba(255,255,255,.24) 69%,transparent 73%),
    radial-gradient(circle at 20% 20%,rgba(99,156,255,.14),transparent 25%),
    radial-gradient(circle at 82% 28%,rgba(255,188,126,.1),transparent 23%);
}

body[data-experience="video-continuity"] .corridor-architecture {
  min-width: 1220px;
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

body[data-experience="video-continuity"] .corridor-architecture > i {
  width: 96px;
  position: absolute;
  top: 30px;
  bottom: 82px;
  border: 1px solid rgba(162,183,224,.3);
  background: linear-gradient(90deg,rgba(214,229,255,.78),rgba(255,255,255,.9));
  box-shadow: inset -12px 0 28px rgba(107,141,208,.08),0 0 38px rgba(255,255,255,.8);
}

body[data-experience="video-continuity"] .corridor-architecture > i:first-child {
  left: -28px;
  border-radius: 0 68px 68px 0;
}

body[data-experience="video-continuity"] .corridor-architecture > i:nth-child(2) {
  right: -28px;
  border-radius: 68px 0 0 68px;
  background: linear-gradient(270deg,rgba(224,216,255,.74),rgba(255,255,255,.9));
  box-shadow: inset 12px 0 28px rgba(130,95,205,.07),0 0 38px rgba(255,255,255,.8);
}

body[data-experience="video-continuity"] .corridor-architecture > span {
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 112px;
  left: 17%;
  opacity: .48;
  background: linear-gradient(180deg,white,rgba(93,139,234,.22),transparent);
  box-shadow: 0 0 24px 8px rgba(255,255,255,.9);
}

body[data-experience="video-continuity"] .corridor-architecture > span:last-child { left: auto; right: 17%; }

body[data-experience="video-continuity"] .corridor-ceiling {
  min-width: 1220px;
  height: 42px;
  position: relative;
  z-index: 2;
  border: 0;
  background: linear-gradient(180deg,rgba(255,255,255,.82),transparent);
}

body[data-experience="video-continuity"] .corridor-ceiling::after {
  inset: auto 5% -14px;
  height: 18px;
  background: radial-gradient(ellipse,rgba(255,255,255,.95),transparent 70%);
}

body[data-experience="video-continuity"] .corridor-ceiling i {
  width: 62%;
  height: 3px;
  background: linear-gradient(90deg,transparent,white 30% 70%,transparent);
  box-shadow: 0 0 17px 7px rgba(255,255,255,.9),0 5px 14px rgba(86,120,192,.08);
}

body[data-experience="video-continuity"] .corridor-doors {
  min-width: 1220px;
  grid-template-columns: repeat(3,minmax(205px,1fr) 66px) minmax(205px,1fr);
  gap: 10px;
  align-items: end;
  z-index: 3;
  padding: 18px clamp(54px,5vw,82px) 0;
}

body[data-experience="video-continuity"] .corridor-door {
  gap: 8px;
  color: #19275e;
}

body[data-experience="video-continuity"] .corridor-door-state {
  min-height: 20px;
  color: #7b87a3;
  font-size: 8px;
  letter-spacing: .18em;
}

body[data-experience="video-continuity"] .corridor-door-frame {
  height: var(--corridor-door-height);
  padding: 7px 7px 0;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.92);
  border-bottom: 0;
  border-radius: 112px 112px 12px 12px;
  background: linear-gradient(180deg,color-mix(in srgb,var(--corridor-door-color) 72%,white),color-mix(in srgb,var(--corridor-door-color) 82%,#7a86a2));
  box-shadow:
    0 0 0 3px color-mix(in srgb,var(--corridor-door-color) 9%,white),
    0 0 32px color-mix(in srgb,var(--corridor-door-color) 17%,transparent),
    0 24px 42px rgba(36,55,102,.14);
}

body[data-experience="video-continuity"] .corridor-door-frame::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -13px -11px -4px;
  border: 1px solid color-mix(in srgb,var(--corridor-door-color) 16%,white);
  border-bottom: 0;
  border-radius: 124px 124px 16px 16px;
  box-shadow: 0 0 28px rgba(255,255,255,.72);
}

body[data-experience="video-continuity"] .corridor-door-room,
body[data-experience="video-continuity"] .corridor-door-panel {
  inset: 7px 7px 0;
  border-radius: 102px 102px 7px 7px;
}

body[data-experience="video-continuity"] .corridor-door-room {
  background:
    radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--corridor-door-color) 48%,transparent),transparent 42%),
    linear-gradient(155deg,#172353,#090d25 74%);
}

body[data-experience="video-continuity"] .corridor-door-room::after {
  width: 70%;
  height: 62%;
  border-radius: 80px 80px 0 0;
}

body[data-experience="video-continuity"] .corridor-door-panel {
  padding: 58px 18px 28px;
  border: 1px solid rgba(255,255,255,.8);
  background:
    linear-gradient(120deg,rgba(255,255,255,.9) 0 30%,rgba(255,255,255,.28) 43%,transparent 56%),
    linear-gradient(155deg,color-mix(in srgb,var(--corridor-door-color) 10%,white),rgba(255,255,255,.82) 55%,color-mix(in srgb,var(--corridor-door-color) 13%,#edf2fb));
  box-shadow: inset 0 0 34px rgba(255,255,255,.58),inset -12px 0 28px rgba(73,94,145,.055);
  backdrop-filter: blur(8px) saturate(.9);
}

body[data-experience="video-continuity"] .corridor-door-panel::after {
  background:
    linear-gradient(142deg,transparent 0 47%,rgba(255,255,255,.54) 48% 55%,transparent 56%),
    linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%);
}

body[data-experience="video-continuity"] .corridor-door-icon {
  width: 64px;
  height: 64px;
  padding: 16px;
  color: color-mix(in srgb,var(--corridor-door-color) 86%,#4e5873);
  border: 1px solid rgba(255,255,255,.86);
  background: rgba(255,255,255,.45);
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--corridor-door-color) 9%,transparent),0 8px 24px rgba(55,75,124,.08);
  backdrop-filter: blur(8px);
}

body[data-experience="video-continuity"] .corridor-door strong {
  max-width: 190px;
  margin-top: 17px;
  font-size: clamp(17px,1.45vw,22px);
  line-height: 1.05;
  letter-spacing: -.025em;
}

body[data-experience="video-continuity"] .corridor-door small {
  max-width: 180px;
  min-height: 31px;
  margin-top: 8px;
  color: #667391;
  font-size: 11px;
}

body[data-experience="video-continuity"] .corridor-door-handle {
  width: 13px;
  height: 43px;
  position: absolute;
  z-index: 4;
  top: 56%;
  right: 12px;
  border: 1px solid rgba(91,104,134,.38);
  border-radius: 8px;
  background: linear-gradient(90deg,#aeb9cd,#fdfefe 45%,#8997b1);
  box-shadow: inset 0 0 3px white,0 3px 8px rgba(46,59,93,.22);
  transform: translateY(-50%);
}

body[data-experience="video-continuity"] .corridor-door-handle i {
  width: 34px;
  height: 8px;
  position: absolute;
  top: 15px;
  right: 5px;
  border: 1px solid rgba(86,98,126,.38);
  border-radius: 8px 3px 3px 8px;
  background: linear-gradient(180deg,#fdfefe,#a5b0c3 52%,#78869f);
  box-shadow: 0 3px 6px rgba(49,63,98,.2);
}

body[data-experience="video-continuity"] .corridor-door.inactive {
  opacity: .78;
  filter: none;
}

body[data-experience="video-continuity"] .corridor-door.active:not(.opening) .corridor-door-frame {
  animation: corridor-active-breathe 3.4s ease-in-out infinite;
}

body[data-experience="video-continuity"] .corridor-door.active .corridor-door-frame {
  background: linear-gradient(180deg,#2b6cff,#0738e9);
  box-shadow: 0 0 0 4px rgba(75,127,255,.2),0 0 46px rgba(10,69,255,.42),0 24px 44px rgba(21,65,180,.2);
}

body[data-experience="video-continuity"] .corridor-door.active .corridor-door-frame::before {
  top: 25px;
  background: #f7fbff;
  box-shadow: 0 0 22px 11px rgba(255,255,255,.86),0 0 36px 18px rgba(78,157,255,.22);
}

body[data-experience="video-continuity"] .corridor-door.active .corridor-door-panel {
  background:
    linear-gradient(120deg,rgba(255,255,255,.94) 0 29%,rgba(180,216,255,.34) 43%,transparent 56%),
    linear-gradient(155deg,#e1efff,rgba(255,255,255,.86) 58%,#d2e4ff);
}

body[data-experience="video-continuity"] .corridor-door.active:not(.opening):hover .corridor-door-frame {
  transform: translateY(-3px);
  box-shadow: 0 0 0 5px rgba(75,127,255,.22),0 0 56px rgba(10,69,255,.5),0 28px 48px rgba(21,65,180,.22);
}

body[data-experience="video-continuity"] .corridor-door.completed .corridor-door-frame {
  background: linear-gradient(180deg,#195ff0,#5631c8);
  box-shadow: 0 0 0 4px rgba(49,93,232,.12),0 0 34px rgba(80,55,196,.2),0 20px 38px rgba(29,49,110,.16);
}

body[data-experience="video-continuity"] .corridor-visited {
  top: 30px;
  right: 24px;
}

body[data-experience="video-continuity"] .corridor-enter {
  min-width: 126px;
  min-height: 42px;
  margin-top: 18px;
  padding: 10px 18px;
  background: linear-gradient(100deg,#0a45ff,#1238df);
  box-shadow: 0 10px 25px rgba(10,69,255,.25);
  font-size: 10px;
  letter-spacing: .16em;
}

body[data-experience="video-continuity"] .corridor-link {
  height: var(--corridor-door-height);
  padding-top: 28px;
}

body[data-experience="video-continuity"] .corridor-link i {
  height: 2px;
  background: linear-gradient(90deg,#aebbd3,#7e8ba7,#aebbd3);
  box-shadow: 0 1px 7px rgba(78,102,156,.14);
}

body[data-experience="video-continuity"] .corridor-link i::after {
  top: calc(50% + 14px);
  border: 2px solid rgba(255,255,255,.84);
  box-shadow: 0 0 0 4px rgba(120,140,181,.1),0 3px 8px rgba(54,75,125,.14);
}

body[data-experience="video-continuity"] :is(.corridor-handoff-copy,.corridor-waiting-state,.corridor-service-state) {
  border-color: rgba(151,169,209,.42);
  background: rgba(255,255,255,.9);
  box-shadow: 0 15px 36px rgba(35,55,105,.16);
  backdrop-filter: blur(15px);
}

body[data-experience="video-continuity"] .corridor-floor {
  min-width: 1220px;
  height: 136px;
  position: relative;
  z-index: 2;
  margin-top: -1px;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.86);
  background:
    linear-gradient(106deg,transparent 0 57%,rgba(255,255,255,.76) 61%,transparent 68%),
    repeating-linear-gradient(90deg,transparent 0 12.4%,rgba(91,119,179,.1) 12.5%,transparent 12.65%),
    linear-gradient(170deg,transparent 0 49.6%,rgba(96,122,178,.12) 50%,transparent 50.4%),
    linear-gradient(190deg,transparent 0 49.6%,rgba(96,122,178,.1) 50%,transparent 50.4%),
    linear-gradient(180deg,#dce8f8,#f8fbff 78%);
  box-shadow: inset 0 16px 34px rgba(98,133,201,.08),inset 0 55px 70px rgba(255,255,255,.62);
}

body[data-experience="video-continuity"] .corridor-floor::before {
  content: "";
  position: absolute;
  inset: 0 6%;
  opacity: .28;
  filter: blur(11px);
  background: repeating-linear-gradient(90deg,rgba(24,86,255,.25) 0 8%,transparent 8% 25%);
  mask-image: linear-gradient(180deg,black,transparent 78%);
}

body[data-experience="video-continuity"] .corridor-reset {
  position: absolute;
  z-index: 8;
  right: clamp(24px,3vw,50px);
  bottom: 14px;
  margin: 0;
  border-color: rgba(153,169,205,.52);
  background: rgba(255,255,255,.7);
  box-shadow: 0 8px 24px rgba(41,60,106,.08);
  backdrop-filter: blur(12px);
}

@keyframes corridor-active-breathe {
  0%,100% { box-shadow: 0 0 0 4px rgba(75,127,255,.16),0 0 38px rgba(10,69,255,.34),0 24px 44px rgba(21,65,180,.18); }
  50% { box-shadow: 0 0 0 5px rgba(75,127,255,.23),0 0 58px rgba(10,69,255,.5),0 24px 48px rgba(21,65,180,.22); }
}

@keyframes corridor-sun-drift {
  from { opacity: .72; transform: translate3d(-1.5%,0,0); }
  to { opacity: 1; transform: translate3d(1.5%,0,0); }
}

@media (max-width: 1180px) and (min-width: 701px) {
  body[data-experience="video-continuity"] .university-corridor { --corridor-door-height: 344px; }
  body[data-experience="video-continuity"] .university-corridor::before,
  body[data-experience="video-continuity"] .corridor-architecture,
  body[data-experience="video-continuity"] .corridor-ceiling,
  body[data-experience="video-continuity"] .corridor-doors,
  body[data-experience="video-continuity"] .corridor-floor { min-width: 1040px; }
  body[data-experience="video-continuity"] .corridor-doors { grid-template-columns: repeat(3,minmax(176px,1fr) 48px) minmax(176px,1fr); padding-inline: 50px; }
  body[data-experience="video-continuity"] .corridor-door-frame { border-radius: 96px 96px 11px 11px; }
  body[data-experience="video-continuity"] .corridor-door-room,
  body[data-experience="video-continuity"] .corridor-door-panel { border-radius: 88px 88px 7px 7px; }
  body[data-experience="video-continuity"] .corridor-door strong { font-size: 17px; }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .initial-corridor-stage { overflow: visible; }
  body[data-experience="video-continuity"] .initial-corridor-stage > .experience-header { position: absolute; gap: 10px; padding-inline: 12px; }
  body[data-experience="video-continuity"] .initial-corridor-stage .experience-brand { width: 108px; flex: 0 0 108px; }
  body[data-experience="video-continuity"] .initial-corridor-stage .experience-perspective { width: calc(100% - 118px); max-width: none; min-width: 0; }
  body[data-experience="video-continuity"] .initial-corridor-stage .experience-perspective strong { max-width: 100%; font-size: 9.5px; }
  body[data-experience="video-continuity"] .initial-corridor-view { min-height: 100vh; padding: 92px 12px 0; overflow: hidden; }
  body[data-experience="video-continuity"] .initial-corridor-copy { margin-bottom: 24px; padding-inline: 8px; text-align: center; }
  body[data-experience="video-continuity"] .initial-corridor-copy > span { font-size: 8px; letter-spacing: .2em; }
  body[data-experience="video-continuity"] .initial-corridor-copy h1 { font-size: clamp(35px,10vw,46px); }
  body[data-experience="video-continuity"] .initial-corridor-copy p { font-size: 13px; line-height: 1.45; }
  body[data-experience="video-continuity"] .university-corridor {
    --corridor-door-height: 388px;
    min-height: 0;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
  }
  body[data-experience="video-continuity"] .university-corridor::before,
  body[data-experience="video-continuity"] .corridor-architecture,
  body[data-experience="video-continuity"] .corridor-ceiling,
  body[data-experience="video-continuity"] .corridor-doors,
  body[data-experience="video-continuity"] .corridor-floor { min-width: 0; }
  body[data-experience="video-continuity"] .corridor-architecture > i { width: 54px; opacity: .52; }
  body[data-experience="video-continuity"] .corridor-ceiling { height: 50px; }
  body[data-experience="video-continuity"] .corridor-ceiling i { width: 52%; }
  body[data-experience="video-continuity"] .corridor-doors { grid-template-columns: minmax(0,1fr); gap: 18px; padding: 18px 18px 30px; }
  body[data-experience="video-continuity"] .corridor-door { width: min(320px,88%); justify-self: center; }
  body[data-experience="video-continuity"] .corridor-door-frame { border-radius: 112px 112px 12px 12px; }
  body[data-experience="video-continuity"] .corridor-door-room,
  body[data-experience="video-continuity"] .corridor-door-panel { border-radius: 102px 102px 7px 7px; }
  body[data-experience="video-continuity"] .corridor-door strong { font-size: 21px; }
  body[data-experience="video-continuity"] .corridor-link { width: min(300px,84%); height: 112px; justify-self: center; padding: 0; }
  body[data-experience="video-continuity"] .corridor-link i { width: 2px; height: 100%; }
  body[data-experience="video-continuity"] .corridor-link i::after { top: 50%; left: 50%; }
  body[data-experience="video-continuity"] :is(.corridor-handoff-copy,.corridor-waiting-state,.corridor-service-state) { top: 50%; left: 50%; transform: translate(-50%,-50%); }
  body[data-experience="video-continuity"] .corridor-floor { height: 104px; }
  body[data-experience="video-continuity"] .corridor-reset { position: relative; right: auto; bottom: auto; z-index: 3; margin: 13px 8px 18px auto; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-experience="video-continuity"] .initial-corridor-view::before,
  body[data-experience="video-continuity"] .corridor-door.active:not(.opening) .corridor-door-frame { animation: none; }
}

/* V5 video-first cohort transition */
body[data-experience="video-continuity"] .v5-stage {
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% 0,rgba(49,144,233,.1),transparent 30%),
    radial-gradient(circle at 92% 72%,rgba(108,63,211,.07),transparent 28%),
    linear-gradient(145deg,#f3f8ff,#fff 58%,#f7f4ff);
}

body[data-experience="video-continuity"] .v5-view {
  min-height: calc(100vh - 86px);
  display: block;
  padding: 22px clamp(18px,3vw,44px) 42px;
}

body[data-experience="video-continuity"] .v5-shell {
  width: min(1380px,100%);
  margin: 0 auto;
}

body[data-experience="video-continuity"] .v5-progress {
  min-height: 24px;
  opacity: .82;
}

body[data-experience="video-continuity"] .v5-layout {
  width: min(1120px,80vw,calc(177.78vh - 570px));
  min-width: min(760px,100%);
  display: block;
  margin: 18px auto 0;
}

body[data-experience="video-continuity"] .v5-cinema {
  width: 100%;
  display: block;
  margin: 0;
}

body[data-experience="video-continuity"] .v5-video-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(113,136,187,.42);
  border-radius: 22px;
  background: #050713;
  box-shadow: 0 28px 74px rgba(14,31,78,.23),0 0 0 6px rgba(255,255,255,.58);
}

body[data-experience="video-continuity"] .v5-video-frame video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #050713;
}

body[data-experience="video-continuity"] .v5-post-space {
  width: 100%;
  min-height: 176px;
  margin: 0;
  padding-top: 14px;
}

body[data-experience="video-continuity"] .v5-post {
  min-height: 126px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,auto);
  gap: clamp(20px,3vw,42px);
  align-items: center;
  padding: 22px clamp(22px,3vw,34px);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(145,166,208,.46);
  border-radius: 18px;
  background: linear-gradient(118deg,rgba(255,255,255,.96),rgba(239,246,255,.94) 62%,rgba(244,239,255,.94));
  box-shadow: 0 18px 48px rgba(27,50,105,.12);
  transform: translateY(10px);
  transition: opacity .28s ease,transform .28s ease,visibility 0s linear .28s;
}

body[data-experience="video-continuity"] .v5-post.revealed {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition-delay: 0s;
}

body[data-experience="video-continuity"] .v5-post-copy {
  min-width: 0;
}

body[data-experience="video-continuity"] .v5-post-copy h2 {
  margin: 0;
  color: #111e57;
  font: 800 clamp(28px,2.55vw,40px)/1.03 var(--font-display);
  letter-spacing: -.045em;
}

body[data-experience="video-continuity"] .v5-post-copy p {
  max-width: 680px;
  margin: 9px 0 0;
  color: #5f6d8c;
  font-size: clamp(12px,1vw,14px);
  line-height: 1.48;
}

body[data-experience="video-continuity"] .v5-baseline-cta {
  min-width: 320px;
  min-height: 56px;
  justify-content: center;
  white-space: nowrap;
  background: linear-gradient(102deg,#16b9c5,#0a60ed 48%,#2939df 76%,#5720c7);
  box-shadow: 0 14px 30px rgba(35,62,190,.22);
}

body[data-experience="video-continuity"] .v5-baseline-cta span {
  font-size: 18px;
  line-height: 1;
}

body[data-experience="video-continuity"] .v5-replay {
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: 5px auto 0;
  padding: 4px 7px;
  visibility: hidden;
  opacity: 0;
  color: #687595;
  border: 0;
  background: transparent;
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
  transition: color .18s,opacity .2s;
}

body[data-experience="video-continuity"] .v5-replay.visible { visibility: visible; opacity: 1; }
body[data-experience="video-continuity"] .v5-replay:hover { color: #0a45ff; }
body[data-experience="video-continuity"] .v5-replay svg { width: 13px; height: 13px; }

@media (max-width: 900px) {
  body[data-experience="video-continuity"] .v5-layout { width: min(900px,100%); min-width: 0; }
  body[data-experience="video-continuity"] .v5-post { grid-template-columns: 1fr; gap: 18px; }
  body[data-experience="video-continuity"] .v5-baseline-cta { width: 100%; min-width: 0; }
  body[data-experience="video-continuity"] .v5-post-space { min-height: 240px; }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .v5-stage > .experience-header { gap: 10px; padding-inline: 12px; }
  body[data-experience="video-continuity"] .v5-stage .experience-brand { width: 108px; flex: 0 0 108px; }
  body[data-experience="video-continuity"] .v5-stage .experience-perspective { width: calc(100% - 118px); max-width: none; min-width: 0; }
  body[data-experience="video-continuity"] .v5-stage .experience-perspective strong { max-width: 100%; font-size: 9.5px; }
  body[data-experience="video-continuity"] .v5-view { min-height: calc(100vh - 74px); padding: 18px 12px 30px; }
  body[data-experience="video-continuity"] .v5-progress { justify-content: flex-start; overflow-x: auto; padding: 2px 2px 5px; }
  body[data-experience="video-continuity"] .v5-layout { margin-top: 14px; }
  body[data-experience="video-continuity"] .v5-video-frame { border-radius: 14px; box-shadow: 0 20px 48px rgba(14,31,78,.2),0 0 0 4px rgba(255,255,255,.58); }
  body[data-experience="video-continuity"] .v5-post-space { min-height: 282px; padding-top: 12px; }
  body[data-experience="video-continuity"] .v5-post { min-height: 224px; gap: 17px; padding: 22px 18px; border-radius: 15px; }
  body[data-experience="video-continuity"] .v5-post-copy h2 { font-size: 30px; }
  body[data-experience="video-continuity"] .v5-post-copy p { font-size: 13px; }
  body[data-experience="video-continuity"] .v5-baseline-cta { min-height: 58px; padding-inline: 14px; white-space: normal; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-experience="video-continuity"] .v5-post { transition-duration: .01ms; }
}

/* One persistent physical corridor across every journey state */
body[data-experience="video-continuity"] .initial-corridor-view {
  padding-top: 92px;
  background:
    radial-gradient(ellipse at 50% 8%,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 25%,transparent 54%),
    radial-gradient(circle at 4% 50%,rgba(77,135,255,.19),transparent 28%),
    radial-gradient(circle at 96% 47%,rgba(151,101,235,.13),transparent 28%),
    linear-gradient(108deg,rgba(255,255,255,.5),transparent 19% 78%,rgba(255,248,240,.58)),
    linear-gradient(180deg,#eaf3ff 0%,#f9fbff 43%,#edf2ff 100%);
}

body[data-experience="video-continuity"] .initial-corridor-view::before {
  background:
    linear-gradient(112deg,transparent 0 54%,rgba(255,255,255,.86) 58%,rgba(255,255,255,.3) 64%,transparent 70%),
    linear-gradient(103deg,transparent 0 70%,rgba(112,166,255,.11) 72%,transparent 76%);
}

body[data-experience="video-continuity"] .initial-corridor-view::after {
  opacity: .52;
  background-image:
    linear-gradient(90deg,rgba(102,133,196,.11) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.76),transparent 24%);
  background-size: 12.5% 100%,100% 100%;
}

body[data-experience="video-continuity"] .initial-corridor-copy {
  max-width: 920px;
  margin-bottom: 8px;
}

body[data-experience="video-continuity"] .initial-corridor-copy h1 {
  max-width: 820px;
  font-size: clamp(35px,3.6vw,52px);
}

body[data-experience="video-continuity"] .initial-corridor-copy p {
  margin-top: 7px;
  font-size: 13px;
}

body[data-experience="video-continuity"] .journey-complete .initial-corridor-copy {
  margin-bottom: 3px;
}

body[data-experience="video-continuity"] .journey-complete .initial-corridor-copy h1 {
  max-width: 760px;
  margin-top: 5px;
  font-size: clamp(30px,3vw,43px);
}

body[data-experience="video-continuity"] .journey-complete .initial-corridor-copy p {
  margin-top: 5px;
  font-size: 12px;
}

body[data-experience="video-continuity"] .university-corridor {
  --corridor-floor-height: clamp(190px,32vh,320px);
  width: min(1580px,calc(100% + 76px));
  min-height: calc(var(--corridor-door-height) + 188px);
  margin-inline: clamp(-38px,-2.4vw,-16px);
  overflow-x: auto;
  overflow-y: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-experience="video-continuity"] .university-corridor::before {
  opacity: .84;
  background:
    linear-gradient(107deg,transparent 0 59%,rgba(255,255,255,.88) 63%,rgba(255,255,255,.2) 69%,transparent 74%),
    radial-gradient(circle at 18% 23%,rgba(81,145,255,.13),transparent 25%),
    radial-gradient(circle at 83% 25%,rgba(250,181,113,.1),transparent 23%);
}

body[data-experience="video-continuity"] .corridor-architecture {
  z-index: 1;
}

body[data-experience="video-continuity"] .corridor-architecture > i {
  width: 136px;
  top: 4px;
  bottom: 76px;
  border-color: rgba(172,192,230,.3);
  background:
    linear-gradient(90deg,rgba(207,225,255,.82),rgba(255,255,255,.96) 54%,rgba(238,246,255,.78));
  box-shadow: inset -18px 0 38px rgba(86,126,205,.09),0 0 44px rgba(255,255,255,.92);
}

body[data-experience="video-continuity"] .corridor-architecture > i:first-child {
  left: -46px;
  border-radius: 0 92px 92px 0;
}

body[data-experience="video-continuity"] .corridor-architecture > i:nth-child(2) {
  right: -46px;
  border-radius: 92px 0 0 92px;
  background: linear-gradient(270deg,rgba(233,218,255,.72),rgba(255,255,255,.96) 54%,rgba(255,246,237,.7));
}

body[data-experience="video-continuity"] .corridor-ceiling {
  height: 34px;
  background: linear-gradient(180deg,rgba(255,255,255,.72),transparent);
}

body[data-experience="video-continuity"] .corridor-doors {
  z-index: 5;
  padding-top: 9px;
}

body[data-experience="video-continuity"] .corridor-door-frame {
  border-color: rgba(255,255,255,.94);
  box-shadow:
    0 0 0 3px color-mix(in srgb,var(--corridor-door-color) 8%,white),
    0 0 24px color-mix(in srgb,var(--corridor-door-color) 13%,transparent),
    0 25px 44px rgba(39,56,99,.13);
}

body[data-experience="video-continuity"] .corridor-door.active:not(.opening) .corridor-door-frame {
  animation: none;
}

body[data-experience="video-continuity"] .corridor-door.active .corridor-door-frame,
body[data-experience="video-continuity"] .corridor-door.visited .corridor-door-frame {
  background: linear-gradient(180deg,color-mix(in srgb,var(--corridor-door-color) 72%,white),color-mix(in srgb,var(--corridor-door-color) 86%,#46536f));
  box-shadow:
    0 0 0 3px color-mix(in srgb,var(--corridor-door-color) 10%,white),
    0 0 31px color-mix(in srgb,var(--corridor-door-color) 20%,transparent),
    0 24px 42px rgba(33,50,96,.15);
}

body[data-experience="video-continuity"] .corridor-door.current:not(.opening) .corridor-door-frame {
  animation: corridor-active-breathe 3.8s ease-in-out infinite;
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--corridor-door-color) 17%,white),
    0 0 48px color-mix(in srgb,var(--corridor-door-color) 42%,transparent),
    0 25px 46px rgba(25,56,145,.2);
}

body[data-experience="video-continuity"] .corridor-door.current .corridor-door-frame::before {
  top: 25px;
  background: white;
  box-shadow: 0 0 22px 11px rgba(255,255,255,.86),0 0 38px 19px color-mix(in srgb,var(--corridor-door-color) 20%,transparent);
}

body[data-experience="video-continuity"] .corridor-door.active .corridor-door-panel,
body[data-experience="video-continuity"] .corridor-door.visited .corridor-door-panel {
  background:
    linear-gradient(120deg,rgba(255,255,255,.94) 0 29%,color-mix(in srgb,var(--corridor-door-color) 13%,transparent) 43%,transparent 56%),
    linear-gradient(155deg,color-mix(in srgb,var(--corridor-door-color) 11%,white),rgba(255,255,255,.86) 58%,color-mix(in srgb,var(--corridor-door-color) 15%,#edf2fb));
}

body[data-experience="video-continuity"] .corridor-door.active .corridor-door-icon,
body[data-experience="video-continuity"] .corridor-door.visited .corridor-door-icon {
  color: var(--corridor-door-color);
  background: color-mix(in srgb,var(--corridor-door-color) 8%,rgba(255,255,255,.78));
}

body[data-experience="video-continuity"] .corridor-door.locked {
  opacity: .66;
}

body[data-experience="video-continuity"] .corridor-door.visited {
  opacity: .92;
}

body[data-experience="video-continuity"] .corridor-door.visited:not(.opening) .corridor-door-panel {
  transform: rotateY(-4deg);
  box-shadow: 7px 0 15px rgba(41,55,94,.09);
}

body[data-experience="video-continuity"] .corridor-door.visited .corridor-enter {
  min-width: 0;
  min-height: 30px;
  margin-top: 12px;
  padding: 5px 9px;
  color: color-mix(in srgb,var(--corridor-door-color) 86%,#17204e);
  border: 1px solid color-mix(in srgb,var(--corridor-door-color) 22%,white);
  background: rgba(255,255,255,.48);
  box-shadow: none;
  font-size: 8px;
}

body[data-experience="video-continuity"] .corridor-door-handle {
  top: 69%;
}

body[data-experience="video-continuity"] .corridor-door.visited .corridor-visited {
  background: var(--corridor-door-color);
  box-shadow: 0 5px 15px color-mix(in srgb,var(--corridor-door-color) 34%,transparent);
}

body[data-experience="video-continuity"] .corridor-door.current:not(.opening):hover .corridor-door-frame,
body[data-experience="video-continuity"] .corridor-door.active:not(.opening):hover .corridor-door-frame {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--corridor-door-color) 16%,white),
    0 0 48px color-mix(in srgb,var(--corridor-door-color) 34%,transparent),
    0 27px 46px rgba(28,49,106,.18);
}

body[data-experience="video-continuity"] .corridor-greenery {
  min-width: 1220px;
  position: absolute;
  z-index: 8;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

body[data-experience="video-continuity"] .corridor-greenery::before,
body[data-experience="video-continuity"] .corridor-greenery::after {
  content: "";
  width: 180px;
  height: 190px;
  position: absolute;
  z-index: 4;
  bottom: calc(var(--corridor-floor-height) - 236px);
  left: -54px;
  opacity: .66;
  border-radius: 55% 45% 60% 40%;
  background:
    radial-gradient(ellipse at 28% 35%,#284c3f 0 20%,transparent 22%),
    radial-gradient(ellipse at 65% 20%,#396758 0 19%,transparent 21%),
    radial-gradient(ellipse at 75% 62%,#1e4438 0 24%,transparent 26%),
    radial-gradient(ellipse at 34% 78%,#4b7565 0 23%,transparent 25%);
  filter: blur(3px);
  transform: rotate(8deg);
}

body[data-experience="video-continuity"] .corridor-greenery::after {
  left: auto;
  right: -54px;
  transform: scaleX(-1) rotate(8deg);
}

body[data-experience="video-continuity"] .corridor-planter {
  width: 184px;
  height: 260px;
  position: absolute;
  bottom: calc(var(--corridor-floor-height) - 129px);
  left: -28px;
  margin: 0;
  filter: drop-shadow(0 15px 16px rgba(33,54,74,.16));
}

body[data-experience="video-continuity"] .corridor-planter-right {
  right: -28px;
  left: auto;
  transform: scaleX(-1);
}

body[data-experience="video-continuity"] .corridor-planter::before {
  content: "";
  width: 150px;
  height: 26px;
  position: absolute;
  z-index: -1;
  bottom: 8px;
  left: 16px;
  border-radius: 50%;
  background: rgba(255,176,92,.28);
  box-shadow: 0 0 26px 13px rgba(255,175,87,.22),0 0 55px 20px rgba(93,144,255,.12);
  filter: blur(5px);
}

body[data-experience="video-continuity"] .corridor-planter > span {
  width: 142px;
  height: 92px;
  position: absolute;
  z-index: 3;
  bottom: 14px;
  left: 20px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 12px 12px 34px 34px;
  background:
    linear-gradient(90deg,rgba(205,221,247,.9),rgba(255,255,255,.98) 45%,rgba(211,221,242,.9)),
    #eef4ff;
  box-shadow: inset 0 10px 20px rgba(116,145,204,.08),0 14px 30px rgba(45,68,119,.13);
}

body[data-experience="video-continuity"] .corridor-planter > span::after {
  content: "";
  width: 116px;
  height: 8px;
  position: absolute;
  bottom: 5px;
  left: 12px;
  border-radius: 50%;
  background: linear-gradient(90deg,transparent,rgba(255,163,73,.62),transparent);
  box-shadow: 0 0 16px rgba(255,165,76,.5);
}

body[data-experience="video-continuity"] .corridor-planter > i {
  width: 43px;
  height: 132px;
  position: absolute;
  z-index: 2;
  bottom: 84px;
  left: 70px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 92% 8% 86% 14%;
  background: linear-gradient(138deg,#557d6a 0%,#285544 48%,#173d34 100%);
  box-shadow: inset 7px 3px 11px rgba(255,255,255,.08),0 7px 12px rgba(26,57,47,.14);
  transform-origin: 50% 100%;
}

body[data-experience="video-continuity"] .corridor-planter > i:nth-child(1) { height: 142px; transform: rotate(-55deg) translateY(8px); }
body[data-experience="video-continuity"] .corridor-planter > i:nth-child(2) { height: 154px; transform: rotate(-31deg) translateY(2px); }
body[data-experience="video-continuity"] .corridor-planter > i:nth-child(3) { height: 164px; transform: rotate(-10deg); }
body[data-experience="video-continuity"] .corridor-planter > i:nth-child(4) { height: 158px; transform: rotate(16deg); }
body[data-experience="video-continuity"] .corridor-planter > i:nth-child(5) { height: 146px; transform: rotate(36deg) translateY(4px); }
body[data-experience="video-continuity"] .corridor-planter > i:nth-child(6) { height: 132px; transform: rotate(57deg) translateY(9px); }

body[data-experience="video-continuity"] :is(.corridor-handoff-copy,.corridor-waiting-state,.corridor-service-state) {
  top: calc(50% - 53px);
  width: 140px;
  gap: 2px;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.94));
}

body[data-experience="video-continuity"] .corridor-handoff-copy {
  width: 132px;
  padding: 4px 7px;
  color: #35406c;
  border: 1px solid rgba(121,146,199,.28);
  border-radius: 999px;
  background: rgba(247,251,255,.62);
  font-size: 8.5px;
  line-height: 1.25;
}

body[data-experience="video-continuity"] :is(.corridor-waiting-state,.corridor-service-state) > span,
body[data-experience="video-continuity"] :is(.corridor-waiting-state,.corridor-service-state) strong b {
  width: fit-content;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  font-size: 7px;
  letter-spacing: .1em;
}

body[data-experience="video-continuity"] :is(.corridor-waiting-state,.corridor-service-state) small,
body[data-experience="video-continuity"] :is(.corridor-waiting-state,.corridor-service-state) strong {
  font-size: 8px;
  line-height: 1.2;
}

body[data-experience="video-continuity"] .corridor-floor {
  height: var(--corridor-floor-height);
  background:
    linear-gradient(107deg,transparent 0 56%,rgba(255,255,255,.86) 61%,transparent 69%),
    repeating-linear-gradient(90deg,transparent 0 12.42%,rgba(79,111,174,.11) 12.5%,transparent 12.62%),
    linear-gradient(168deg,transparent 0 49.65%,rgba(79,108,165,.13) 50%,transparent 50.35%),
    linear-gradient(192deg,transparent 0 49.65%,rgba(79,108,165,.11) 50%,transparent 50.35%),
    linear-gradient(180deg,#cfdef3,#f9fbff 72%);
  box-shadow: inset 0 18px 40px rgba(84,121,193,.1),inset 0 72px 80px rgba(255,255,255,.68),0 -2px 18px rgba(255,255,255,.9);
}

body[data-experience="video-continuity"] .corridor-floor::before {
  opacity: .34;
  filter: blur(13px);
  background: repeating-linear-gradient(90deg,color-mix(in srgb,#0a45ff 24%,transparent) 0 8%,transparent 8% 25%);
}

@media (max-width: 1180px) and (min-width: 701px) {
  body[data-experience="video-continuity"] .university-corridor { width: calc(100% + 32px); margin-inline: -16px; }
  body[data-experience="video-continuity"] .corridor-planter { transform: scale(.78); transform-origin: left bottom; }
  body[data-experience="video-continuity"] .corridor-planter-right { transform: scaleX(-1) scale(.78); transform-origin: right bottom; }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .initial-corridor-view { padding-top: 88px; }
  body[data-experience="video-continuity"] .initial-corridor-copy { margin-bottom: 17px; }
  body[data-experience="video-continuity"] .initial-corridor-copy h1 { font-size: clamp(33px,9.5vw,43px); }
  body[data-experience="video-continuity"] .journey-complete .initial-corridor-copy h1 { font-size: 32px; }
  body[data-experience="video-continuity"] .university-corridor { --corridor-floor-height: 140px; width: calc(100% + 24px); margin-inline: -12px; border-radius: 0; }
  body[data-experience="video-continuity"] .corridor-greenery { min-width: 0; }
  body[data-experience="video-continuity"] .corridor-planter { top: 160px; bottom: auto; left: -63px; transform: scale(.56); transform-origin: left top; opacity: .82; }
  body[data-experience="video-continuity"] .corridor-planter-right { right: -63px; left: auto; transform: scaleX(-1) scale(.56); transform-origin: right top; }
  body[data-experience="video-continuity"] .corridor-greenery::before,
  body[data-experience="video-continuity"] .corridor-greenery::after { top: 330px; bottom: auto; opacity: .42; }
  body[data-experience="video-continuity"] :is(.corridor-handoff-copy,.corridor-waiting-state,.corridor-service-state) { top: 50%; width: 170px; transform: translate(-50%,-50%); }
}

@media (prefers-reduced-motion: reduce) {
  body[data-experience="video-continuity"] .corridor-door.current:not(.opening) .corridor-door-frame { animation: none; }
}

/* Image-based corridor: the architectural plate remains the scene; this layer only adds state. */
body[data-experience="video-continuity"] .corridor-image-stage {
  min-height: 100vh;
  overflow: hidden;
  background: #f3f7fc;
}

body[data-experience="video-continuity"] .corridor-image-stage > .experience-header {
  justify-content: flex-start;
  padding-right: 178px;
  border-bottom: 1px solid #e2e8f2;
  background: #fff;
  box-shadow: 0 5px 18px rgba(28,49,98,.06);
  backdrop-filter: none;
}

body[data-experience="video-continuity"] .corridor-image-stage > .experience-header .experience-perspective {
  max-width: min(620px,calc(100vw - 430px));
  justify-items: start;
  margin-right: 0;
  text-align: left;
}

body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-view {
  width: 100%;
  max-width: none;
  min-height: calc(100vh - 72px);
  padding: 60px 0 24px;
  overflow: visible;
  background: linear-gradient(180deg,#f8fbff 0,#eff5fb 100%);
}

body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-view::before,
body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-view::after,
body[data-experience="video-continuity"] .corridor-image-stage .university-corridor::before,
body[data-experience="video-continuity"] .corridor-image-stage .university-corridor::after {
  display: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-copy {
  width: min(1180px,calc(100% - 48px));
  position: absolute;
  z-index: 6;
  top: 105px;
  left: 50%;
  margin: 0;
  padding: 0;
  pointer-events: none;
  transform: translateX(-50%);
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,.88),0 5px 18px rgba(255,255,255,.72);
}

body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-copy > span {
  color: #344d83;
  font-size: 9px;
  letter-spacing: .2em;
}

body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-copy h1,
body[data-experience="video-continuity"] .corridor-image-stage.journey-complete .initial-corridor-copy h1 {
  margin: 4px 0 3px;
  color: #07184a;
  font-size: clamp(27px,2.6vw,43px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-copy p,
body[data-experience="video-continuity"] .corridor-image-stage.journey-complete .initial-corridor-copy p {
  max-width: 840px;
  margin: 0 auto;
  color: #52658d;
  font-size: 12px;
  line-height: 1.35;
}

body[data-experience="video-continuity"] .corridor-image-stage .university-corridor {
  width: min(100%,1672px);
  aspect-ratio: 1672 / 870;
  position: relative;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #eaf2fb;
  box-shadow: 0 20px 55px rgba(20,50,105,.12);
  isolation: isolate;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-scene {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  aspect-ratio: 1672 / 941;
  overflow: hidden;
  background: #eaf2fb;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-background,
body[data-experience="video-continuity"] .corridor-image-stage .corridor-digital-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-background {
  z-index: 0;
  display: block;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-digital-layer {
  z-index: 1;
  perspective: 1400px;
  pointer-events: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door {
  width: var(--door-width);
  height: var(--door-height);
  min-width: 0;
  position: absolute;
  left: var(--door-left);
  top: var(--door-top);
  display: block;
  margin: 0;
  padding: 0;
  color: #0d1b46;
  border: 0;
  border-radius: 46% 46% 3px 3px / 22% 22% 3px 3px;
  background: transparent;
  opacity: 1;
  filter: none;
  box-shadow: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  scroll-snap-align: center;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door:disabled {
  cursor: default;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-room-reveal,
body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-leaf {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border-radius: inherit;
  clip-path: inset(1.5% 5% .8% 5% round 46% 46% 2% 2% / 22% 22% 2% 2%);
  pointer-events: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-room-reveal {
  z-index: 1;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 7px;
  padding: 18% 12% 10%;
  color: white;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,255,255,.58),transparent 24%),
    linear-gradient(155deg,color-mix(in srgb,var(--corridor-door-color) 76%,#132554),color-mix(in srgb,var(--corridor-door-color) 46%,#07132d));
  box-shadow: inset 0 0 45px rgba(3,9,27,.42),inset 0 0 0 1px rgba(255,255,255,.28);
  opacity: 0;
  transform: scale(.985);
  transition: opacity .16s ease,transform .5s ease;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-room-reveal::before {
  content: "";
  width: 58%;
  height: 2px;
  position: absolute;
  top: 18%;
  left: 21%;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 0 22px 9px rgba(255,255,255,.34);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-room-reveal > i {
  width: clamp(32px,3.1vw,50px);
  height: clamp(32px,3.1vw,50px);
  display: grid;
  place-items: center;
  color: white;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  background: rgba(255,255,255,.13);
  box-shadow: 0 10px 28px rgba(2,8,25,.18);
  font-style: normal;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-room-reveal > i svg {
  width: 48%;
  height: 48%;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-room-reveal > small {
  color: rgba(255,255,255,.72);
  font-size: clamp(7px,.64vw,10px);
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-room-reveal > strong {
  color: white;
  font-size: clamp(11px,1.1vw,17px);
  line-height: 1.15;
  text-align: center;
  text-shadow: 0 2px 12px rgba(3,8,26,.28);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-leaf {
  z-index: 2;
  background-image: url("./assets/corridor-environment.png");
  background-repeat: no-repeat;
  background-size: var(--door-bg-size-x) var(--door-bg-size-y);
  background-position: var(--door-bg-position-x) var(--door-bg-position-y);
  box-shadow: inset -7px 0 14px rgba(14,31,63,.07);
  backface-visibility: hidden;
  transform: perspective(950px) rotateY(0deg);
  transform-origin: 5% 50%;
  transform-style: preserve-3d;
  transition: transform .62s cubic-bezier(.2,.72,.24,1),filter .2s ease,box-shadow .35s ease;
  will-change: transform;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-edge {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent;
  box-shadow: none;
  transform-origin: 4% 50%;
  transition: border-color .22s ease,box-shadow .22s ease,background-color .22s ease,transform .48s cubic-bezier(.22,.75,.28,1),opacity .22s ease;
  pointer-events: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.active .corridor-door-edge {
  border-color: color-mix(in srgb,var(--corridor-door-color) 52%,transparent);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55),0 0 24px color-mix(in srgb,var(--corridor-door-color) 16%,transparent);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.current .corridor-door-edge {
  border: 2px solid color-mix(in srgb,var(--corridor-door-color) 82%,white);
  background: linear-gradient(112deg,transparent 20%,rgba(255,255,255,.22) 42%,transparent 61%);
  background-size: 230% 100%;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8),0 0 30px color-mix(in srgb,var(--corridor-door-color) 32%,transparent);
  animation: corridor-light-sweep 4.8s ease-in-out infinite,corridor-door-breathe 3.2s ease-in-out infinite;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.current:is(.opening,:hover,:focus-visible) .corridor-door-edge {
  animation: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.visited .corridor-door-edge {
  border-color: color-mix(in srgb,var(--corridor-door-color) 42%,transparent);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.48),0 0 16px color-mix(in srgb,var(--corridor-door-color) 12%,transparent);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.active:hover .corridor-door-edge,
body[data-experience="video-continuity"] .corridor-image-stage .corridor-door:focus-visible .corridor-door-edge {
  border-color: color-mix(in srgb,var(--corridor-door-color) 82%,white);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.88),0 0 32px color-mix(in srgb,var(--corridor-door-color) 28%,transparent);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door:focus-visible {
  outline: 3px solid color-mix(in srgb,var(--corridor-door-color) 32%,transparent);
  outline-offset: 5px;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.opening .corridor-door-edge {
  border-color: color-mix(in srgb,var(--corridor-door-color) 78%,white);
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.74),0 0 35px color-mix(in srgb,var(--corridor-door-color) 28%,transparent);
  transform: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.opening .corridor-door-room-reveal {
  opacity: 1;
  transform: scale(1);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.opening .corridor-door-leaf {
  box-shadow: 18px 3px 30px rgba(4,11,29,.32),inset -10px 0 18px rgba(7,17,42,.16);
  filter: brightness(.92);
  transform: perspective(950px) rotateY(-82deg);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-state {
  width: max-content;
  max-width: 92%;
  min-height: 22px;
  position: absolute;
  z-index: 5;
  top: 4%;
  left: 50%;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  color: #4d5c7d;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  background: rgba(248,251,255,.7);
  box-shadow: 0 4px 14px rgba(24,49,98,.08);
  backdrop-filter: blur(10px);
  transform: translateX(-50%);
  font-size: clamp(6px,.62vw,10px);
  font-weight: 850;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: opacity .16s ease,transform .22s ease;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-state i {
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  color: white;
  border-radius: 50%;
  background: var(--corridor-door-color);
  font-size: 8px;
  font-style: normal;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.active .corridor-door-state {
  color: color-mix(in srgb,var(--corridor-door-color) 82%,#14224c);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.locked .corridor-door-state {
  opacity: .66;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-label {
  width: 89%;
  min-height: 122px;
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 7.5%;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: 27px auto minmax(2.4em,auto) auto;
  align-content: start;
  justify-items: start;
  row-gap: 5px;
  padding: 12px 13px 10px;
  color: #111f49;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 8px;
  background: linear-gradient(145deg,rgba(255,255,255,.7),rgba(241,247,255,.52));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88),0 1px 2px rgba(17,39,79,.06),0 12px 28px rgba(25,47,92,.095);
  backdrop-filter: blur(18px) saturate(1.12);
  transform: translateX(-50%);
  text-align: left;
  transition: background-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .22s ease;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.current .corridor-door-label {
  animation: corridor-label-breathe 3.2s ease-in-out infinite;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.current:is(.opening,:hover,:focus-visible) .corridor-door-label {
  animation: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-label::before {
  content: "";
  width: 25px;
  height: 2px;
  position: absolute;
  top: 24px;
  right: 13px;
  border-radius: 999px;
  background: color-mix(in srgb,var(--corridor-door-color) 48%,white);
  opacity: .82;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.opening :is(.corridor-door-state,.corridor-door-label,.corridor-handle-cue) {
  opacity: 0;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.opening .corridor-door-state {
  transform: translate(-50%,-5px);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.opening .corridor-door-label {
  transform: translate(-50%,7px);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.locked .corridor-door-label {
  opacity: .82;
  background: linear-gradient(145deg,rgba(255,255,255,.58),rgba(241,247,255,.42));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72),0 8px 20px rgba(25,47,92,.065);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-icon {
  width: 27px;
  height: 27px;
  grid-row: 1;
  grid-column: 1;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  color: var(--corridor-door-color);
  border: 1px solid color-mix(in srgb,var(--corridor-door-color) 15%,white);
  border-radius: 7px;
  background: color-mix(in srgb,var(--corridor-door-color) 7%,rgba(255,255,255,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-icon svg {
  width: 14px;
  height: 14px;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-label > strong {
  width: 100%;
  min-width: 0;
  max-width: none;
  grid-row: 2;
  margin: 1px 0 0;
  color: #10234e;
  font: 800 clamp(13px,1.08vw,17px)/1.15 var(--font-display);
  letter-spacing: -.025em;
  text-wrap: balance;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-label > small {
  width: 100%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  grid-row: 3;
  margin: 0;
  color: #526482;
  font-size: clamp(10px,.73vw,11px);
  font-weight: 550;
  line-height: 1.25;
  overflow-wrap: normal;
  text-wrap: pretty;
  white-space: normal;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-enter {
  min-width: 0;
  min-height: 0;
  grid-row: 4;
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin: 3px 0 0;
  padding: 7px 0 0;
  color: var(--corridor-door-color);
  border: 0;
  border-top: 1px solid rgba(67,95,147,.13);
  border-radius: 0;
  background: transparent;
  font-size: clamp(9px,.72vw,10px);
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.visited .corridor-enter {
  max-height: 0;
  margin-top: 0;
  padding-top: 0;
  border-top-color: transparent;
  overflow: hidden;
  opacity: 0;
  transition: max-height .2s ease,margin .2s ease,padding .2s ease,opacity .2s ease;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.visited:is(:hover,:focus-visible) .corridor-enter {
  max-height: 26px;
  margin-top: 3px;
  padding-top: 7px;
  border-top-color: rgba(67,95,147,.13);
  opacity: 1;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-handle-cue {
  width: 9px;
  height: 9px;
  position: absolute;
  z-index: 4;
  right: 8%;
  top: 58%;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 50%;
  background: var(--corridor-door-color);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--corridor-door-color) 12%,transparent),0 0 16px color-mix(in srgb,var(--corridor-door-color) 26%,transparent);
  opacity: 0;
  transition: opacity .2s ease;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.active:is(:hover,:focus-visible) .corridor-handle-cue {
  opacity: .82;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link {
  --continuity-accent: #6876bd;
  width: var(--link-width);
  height: 142px;
  position: absolute;
  z-index: 4;
  left: var(--link-left);
  top: 65%;
  display: block;
  padding: 0;
  pointer-events: none;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link::after {
  content: "";
  width: 1px;
  height: 43px;
  position: absolute;
  top: 15px;
  left: 50%;
  background: linear-gradient(180deg,color-mix(in srgb,var(--continuity-accent) 72%,white),rgba(91,110,163,.16));
  opacity: 0;
  transition: opacity .25s ease;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.revealed::after {
  opacity: 1;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link i {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 11px;
  display: block;
  background: rgba(70,91,131,.28);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link i::after {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 50%;
  background: #8492ad;
  box-shadow: 0 0 0 4px rgba(255,255,255,.4);
  transform: translate(-50%,-50%);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.revealed i {
  height: 2px;
  background: linear-gradient(90deg,#0a45ff,#7652d6);
  box-shadow: 0 0 9px rgba(70,70,220,.18);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.revealed {
  --continuity-accent: #5365b9;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.waiting {
  --continuity-accent: #7158bd;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.waiting i {
  background: linear-gradient(90deg,#506fca,#7652d6);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.service-involved {
  --continuity-accent: #bd7647;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.service-involved i {
  background: linear-gradient(90deg,#7652d6,#e58b42);
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.revealed i::after {
  background: var(--continuity-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--continuity-accent) 15%,transparent),0 0 13px color-mix(in srgb,var(--continuity-accent) 28%,transparent);
  animation: corridor-node-pulse 2.8s ease-in-out infinite;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link > span {
  width: 170px;
  min-height: 50px;
  position: absolute;
  left: 50%;
  top: 57px;
  display: flex;
  align-items: center;
  padding: 9px 12px 9px 15px;
  color: #26385e;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 8px;
  background: linear-gradient(145deg,rgba(255,255,255,.76),rgba(244,248,255,.59));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86),0 8px 22px rgba(26,48,91,.12);
  backdrop-filter: blur(15px) saturate(1.1);
  transform: translateX(-50%);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  text-wrap: pretty;
  white-space: normal;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-link > span::before {
  content: "";
  width: 2px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 6px;
  border-radius: 999px;
  background: var(--continuity-accent);
  opacity: .7;
}

body[data-experience="video-continuity"] .corridor-image-stage .university-corridor.door-is-opening .corridor-door:not(.opening),
body[data-experience="video-continuity"] .corridor-image-stage .university-corridor.door-is-opening .corridor-link {
  opacity: .76;
  transition: opacity .22s ease;
}

body[data-experience="video-continuity"] .corridor-image-stage .corridor-reset {
  position: absolute;
  z-index: 30;
  top: 20px;
  right: 24px;
  bottom: auto;
  min-height: 38px;
  margin: 0;
  border-color: #d7dfed;
  background: #f8faff;
  box-shadow: none;
  backdrop-filter: none;
}

@keyframes corridor-light-sweep {
  0%,35% { background-position: 120% 0; }
  70%,100% { background-position: -120% 0; }
}

@keyframes corridor-door-breathe {
  0%,100% {
    border-color: color-mix(in srgb,var(--corridor-door-color) 62%,white);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72),0 0 16px color-mix(in srgb,var(--corridor-door-color) 22%,transparent);
  }
  50% {
    border-color: color-mix(in srgb,var(--corridor-door-color) 95%,white);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.92),0 0 48px 12px color-mix(in srgb,var(--corridor-door-color) 54%,transparent);
  }
}

@keyframes corridor-label-breathe {
  0%,100% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88),0 1px 2px rgba(17,39,79,.06),0 12px 28px rgba(25,47,92,.095);
  }
  50% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96),0 1px 2px rgba(17,39,79,.06),0 0 24px 5px color-mix(in srgb,var(--corridor-door-color) 32%,transparent);
  }
}

@keyframes corridor-node-pulse {
  0%,100% { transform: translate(-50%,-50%) scale(1); }
  50% { transform: translate(-50%,-50%) scale(1.18); }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .corridor-image-stage {
    overflow: visible;
  }

  body[data-experience="video-continuity"] .corridor-image-stage > .experience-header .experience-perspective {
    width: auto;
    flex: 1 1 auto;
    max-width: none;
    margin-right: 0;
  }

  body[data-experience="video-continuity"] .corridor-image-stage > .experience-header {
    padding: 10px 54px 10px 12px;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .corridor-reset {
    width: 36px;
    min-height: 36px;
    top: 18px;
    right: 10px;
    padding: 0;
    border-radius: 9px;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .corridor-reset-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-view {
    min-height: calc(100vh - 72px);
    padding: 64px 0 22px;
    overflow: visible;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-copy {
    width: calc(100% - 28px);
    top: 100px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    text-align: center;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-copy h1,
  body[data-experience="video-continuity"] .corridor-image-stage.journey-complete .initial-corridor-copy h1 {
    font-size: clamp(27px,8vw,36px);
  }

  body[data-experience="video-continuity"] .corridor-image-stage .initial-corridor-copy p {
    font-size: 12px;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .university-corridor {
    width: 100%;
    height: 583px;
    aspect-ratio: auto;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 0;
    box-shadow: 0 16px 38px rgba(20,50,105,.12);
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: rgba(74,99,151,.38) transparent;
    -webkit-overflow-scrolling: touch;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .corridor-scene {
    width: 1120px;
    min-width: 1120px;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-state {
    font-size: 8px;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-label > strong {
    font-size: 14px;
  }

  body[data-experience="video-continuity"] .corridor-image-stage .corridor-door-label > small,
  body[data-experience="video-continuity"] .corridor-image-stage .corridor-enter {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.current .corridor-door-edge,
  body[data-experience="video-continuity"] .corridor-image-stage .corridor-door.current .corridor-door-label,
  body[data-experience="video-continuity"] .corridor-image-stage .corridor-link.revealed i::after {
    animation: none;
  }
}

/* Post-V5 Baseline explanation, based on baseline_update.png. */
body[data-experience="video-continuity"] .baseline-overview-view {
  padding: 18px 28px 20px;
  overflow: visible;
}

@media (min-width: 801px) {
  body[data-experience="video-continuity"] .baseline-overview-stage > .experience-header {
    position: absolute;
    z-index: 10;
    inset: 0 0 auto;
    border-bottom: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body[data-experience="video-continuity"] .baseline-overview-view {
    min-height: 100vh;
  }
}

body[data-experience="video-continuity"] .baseline-overview-shell {
  width: min(1020px,100%);
}

body[data-experience="video-continuity"] .baseline-overview-heading > span {
  color: #152b5f;
  font: 800 16px/1.2 var(--font-display);
  letter-spacing: .08em;
}

body[data-experience="video-continuity"] .baseline-overview-heading h1 {
  max-width: 1000px;
  margin-top: 7px;
  font-size: clamp(34px,3.1vw,46px);
  line-height: 1.08;
}

body[data-experience="video-continuity"] .baseline-overview-heading p {
  max-width: 790px;
  margin-top: 8px;
  font-size: clamp(15px,1.16vw,18px);
  line-height: 1.35;
}

body[data-experience="video-continuity"] .baseline-lower {
  min-height: 0;
}

body[data-experience="video-continuity"] .baseline-steps {
  width: min(790px,100%);
  margin-top: 14px;
}

body[data-experience="video-continuity"] .baseline-step-icon {
  width: 57px;
  height: 57px;
  padding: 14px;
}

body[data-experience="video-continuity"] .baseline-step strong {
  margin-top: 7px;
  font-size: 15px;
}

body[data-experience="video-continuity"] .baseline-step p {
  margin-top: 3px;
  font-size: 13px;
}

body[data-experience="video-continuity"] .baseline-examines {
  width: 100%;
  margin-top: 19px;
  padding: 16px 18px 20px;
  border: 1px solid #dbe5ff;
  border-radius: 15px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 17px 44px rgba(36,63,122,.08);
  text-align: left;
}

body[data-experience="video-continuity"] .baseline-examines-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 2px 10px;
}

body[data-experience="video-continuity"] .baseline-examines-heading > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  padding: 8px;
  color: #0a45ff;
  border-radius: 9px;
  background: #edf3ff;
}

body[data-experience="video-continuity"] .baseline-examines-heading svg { width: 100%; height: 100%; }

body[data-experience="video-continuity"] .baseline-examines-heading h2 {
  flex: 1;
  margin: 0;
  color: #112b67;
  font: 800 clamp(19px,1.65vw,25px)/1.15 var(--font-display);
  letter-spacing: -.025em;
}

body[data-experience="video-continuity"] .baseline-examines-heading > i {
  color: #0a45ff;
  font-size: 25px;
  font-style: normal;
  line-height: 1;
}

body[data-experience="video-continuity"] .baseline-examines-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);
  align-items: center;
  gap: 9px;
}

body[data-experience="video-continuity"] .baseline-examines-column {
  min-width: 0;
  min-height: 260px;
  padding: 14px 14px 12px;
  border-radius: 12px;
  background: linear-gradient(145deg,#f5f8ff,#f1f5ff);
}

body[data-experience="video-continuity"] .baseline-examines-column.purple { background: linear-gradient(145deg,#f9f6ff,#f5f0ff); }
body[data-experience="video-continuity"] .baseline-examines-column.orange { background: linear-gradient(145deg,#fffaf8,#fff3ee); }

body[data-experience="video-continuity"] .baseline-examines-column header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 51px;
}

body[data-experience="video-continuity"] .baseline-examines-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  padding: 11px;
  color: #0a45ff;
  border-radius: 50%;
  background: #e1eaff;
}

body[data-experience="video-continuity"] .baseline-examines-column.purple .baseline-examines-icon { color: #6725d4; background: #ebe2ff; }
body[data-experience="video-continuity"] .baseline-examines-column.orange .baseline-examines-icon { color: #f05a22; background: #ffe8de; }
body[data-experience="video-continuity"] .baseline-examines-icon svg { width: 100%; height: 100%; }

body[data-experience="video-continuity"] .baseline-examines-column h3 {
  margin: 0;
  color: #0c4fe3;
  font: 800 14px/1.15 var(--font-display);
}

body[data-experience="video-continuity"] .baseline-examines-column.purple h3 { color: #6725d4; }
body[data-experience="video-continuity"] .baseline-examines-column.orange h3 { color: #e34d19; }

body[data-experience="video-continuity"] .baseline-examines-column header p {
  margin: 3px 0 0;
  color: #4f638d;
  font-size: 11px;
  line-height: 1.2;
}

body[data-experience="video-continuity"] .baseline-examines-column ul,
body[data-experience="video-continuity"] .baseline-integration ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-experience="video-continuity"] .baseline-examines-column ul {
  display: grid;
  gap: 5px;
  margin-top: 10px;
  padding-left: 5px;
}

body[data-experience="video-continuity"] .baseline-examines-column li {
  min-height: 24px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: #1f396c;
  font-size: 13px;
  line-height: 1.25;
}

body[data-experience="video-continuity"] .baseline-examines-column li > span {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #0a45ff;
}

body[data-experience="video-continuity"] .baseline-examines-column.purple li > span { color: #6725d4; }

body[data-experience="video-continuity"] .baseline-examines-column.orange li > span {
  width: 21px;
  height: 21px;
  color: white;
  border-radius: 50%;
  background: #f59b78;
  font-size: 12px;
}

body[data-experience="video-continuity"] .baseline-examines-column li svg { width: 15px; height: 15px; }

body[data-experience="video-continuity"] .baseline-examines-arrow {
  color: #0a45ff;
  font-size: 26px;
  text-align: center;
}

body[data-experience="video-continuity"] .baseline-integration {
  display: grid;
  grid-template-columns: 62px minmax(0,1fr) minmax(225px,.45fr);
  align-items: center;
  gap: 13px;
  margin-top: 16px;
  padding: 12px 17px;
  border: 1.5px solid #3762ff;
  border-radius: 999px;
  background: linear-gradient(100deg,#fff,#f5f7ff 65%,#fbfaff);
  box-shadow: 0 7px 18px rgba(22,74,222,.06);
}

body[data-experience="video-continuity"] .baseline-integration-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  padding: 13px;
  color: #0a45ff;
  border-radius: 50%;
  background: #e8efff;
}

body[data-experience="video-continuity"] .baseline-integration-icon svg { width: 100%; height: 100%; }

body[data-experience="video-continuity"] .baseline-integration-copy h3 {
  margin: 0;
  color: #14326d;
  font: 800 clamp(18px,1.65vw,24px)/1.16 var(--font-display);
  letter-spacing: -.025em;
}

body[data-experience="video-continuity"] .baseline-integration-copy p {
  margin: 4px 0 0;
  color: #506894;
  font-size: 13px;
  line-height: 1.3;
}

body[data-experience="video-continuity"] .baseline-integration ul {
  display: grid;
  gap: 4px;
  padding-left: 18px;
  border-left: 1px solid #cbd8ff;
}

body[data-experience="video-continuity"] .baseline-integration li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2e477d;
  font-size: 12px;
  line-height: 1.25;
}

body[data-experience="video-continuity"] .baseline-integration li i {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: white;
  border-radius: 50%;
  background: #5c7eea;
  font-size: 10px;
  font-style: normal;
}

body[data-experience="video-continuity"] .baseline-examines + .baseline-actions {
  width: min(430px,100%);
  margin-top: 0;
}

body[data-experience="video-continuity"] .baseline-examines + .baseline-actions .baseline-primary {
  min-height: 52px;
  border-radius: 12px;
  background: linear-gradient(105deg,#103c88,#15479d 50%,#5036a1 84%,#8b499b);
}

@media (max-width: 800px) {
  body[data-experience="video-continuity"] .baseline-examines-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body[data-experience="video-continuity"] .baseline-examines-column { min-height: 0; }
  body[data-experience="video-continuity"] .baseline-examines-arrow { line-height: 16px; transform: rotate(90deg); }
  body[data-experience="video-continuity"] .baseline-integration { grid-template-columns: 52px 1fr; border-radius: 24px; }
  body[data-experience="video-continuity"] .baseline-integration-icon { width: 48px; height: 48px; }
  body[data-experience="video-continuity"] .baseline-integration ul { grid-column: 1 / -1; margin-left: 8px; padding-left: 0; border-left: 0; }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .baseline-overview-view { padding: 22px 15px 32px; }
  body[data-experience="video-continuity"] .baseline-overview-heading h1 { font-size: clamp(32px,8vw,42px); }
  body[data-experience="video-continuity"] .baseline-overview-heading p { font-size: 15px; }
  body[data-experience="video-continuity"] .baseline-steps { grid-template-columns: 1fr 18px 1fr 18px 1fr; gap: 2px; margin-top: 22px; }
  body[data-experience="video-continuity"] .baseline-step { min-height: 0; }
  body[data-experience="video-continuity"] .baseline-step-icon { width: 42px; height: 42px; padding: 10px; }
  body[data-experience="video-continuity"] .baseline-step strong { font-size: 11px; }
  body[data-experience="video-continuity"] .baseline-step p { font-size: 10px; }
  body[data-experience="video-continuity"] .baseline-step-arrow { height: auto; font-size: 15px; line-height: 1; transform: none; }
  body[data-experience="video-continuity"] .baseline-examines { margin-top: 23px; padding: 14px 12px 17px; }
  body[data-experience="video-continuity"] .baseline-examines-heading { gap: 9px; }
  body[data-experience="video-continuity"] .baseline-examines-heading h2 { font-size: 18px; }
  body[data-experience="video-continuity"] .baseline-integration { gap: 10px; padding: 13px; }
  body[data-experience="video-continuity"] .baseline-integration-copy h3 { font-size: 18px; }
}

/* Four-stage 21 Day Baseline: reuse the existing cards, palette, and CTA. */
body[data-experience="video-continuity"] .baseline-overview-shell {
  width: min(1160px,100%);
}

body[data-experience="video-continuity"] .baseline-overview-heading h1 {
  max-width: 1110px;
  font-size: clamp(35px,3.3vw,48px);
  line-height: 1.08;
}

body[data-experience="video-continuity"] .baseline-overview-heading p {
  max-width: 900px;
}

body[data-experience="video-continuity"] .baseline-steps {
  width: 100%;
  grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);
  gap: 6px;
  margin-top: 24px;
}

body[data-experience="video-continuity"] .baseline-step {
  min-height: 122px;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  align-items: start;
  gap: 12px;
  padding: 16px 13px;
  border: 1px solid #dbe6ff;
  border-radius: 14px;
  background: linear-gradient(145deg,#fff,#f5f9ff);
  text-align: left;
}

body[data-experience="video-continuity"] .baseline-step.purple {
  border-color: #e6ddff;
  background: linear-gradient(145deg,#fff,#faf7ff);
}

body[data-experience="video-continuity"] .baseline-step.orange {
  border-color: #f8e2d6;
  background: linear-gradient(145deg,#fff,#fff8f4);
}

body[data-experience="video-continuity"] .baseline-step-icon {
  width: 46px;
  height: 46px;
  padding: 11px;
}

body[data-experience="video-continuity"] .baseline-step-copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
}

body[data-experience="video-continuity"] .baseline-step-copy > span {
  color: #2359b9;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .055em;
}

body[data-experience="video-continuity"] .baseline-step.purple .baseline-step-copy > span { color: #6725d4; }
body[data-experience="video-continuity"] .baseline-step.orange .baseline-step-copy > span { color: #d84c20; }

body[data-experience="video-continuity"] .baseline-step strong {
  margin: 0;
  font-size: 16px;
  line-height: 1.18;
}

body[data-experience="video-continuity"] .baseline-step p {
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
}

body[data-experience="video-continuity"] .baseline-step-arrow {
  align-self: center;
  color: #8296bd;
  font-size: 23px;
  text-align: center;
}

body[data-experience="video-continuity"] .baseline-examines {
  margin-top: 24px;
  padding: 18px 18px 20px;
}

body[data-experience="video-continuity"] .baseline-examines-heading {
  margin: 0 4px 15px;
}

body[data-experience="video-continuity"] .baseline-examines-heading h2 {
  font-size: clamp(23px,2.1vw,29px);
}

body[data-experience="video-continuity"] .baseline-examines-column {
  min-height: 315px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e9ff;
  background: linear-gradient(150deg,#fff,#f8fbff);
}

body[data-experience="video-continuity"] .baseline-examines-column.purple {
  border-color: #e9dfff;
  background: linear-gradient(150deg,#fff,#fbf9ff);
}

body[data-experience="video-continuity"] .baseline-examines-column.orange {
  border-color: #f7e1d7;
  background: linear-gradient(150deg,#fff,#fffaf7);
}

body[data-experience="video-continuity"] .baseline-examines-column header {
  min-height: 58px;
}

body[data-experience="video-continuity"] .baseline-examines-icon {
  width: 50px;
  height: 50px;
}

body[data-experience="video-continuity"] .baseline-examines-eyebrow {
  display: block;
  color: #0c4fe3;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .055em;
}

body[data-experience="video-continuity"] .baseline-examines-column.purple .baseline-examines-eyebrow { color: #6725d4; }
body[data-experience="video-continuity"] .baseline-examines-column.orange .baseline-examines-eyebrow { color: #e34d19; }

body[data-experience="video-continuity"] .baseline-examines-column h3,
body[data-experience="video-continuity"] .baseline-examines-column.purple h3,
body[data-experience="video-continuity"] .baseline-examines-column.orange h3 {
  margin-top: 4px;
  color: #152b5c;
  font-size: 16px;
  line-height: 1.2;
}

body[data-experience="video-continuity"] .baseline-examines-column ul {
  gap: 6px;
  margin-top: 14px;
  padding: 0 5px;
}

body[data-experience="video-continuity"] .baseline-examines-column li {
  align-items: flex-start;
  gap: 9px;
  font-size: 13px;
  line-height: 1.3;
}

body[data-experience="video-continuity"] .baseline-examines-column li > span,
body[data-experience="video-continuity"] .baseline-examines-column.orange li > span {
  width: 11px;
  height: 20px;
  color: #0a45ff;
  border-radius: 0;
  background: transparent;
  font-size: 20px;
  line-height: 1;
}

body[data-experience="video-continuity"] .baseline-examines-column.purple li > span { color: #6725d4; }
body[data-experience="video-continuity"] .baseline-examines-column.orange li > span { color: #e75a26; }

body[data-experience="video-continuity"] .baseline-examines-note {
  margin: auto 5px 0;
  padding-top: 12px;
  color: #53688f;
  border-top: 1px solid #dfe7f4;
  font-size: 12px;
  line-height: 1.35;
}

body[data-experience="video-continuity"] .baseline-integration {
  grid-template-columns: 56px minmax(0,1fr);
  gap: 6px 16px;
  margin-top: 16px;
  padding: 14px 17px;
  border-color: #bcd0ff;
  border-radius: 15px;
  background: linear-gradient(100deg,#f8fbff,#f3f7ff);
}

body[data-experience="video-continuity"] .baseline-integration ul {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 23px;
  padding: 0;
  border: 0;
}

body[data-experience="video-continuity"] .baseline-integration li {
  font-size: 12px;
}

body[data-experience="video-continuity"] .baseline-deliverable {
  display: grid;
  place-items: center;
  min-height: 114px;
  margin-top: 14px;
  padding: 19px 24px;
  border: 1px solid #d9ccff;
  border-radius: 15px;
  background: linear-gradient(105deg,#f8f6ff,#f0edff 52%,#f7f4ff);
  box-shadow: 0 9px 25px rgba(86,60,170,.09);
  text-align: center;
}

body[data-experience="video-continuity"] .baseline-deliverable > div {
  max-width: 850px;
}

body[data-experience="video-continuity"] .baseline-deliverable span {
  color: #5d35bd;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
}

body[data-experience="video-continuity"] .baseline-deliverable h3 {
  margin: 6px 0 0;
  color: #172d62;
  font: 800 clamp(20px,2vw,24px)/1.2 var(--font-display);
}

body[data-experience="video-continuity"] .baseline-deliverable p {
  margin: 7px 0 0;
  color: #526991;
  font-size: 14px;
  line-height: 1.4;
}

body[data-experience="video-continuity"] .baseline-examines + .baseline-actions {
  margin-top: 14px;
}

@media (max-width: 1000px) {
  body[data-experience="video-continuity"] .baseline-steps {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }

  body[data-experience="video-continuity"] .baseline-step-arrow { display: none; }
}

@media (max-width: 800px) {
  body[data-experience="video-continuity"] .baseline-examines-column { min-height: 0; }
  body[data-experience="video-continuity"] .baseline-examines-note { margin-top: 16px; }
  body[data-experience="video-continuity"] .baseline-integration { grid-template-columns: 48px minmax(0,1fr); }
  body[data-experience="video-continuity"] .baseline-integration ul { grid-column: 2; margin-left: 0; }
}

@media (max-width: 700px) {
  body[data-experience="video-continuity"] .baseline-overview-heading > span { font-size: 15px; letter-spacing: .08em; }
  body[data-experience="video-continuity"] .baseline-overview-heading h1 { font-size: clamp(32px,8vw,42px); }
  body[data-experience="video-continuity"] .baseline-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  body[data-experience="video-continuity"] .baseline-step { min-height: 126px; grid-template-columns: 1fr; gap: 7px; padding: 12px; }
  body[data-experience="video-continuity"] .baseline-step-icon { width: 39px; height: 39px; padding: 9px; }
  body[data-experience="video-continuity"] .baseline-step strong { font-size: 14px; }
  body[data-experience="video-continuity"] .baseline-step p { font-size: 11px; }
  body[data-experience="video-continuity"] .baseline-examines-heading h2 { font-size: 22px; }
  body[data-experience="video-continuity"] .baseline-integration ul { grid-column: 1 / -1; }
  body[data-experience="video-continuity"] .baseline-deliverable { padding: 19px 16px; }
  body[data-experience="video-continuity"] .baseline-deliverable h3 { font-size: 20px; }
  body[data-experience="video-continuity"] .baseline-deliverable p { font-size: 13px; }
}

@media (max-width: 420px) {
  body[data-experience="video-continuity"] .baseline-steps { grid-template-columns: 1fr; }
  body[data-experience="video-continuity"] .baseline-step { min-height: 0; grid-template-columns: 39px minmax(0,1fr); }
}