:root {
  --ink: #11172a;
  --muted: #6c7892;
  --line: #dfe5f0;
  --panel: #ffffff;
  --canvas: #f3f5ff;
  --purple: #6153d8;
  --purple-2: #8275ed;
  --purple-soft: #eeebff;
  --orange: #ff8f3d;
  --orange-soft: #fff0e5;
  --blue: #2f67e8;
  --cyan: #1398b7;
  --green: #18b77a;
  --shadow: 0 16px 40px rgba(54, 48, 116, .10);
}

* { box-sizing: border-box; }
html { font-family: "DM Sans", system-ui, sans-serif; color: var(--ink); background: #efeefe; }
body { margin: 0; min-width: 320px; min-height: 100vh; }
button, textarea { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

body::before {
  content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 151, 157, .65), transparent 28%),
    radial-gradient(circle at 92% 6%, rgba(255, 137, 60, .60), transparent 30%),
    linear-gradient(130deg, #f3b5c2 0%, #ffb28d 48%, #f29162 100%);
}

.app-shell { margin: 24px; min-height: calc(100vh - 48px); padding: 24px; border-radius: 40px; background: rgba(247, 248, 255, .96); box-shadow: 0 30px 80px rgba(56, 37, 99, .22); border: 1px solid rgba(255,255,255,.75); }
.topbar { min-height: 72px; display: grid; grid-template-columns: 230px minmax(260px, 1fr) auto minmax(250px, 1fr); align-items: center; gap: 16px; padding: 0 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 4px 12px rgba(27, 36, 75, .04); }
.brand { border: 0; background: transparent; cursor: pointer; font-weight: 500; font-size: 2rem; letter-spacing: -1.7px; display: inline-flex; align-items: flex-end; }
.brand img { display:block; width:174px; height:auto; }
.brand-bars { display: inline-flex; gap: 2px; align-items: end; margin: 0 0 7px 3px; height: 17px; }
.brand-bars i { width: 4px; border-radius: 2px 2px 0 0; background: var(--orange); }
.brand-bars i:nth-child(1) { height: 7px; background: #26354f; }.brand-bars i:nth-child(2) { height: 12px; background: #6875a0; }.brand-bars i:nth-child(3) { height: 17px; }
.case-switcher { justify-self: stretch; border: 1px solid var(--line); background: #f9faff; border-radius: 13px; min-height: 46px; padding: 0 16px; display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: #35415c; cursor: pointer; }
.case-switcher svg { width: 18px; fill: none; stroke: #91a0bd; stroke-width: 2; }
.mode-tabs { display: flex; align-items: center; gap: 4px; background: #f1f3fb; border: 1px solid var(--line); border-radius: 13px; padding: 4px; }
.mode-tabs button { border: 0; background: transparent; min-height: 38px; padding: 0 18px; border-radius: 9px; cursor: pointer; color: #68738a; font-weight: 700; }
.mode-tabs button.active { color: #303a54; background: #fff; box-shadow: 0 2px 7px rgba(44, 51, 93, .13); outline: 1px solid #cbc5ff; }
.top-status { justify-self: end; display: flex; align-items: center; gap: 14px; color: #5f6980; font-weight: 700; white-space: nowrap; }
.save-state { color: #08784d; }.save-tick { font-size: 1.1em; margin-right: 5px; }
.icon-button { width: 42px; height: 42px; border-radius: 11px; background: #fff; border: 1px solid var(--line); display: grid; place-items: center; cursor: pointer; }
.icon-button svg { width: 20px; fill: none; stroke: #8c9ab2; stroke-width: 1.7; }

.workspace { display: grid; grid-template-columns: 280px minmax(560px, 1fr) 360px; gap: 20px; margin-top: 20px; min-height: calc(100vh - 188px); }
.slide-rail, .stage-column, .coach-panel { border: 1px solid var(--line); background: rgba(255,255,255,.8); border-radius: 28px; }
.slide-rail { position: relative; padding: 18px 22px 18px 18px; max-height: calc(100vh - 188px); overflow: hidden; }
.slide-list { display: flex; flex-direction: column; gap: 12px; height: 100%; overflow-y: auto; padding-right: 7px; scrollbar-width: none; }
.slide-list::-webkit-scrollbar { display:none; }
.rail-progress { position: absolute; top: 26px; right: 10px; width: 6px; height: calc(100% - 52px); background: #e7e7fa; border-radius: 8px; overflow: hidden; }
.rail-progress span { display: block; height: 10%; background: #8e82e5; border-radius: 8px; transition: height .35s ease; }
.slide-thumb { flex: 0 0 140px; border: 1px solid var(--line); background: rgba(255,255,255,.86); border-radius: 18px; padding: 13px; text-align: left; cursor: pointer; box-shadow: 0 4px 9px rgba(31,43,77,.04); transition: .18s ease; }
.slide-thumb:hover { transform: translateY(-1px); border-color: #c9c2ff; }
.slide-thumb.active { border: 2px solid var(--purple); box-shadow: 0 7px 18px rgba(97,83,216,.13); }
.thumb-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: .8rem; font-weight: 800; }
.thumb-num { color: #8290aa; }.thumb-title { color: var(--purple); text-transform: uppercase; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thumb-done { color: var(--green); }
.mini-chart { margin-top: 17px; height: 55px; display: flex; gap: 6px; align-items: end; }
.mini-chart i { flex: 1; min-width: 7px; border-radius: 5px 5px 2px 2px; background: #dfe4f1; }
.mini-chart i:nth-child(2n) { background: #c8cbff; }.mini-chart i:nth-child(3n) { background: var(--orange); }

.stage-column { padding: 22px; display: flex; flex-direction: column; min-width: 0; }
.stage { flex: 1; background: white; border: 1px solid var(--line); border-radius: 25px; padding: 24px; box-shadow: inset 0 0 0 8px #fbfbfe; overflow: auto; }
.stage-footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding-top: 18px; }
.primary-button, .secondary-button { border-radius: 12px; min-height: 46px; padding: 0 20px; font-weight: 800; cursor: pointer; border: 0; }
.primary-button { background: linear-gradient(135deg, var(--purple), #4c3bc8); color: #fff; box-shadow: 0 8px 17px rgba(97,83,216,.25); }
.primary-button:hover { filter: brightness(1.05); }.primary-button:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.secondary-button { background: #f6f7fb; border: 1px solid var(--line); color: #536078; }
.large { min-height: 54px; padding: 0 28px; font-size: 1rem; }
.progress-copy { text-align: center; display: grid; gap: 2px; color: #5e6980; font-size: .82rem; }.progress-copy strong { color: #2b3650; font-size: .9rem; }

.response-card { border: 2px solid #d9d3ff; background: #fff; border-radius: 20px; padding: 17px 18px 15px; margin-bottom: 22px; box-shadow: 0 0 0 6px #f6f4ff; }
.response-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 800; margin-bottom: 10px; }
.response-label small { color: #8b96aa; font-weight: 600; }
.response-card textarea, .summary-input textarea { width: 100%; resize: vertical; border: 0; outline: 0; min-height: 72px; color: var(--ink); font-size: 1rem; line-height: 1.45; background: transparent; }
.response-card textarea::placeholder, .summary-input textarea::placeholder { color: #a6afc0; }
.helper { position: relative; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--purple-soft); color: var(--purple); font-size: .78rem; cursor: help; }
.helper::after { content: attr(data-tip); position: absolute; right: 0; bottom: calc(100% + 9px); width: 260px; padding: 10px 12px; border-radius: 10px; color: white; background: #252d44; font-size: .78rem; font-weight: 500; line-height: 1.35; opacity: 0; pointer-events: none; transform: translateY(5px); transition: .18s; z-index: 4; }
.helper:hover::after, .helper:focus::after { opacity: 1; transform: none; }
.slide-content { padding: 5px 12px 12px; }
.slide-kicker { color: var(--purple); font-size: .74rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.slide-content h1 { font-size: clamp(1.45rem, 2vw, 2.2rem); line-height: 1.1; margin: 7px 0 5px; letter-spacing: -.035em; }
.slide-subtitle { color: var(--muted); font-size: .86rem; margin-bottom: 20px; }
.source-note { margin: 14px 0 0; color: #8a96ac; font-size: .72rem; line-height: 1.35; }

.method-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 22px; }
.method-card { padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #f9faff; }
.method-card span { color: var(--purple); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.method-card h3 { margin: 7px 0 8px; font-size: 1rem; }.method-card p { margin: 0; color: #5e6980; line-height: 1.5; font-size: .86rem; }
.retailer-table { width: 100%; margin-top: 18px; border-collapse: collapse; font-size: .82rem; }.retailer-table th,.retailer-table td { padding: 9px 10px; border-bottom: 1px solid var(--line); text-align: left; }

.legend { display: flex; flex-wrap: wrap; gap: 13px; justify-content: center; margin: 6px 0 16px; font-size: .75rem; color: #66728a; }.legend span { display: inline-flex; align-items: center; gap: 5px; }.legend i { width: 9px; height: 9px; border-radius: 3px; }
.chart-wrap { min-height: 340px; display: flex; align-items: stretch; }
.grouped-chart { flex: 1; display: flex; gap: 18px; align-items: end; padding: 20px 10px 34px; border-bottom: 1px solid #dfe3ed; position: relative; }
.bar-group { flex: 1; min-width: 66px; height: 300px; display: flex; align-items: end; gap: 4px; position: relative; }
.bar-group::after { content: attr(data-label); position: absolute; top: calc(100% + 9px); left: 50%; transform: translateX(-50%); font-weight: 800; color: #5d6880; }
.vbar { flex: 1; border-radius: 6px 6px 2px 2px; min-height: 3px; position: relative; transition: height .45s cubic-bezier(.2,.8,.2,1); }.vbar:hover::after { content: attr(data-value); position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%); background: #1f2840; color: white; padding: 4px 6px; border-radius: 6px; font-size: .7rem; white-space: nowrap; z-index: 3; }
.c1{background:#5966d8}.c2{background:#fa9a4a}.c3{background:#9e91ea}.c4{background:#2eb9b2}.c5{background:#233c7e}

.data-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .76rem; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.data-table th,.data-table td { padding: 9px 7px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: center; }.data-table th:first-child,.data-table td:first-child { text-align:left; font-weight:700; background:#f7f8fd; }.data-table thead th { background:#303a59; color:white; font-weight:700; }.data-table tr:last-child td{border-bottom:0}.data-table th:last-child,.data-table td:last-child{border-right:0}.heat-strong{background:#e5f7f1;color:#087553;font-weight:800}.heat-mid{background:#fff4dc}.heat-low{background:#ffe9ec;color:#b12345}

.hbar-chart { display: grid; gap: 8px; }.hbar-row { display: grid; grid-template-columns: minmax(170px, 1.8fr) 3fr 42px; align-items: center; gap: 10px; font-size: .73rem; }.hbar-label { color:#4e5b73; line-height:1.2; }.hbar-track { display:grid; gap:4px; }.hbar { height: 8px; border-radius: 5px; min-width: 3px; }.hbar.a{background:var(--orange)}.hbar.b{background:#6b68db}.hbar-value{font-weight:800;color:#56627a}.hbar-scroll{max-height:410px;overflow:auto;padding-right:6px}

.scatter { position: relative; height: 420px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(#fff,#fafbff); overflow: hidden; }.scatter::before,.scatter::after{content:"";position:absolute;background:#d8dfeb}.scatter::before{left:50%;top:0;width:1px;height:100%}.scatter::after{top:50%;left:0;height:1px;width:100%}.point { position:absolute; transform:translate(-50%,-50%); padding:4px 6px; border-radius:7px; font-size:.67rem; font-weight:700; color:#46516b; white-space:nowrap; }.point.trait{background:#f0f2f8}.point.brand{background:var(--purple);color:white;box-shadow:0 4px 12px rgba(97,83,216,.25)}.point.alpha{background:var(--orange);font-size:.78rem}.axis-label{position:absolute;color:#8d98ac;font-size:.7rem;font-weight:700}.axis-label.x{right:10px;top:calc(50% + 8px)}.axis-label.y{left:calc(50% + 8px);top:8px}
.matrix { position:relative;height:420px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#f6f8ff 50%,#fbfbff 50%)}.matrix::before,.matrix::after{content:"";position:absolute;background:#cfd7e6}.matrix::before{left:50%;top:0;width:1px;height:100%}.matrix::after{top:50%;left:0;height:1px;width:100%}.quadrant{position:absolute;font-size:.7rem;font-weight:900;letter-spacing:.09em;color:#7d89a0}.q1{top:10px;left:12px}.q2{top:10px;right:12px;color:#d46a21}.q3{bottom:10px;left:12px}.q4{bottom:10px;right:12px}.matrix-point{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--purple);border:2px solid white;box-shadow:0 2px 7px rgba(37,45,78,.3);transform:translate(-50%,-50%)}.matrix-point.priority{background:var(--orange)}.matrix-point:hover::after{content:attr(data-label);position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:6px 8px;border-radius:7px;background:#1f2840;color:#fff;font-size:.67rem;white-space:nowrap;z-index:4}

.summary-header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px }.summary-header p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.summary-stack{display:grid;gap:14px}.summary-input{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fbfbfe}.summary-number{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--purple);color:white;font-weight:900}.summary-input textarea{min-height:90px}

.coach-panel { padding: 20px; display: flex; flex-direction: column; max-height: calc(100vh - 188px); background: #fff; }
.coach-header { padding-bottom: 18px; border-bottom: 1px solid var(--line); display:flex;align-items:center;justify-content:space-between;gap:10px }.coach-header>div{display:flex;align-items:center;gap:9px}.coach-header strong{font-size:1.18rem}.coach-spark{color:var(--orange);font-size:1.35rem}.live-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #8ae4bd;background:#e9fff5;color:#078052;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:800}.live-pill i{width:8px;height:8px;border-radius:50%;background:#18bd7c}
.coach-thread { flex:1;overflow-y:auto;padding:18px 0;display:flex;flex-direction:column;gap:14px }.coach-empty{text-align:center;margin:auto;color:#738099;max-width:260px}.coach-orb{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:18px;background:var(--orange-soft);color:var(--orange);font-size:1.5rem}.coach-empty strong{display:block;color:#26314a}.coach-empty p{font-size:.84rem;line-height:1.5}.message{max-width:90%;padding:12px 14px;border-radius:16px;font-size:.86rem;line-height:1.45}.message.user{align-self:flex-end;background:#f0edff;border:1px solid #cbc4ff}.message.coach{align-self:flex-start;background:#f8f9fc;border:1px solid var(--line)}.message.coach.is-error{color:#9f2938;background:#fff5f6;border-color:#ffd3da}.message-label{display:block;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#8b96aa;margin-bottom:5px}.coach-thinking>span:not(.message-label){display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#8f84e8;animation:coachPulse 1s infinite ease-in-out}.coach-thinking>span:nth-child(3){animation-delay:.14s}.coach-thinking>span:nth-child(4){animation-delay:.28s}@keyframes coachPulse{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}.coach-composer{display:grid;grid-template-columns:1fr 42px;gap:9px;align-items:end;border:1px solid var(--line);border-radius:17px;padding:10px;background:#fbfbfd}.coach-composer textarea{border:0;outline:0;background:transparent;resize:none;color:var(--ink);line-height:1.35}.coach-composer textarea:disabled{opacity:.65}.coach-composer button{width:42px;height:42px;border:0;border-radius:12px;background:var(--purple);display:grid;place-items:center;cursor:pointer}.coach-composer button:disabled{cursor:wait;opacity:.55}.coach-composer svg{width:20px;fill:none;stroke:white;stroke-width:1.8}

.brief-view,.feedback-view{margin-top:20px;min-height:calc(100vh - 188px);display:grid;place-items:center}.brief-card{width:min(1050px,100%);padding:54px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.eyebrow{color:var(--purple);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.brief-card h1{font-size:3rem;letter-spacing:-.05em;margin:10px 0}.brief-lead{font-size:1.2rem;line-height:1.5;color:#56637b;max-width:800px}.brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}.brief-grid article{position:relative;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fafbff}.brief-grid article>span{position:absolute;right:18px;top:15px;color:#ddd9ff;font-weight:900;font-size:1.6rem}.brief-grid h2{font-size:1.05rem;margin:0 0 8px}.brief-grid p{margin:0;color:#657087;line-height:1.5;font-size:.9rem}.feedback-placeholder{width:min(660px,100%);text-align:center;padding:60px;border:1px solid var(--line);border-radius:28px;background:white;box-shadow:var(--shadow)}.feedback-icon{display:grid;place-items:center;width:60px;height:60px;margin:auto;border-radius:20px;background:#eafaf4;color:#0b9d68;font-size:1.7rem;font-weight:900}.feedback-placeholder h1{font-size:2rem;margin:18px 0 8px}.feedback-placeholder p{color:var(--muted);line-height:1.55;margin:0 auto 25px;max-width:520px}

@media (max-width: 1280px) {
  .app-shell{margin:12px;padding:14px;border-radius:26px}.topbar{grid-template-columns:200px 1fr auto}.mode-tabs{grid-row:2;grid-column:1/-1;justify-self:center;margin-bottom:8px}.top-status{grid-column:3}.workspace{grid-template-columns:210px minmax(520px,1fr)}.coach-panel{grid-column:1/-1;max-height:none;min-height:340px}.slide-rail{max-height:780px}.coach-thread{min-height:180px}.coach-empty{margin:20px auto}
}
@media (max-width: 820px) {
  .app-shell{margin:0;padding:10px;border-radius:0;min-height:100vh}.topbar{grid-template-columns:1fr auto;padding:12px}.brand{font-size:1.65rem}.case-switcher{grid-row:2;grid-column:1/-1}.mode-tabs{grid-row:3}.top-status{grid-column:2}.slide-count{display:none}.workspace{grid-template-columns:1fr}.slide-rail{display:none}.stage-column{padding:12px;border-radius:20px}.stage{padding:14px;border-radius:18px}.stage-footer{grid-template-columns:1fr 1fr}.progress-copy{grid-row:2;grid-column:1/-1}.coach-panel{border-radius:20px}.method-grid,.brief-grid{grid-template-columns:1fr}.brief-card{padding:28px}.brief-card h1{font-size:2.2rem}.grouped-chart{overflow-x:auto}.bar-group{min-width:85px}.hbar-row{grid-template-columns:130px 1fr 36px}.summary-header{display:block}
}

/* Launch-reference refinement */
.brand-bars i:nth-child(1){height:7px;background:#343d57}.brand-bars i:nth-child(2){height:12px;background:#7b72e7}.brand-bars i:nth-child(3){height:17px}
body.entry-mode .case-switcher,body.entry-mode .mode-tabs,body.entry-mode .top-status{visibility:hidden}
body.entry-mode .topbar{grid-template-columns:1fr}
.home-view,.library-view{margin-top:20px;min-height:calc(100vh - 188px);display:block}
.home-hero{padding:54px 32px 34px;text-align:center}.home-hero h1{margin:10px 0 12px;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.055em}.home-hero p{max-width:700px;margin:auto;color:var(--muted);font-size:1.08rem;line-height:1.55}
.product-grid{width:min(1220px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{min-height:300px;padding:25px;text-align:left;border:1px solid var(--line);border-radius:23px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:13px;box-shadow:0 8px 24px rgba(49,47,102,.06)}button.product-card{cursor:pointer;transition:.2s ease}.product-live{border-color:#bdb4ff;background:linear-gradient(155deg,#fff 15%,#f2efff)}button.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(65,54,148,.14)}.product-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:900}.product-icon.orange{background:var(--orange)}.product-icon.blue{background:var(--blue)}.product-icon.teal{background:var(--cyan)}.product-state{margin-left:auto;margin-top:-58px;padding:6px 9px;border-radius:999px;background:#e9fff5;color:#078052;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.product-soon .product-state{background:#f1f3f8;color:#778299}.product-card strong{margin-top:18px;font-size:1.35rem}.product-card>span:not(.product-icon):not(.product-state){color:#69758b;line-height:1.5}.product-card b{margin-top:auto;color:var(--purple)}
.library-card{width:min(980px,100%);margin:50px auto;padding:46px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.library-card h1{font-size:3rem;letter-spacing:-.05em;margin:10px 0}.library-lead{color:var(--muted);font-size:1.03rem;max-width:670px}.case-list{margin-top:30px}.case-card{width:100%;padding:28px;border:1px solid #c8c0ff;border-radius:20px;background:linear-gradient(110deg,#fff,#faf8ff);display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.case-card h2{font-size:2rem;margin:8px 0 1px}.case-card p{margin:0;color:var(--muted)}.case-status{color:#087a51;background:#e8fbf3;border-radius:999px;padding:5px 9px;font-size:.69rem;font-weight:900;text-transform:uppercase}.case-meta{display:flex;align-items:center;gap:10px}.case-meta span{padding:7px 12px;background:var(--purple-soft);color:var(--purple);border-radius:999px;font-weight:800;font-size:.82rem}.case-meta b{margin-left:14px;color:var(--purple)}
.mini-bars,.mini-summary,.mini-hbars,.mini-table,.mini-scatter,.mini-matrix{margin-top:16px;height:58px;position:relative;overflow:hidden;border-radius:8px;background:#f8f9fd}.mini-bars{display:flex;align-items:flex-end;gap:5px;padding:8px 10px}.mini-bars i{flex:1;border-radius:3px 3px 1px 1px;background:#c9ceef}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:58%;background:#ffad70}.mini-bars i:nth-child(3){height:88%;background:#8178e6}.mini-bars i:nth-child(4){height:52%}.mini-bars i:nth-child(5){height:70%;background:#ff8f3d}.mini-hbars{display:grid;gap:5px;padding:9px}.mini-hbars i{height:6px;width:82%;border-radius:5px;background:linear-gradient(90deg,#6b68db 0 62%,transparent 62%)}.mini-hbars i:nth-child(2){width:66%;background:linear-gradient(90deg,#ff8f3d 0 78%,transparent 78%)}.mini-hbars i:nth-child(3){width:94%}.mini-hbars i:nth-child(4){width:74%;background:linear-gradient(90deg,#ff8f3d 0 63%,transparent 63%)}.mini-table{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:9px}.mini-table i{background:#dfe4f1;border-radius:2px}.mini-table i:nth-child(2n){background:#ffd7bb}.mini-table i:nth-child(3n){background:#c9ceef}.mini-scatter::before,.mini-scatter::after,.mini-matrix::before,.mini-matrix::after{content:"";position:absolute;background:#d9deea}.mini-scatter::before,.mini-matrix::before{left:50%;top:6px;bottom:6px;width:1px}.mini-scatter::after,.mini-matrix::after{top:50%;left:6px;right:6px;height:1px}.mini-scatter i,.mini-matrix i{position:absolute;width:6px;height:6px;border-radius:50%;background:#6b68db}.mini-scatter i:nth-child(1),.mini-matrix i:nth-child(1){left:22%;top:30%;background:#ff8f3d}.mini-scatter i:nth-child(2),.mini-matrix i:nth-child(2){left:67%;top:22%}.mini-scatter i:nth-child(3),.mini-matrix i:nth-child(3){left:76%;top:64%}.mini-scatter i:nth-child(4),.mini-matrix i:nth-child(4){left:36%;top:72%}.mini-scatter i:nth-child(5),.mini-matrix i:nth-child(5){left:57%;top:47%;background:#ff8f3d}.mini-summary{display:grid;gap:6px;padding:10px}.mini-summary i{height:8px;border-radius:5px;background:#dfe4f1}.mini-summary i:nth-child(1){width:88%;background:#c9ceef}.mini-summary i:nth-child(2){width:72%}.mini-summary i:nth-child(3){width:80%;background:#ffd7bb}
.helper::after{top:calc(100% + 9px);bottom:auto;transform:translateY(-5px);z-index:20}.response-card textarea{min-height:58px}.vbar span{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%) rotate(-42deg);transform-origin:left bottom;font-size:.58rem;font-weight:800;color:#4e5a72;white-space:nowrap}.vbar:hover::after{display:none}.chart-wrap{min-height:365px}.grouped-chart{padding-top:45px}.hbar-chart{display:grid;gap:5px}.hbar-row{display:grid;grid-template-columns:minmax(150px,1.7fr) 3fr 70px;align-items:center;gap:9px;font-size:.68rem}.hbar-label{color:#4e5b73;line-height:1.12}.hbar-track{display:grid;gap:3px}.hbar{height:6px}.hbar-values{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-weight:900}.hbar-values span:first-child{color:#5d59c9}.hbar-values span:last-child{color:#e87525}.hbar-scroll{max-height:none;overflow:visible;padding:0}
.funnel-table td strong{display:block;font-size:.9rem}.funnel-table td small{display:block;margin-top:3px;color:#647086;font-size:.58rem;font-weight:800}.funnel-key{display:flex;justify-content:center;gap:18px;margin-top:10px;color:#6c7892;font-size:.68rem}.funnel-key span{display:flex;align-items:center;gap:5px}.funnel-key i{width:8px;height:8px;border-radius:2px;background:#5e6add}.funnel-key span:last-child i{background:#ff9c54}
.svg-chart{width:100%;border:1px solid var(--line);border-radius:16px;background:#fcfcff;overflow:hidden}.svg-chart svg{width:100%;height:auto;display:block}.svg-chart .axis{stroke:#cdd5e3;stroke-width:1}.trait-labels line,.matrix-labels line{stroke:#b7c0d1;stroke-width:.75}.trait-labels circle{fill:#8996ae}.trait-labels text,.matrix-labels text{font:600 10.5px "DM Sans",sans-serif;fill:#4d596f;paint-order:stroke;stroke:#fcfcff;stroke-width:3px;stroke-linejoin:round}.brand-node circle{fill:var(--purple);stroke:#fff;stroke-width:2}.brand-node.alpha circle{fill:var(--orange)}.brand-node text{font:900 13px "DM Sans",sans-serif;fill:#313b52;paint-order:stroke;stroke:#fff;stroke-width:4px}.axis-title{font:700 10.5px "DM Sans",sans-serif;fill:#8290a7}.matrix-svg .quad{stroke:none}.q-maintain{fill:#f2f0ff}.q-leverage{fill:#eef9f7}.q-monitor{fill:#f6f7fb}.q-prioritise{fill:#fff2e8}.quad-title{font:900 11px "DM Sans",sans-serif;letter-spacing:1.2px;fill:#6f7a91}.quad-title.accent{fill:#d76b22}.matrix-labels circle{fill:var(--orange);stroke:#fff;stroke-width:2}.matrix-svg-wrap{overflow:visible}
.coach-mark{position:relative;width:27px;height:25px;display:inline-block}.coach-mark i{position:absolute;width:13px;height:13px;border:2px solid var(--orange);transform:rotate(45deg);border-radius:3px}.coach-mark i:first-child{left:1px;top:8px}.coach-mark i:last-child{right:1px;top:1px;width:9px;height:9px}
.brief-card{width:min(1320px,100%);padding:46px}.research-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:24px 0 18px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--line)}.research-strip>div{padding:15px 17px;background:#f8f9fd}.research-strip span{display:block;color:#8792a8;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.research-strip strong{font-size:.84rem;color:#35415a}.brief-grid{grid-template-columns:repeat(3,1fr);margin:18px 0 28px}
@media (max-width:1280px){.product-grid{grid-template-columns:repeat(2,1fr)}.research-strip{grid-template-columns:repeat(2,1fr)}.brief-grid{grid-template-columns:1fr}.hbar-row{grid-template-columns:150px 1fr 64px}.vbar span{font-size:.52rem}}
@media (max-width:820px){body.entry-mode .topbar{grid-template-columns:1fr}.home-hero{padding:40px 12px 24px}.product-grid{grid-template-columns:1fr}.product-card{min-height:240px}.library-card{margin:20px auto;padding:28px}.library-card h1{font-size:2.2rem}.case-card{display:grid;gap:22px}.case-meta{flex-wrap:wrap}.research-strip{grid-template-columns:1fr}.brief-grid{grid-template-columns:1fr}.hbar-row{grid-template-columns:112px 1fr 57px}.hbar-values{font-size:.61rem}.vbar span{font-size:.48rem}.svg-chart{overflow-x:auto}.svg-chart svg{min-width:700px}}
@media (min-width:821px) and (max-width:1280px){.workspace{grid-template-columns:180px minmax(520px,1fr) 280px}.coach-panel{grid-column:auto;max-height:calc(100vh - 230px);min-height:0}.slide-rail{max-height:calc(100vh - 230px)}.product-grid{grid-template-columns:repeat(4,1fr)}.research-strip{grid-template-columns:repeat(4,1fr)}.brief-grid{grid-template-columns:repeat(3,1fr)}.brief-card{padding:36px}.brief-card h1{font-size:2.6rem}.brief-lead{font-size:1rem}.brief-grid article{padding:20px}.brief-grid p{font-size:.82rem}.coach-header strong{font-size:1rem}.live-pill{padding:5px 9px}.coach-panel{padding:15px}.slide-thumb{padding:11px}.thumb-title{font-size:.7rem}}

/* Alpha launch prototype refinements */
.c1{background:#6D5CE7}.c2{background:#FB923C}.c3{background:#20A39E}.c4{background:#E76486}.c5{background:#4385D1}.c6{background:#D9A62E}
.mode-tabs button:not(.active):hover{background:#e7e9f6;color:#313b54}
.case-card{display:grid;grid-template-columns:170px 1fr auto;gap:22px;padding:0;overflow:hidden}
.case-visual{height:150px;position:relative;overflow:hidden}.case-visual>img:first-child{width:100%;height:100%;object-fit:cover}.case-alpha-logo{position:absolute;left:13px;bottom:12px;width:104px;filter:drop-shadow(0 2px 8px rgba(255,255,255,.85))}.case-copy{padding:22px 0}.case-meta{padding-right:25px}
.brief-card{display:grid;grid-template-columns:260px 1fr;gap:16px 28px;align-items:start}.brief-hero{grid-row:1/4;position:relative;height:100%;min-height:390px;border-radius:20px;overflow:hidden;background:#171a22}.brief-hero>img:first-child{width:100%;height:100%;object-fit:cover}.brief-hero>div{position:absolute;inset:auto 18px 20px;display:grid;gap:5px;color:white;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.brief-hero>div img{width:140px;filter:brightness(0) invert(1)}.brief-intro{grid-column:2}.research-strip,.brief-grid,.brief-card>.primary-button{grid-column:2}.brief-card>.primary-button{justify-self:start}.brief-card h1{font-size:2.45rem}.brief-lead{font-size:1rem}
.mini-title{margin-top:10px;height:66px;position:relative;overflow:hidden;border-radius:8px;background:#151821}.mini-title>img:first-child{width:100%;height:100%;object-fit:cover}.mini-title>img:last-child{position:absolute;left:7px;bottom:6px;width:58px;filter:brightness(0) invert(1)}
.title-slide{position:relative;height:100%;min-height:470px;border-radius:18px;overflow:hidden;background:#171a22}.title-image{width:100%;height:100%;object-fit:cover}.title-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,18,.82),rgba(9,12,18,.22) 62%,rgba(9,12,18,.04))}.title-copy{position:absolute;left:54px;top:50%;transform:translateY(-50%);display:grid;gap:13px;color:#fff}.title-copy img{width:250px;filter:brightness(0) invert(1)}.title-copy span{font-size:1.35rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.title-copy p{margin:0;font-size:.92rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.title-badge{position:absolute;right:22px;top:20px;padding:7px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(13,16,23,.35);color:white;font-size:.7rem;font-weight:800}
.response-card{position:relative;padding:14px 48px 12px 17px;margin-bottom:14px;animation:responseArrival .36s cubic-bezier(.2,.8,.25,1) both}.response-card .helper{position:absolute;right:15px;top:15px}.response-card:focus-within{border-color:#7a68ec;box-shadow:0 0 0 7px rgba(109,92,231,.12),0 12px 30px rgba(81,65,183,.1)}.response-card textarea{min-height:52px;max-height:92px;font-size:1.25rem;font-weight:750;line-height:1.25}@keyframes responseArrival{0%{opacity:.55;transform:translateY(-4px);box-shadow:0 0 0 0 rgba(109,92,231,0)}55%{opacity:1;box-shadow:0 0 0 8px rgba(109,92,231,.1)}100%{opacity:1;transform:none;box-shadow:0 0 0 6px #f6f4ff}}
.slide-subtitle{font-size:.72rem;margin-bottom:10px}.slide-content h1{font-size:clamp(1.2rem,1.6vw,1.75rem);margin-top:3px}.source-note{margin-top:7px;font-size:.64rem}
.vbar span{left:50%;bottom:calc(100% + 4px + var(--label-offset,0px));transform:translateX(-50%);font-size:.56rem;text-align:center}.chart-wrap{min-height:270px}.grouped-chart{padding:36px 8px 27px;gap:12px}.bar-group{height:225px;gap:3px}.bar-group::after{font-size:.64rem;white-space:nowrap}
.hbar-head{display:grid;grid-template-columns:minmax(145px,1.7fr) 3fr 76px;gap:9px;margin:0 0 5px;font-size:.63rem;font-weight:900;color:#56627b}.hbar-head span:nth-child(2){text-align:center;color:#5d59c9}.hbar-head span:nth-child(3){display:grid;grid-template-columns:1fr 1fr;text-align:center;color:#e87525}.hbar-chart{gap:3px}.hbar-row{grid-template-columns:minmax(145px,1.7fr) 3fr 76px;gap:8px;font-size:.61rem}.hbar{height:5px}.hbar-values{font-size:.61rem}
.data-table th,.data-table td{padding:6px 5px}.funnel-key{display:none}
.svg-chart svg{max-height:340px}.trait-labels line,.matrix-labels line{display:none}.matrix-labels text{font-size:9px}.axis-title{font-size:9px}
.coach-sparkles{width:27px;height:27px;fill:none;stroke:#FB923C;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.coach-orb{font-family:Georgia,serif}
.primary-button:disabled{background:#b8bed0;color:#f5f6fa}

@media (min-width:1100px){
  html,body{height:100%;overflow:hidden}.app-shell{height:calc(100vh - 16px);min-height:0;margin:8px;padding:10px 12px;border-radius:28px}.topbar{min-height:56px;height:56px;border-radius:16px;grid-template-columns:190px minmax(230px,1fr) auto minmax(205px,.8fr);padding:0 14px;gap:10px}.brand img{width:154px}.case-switcher{min-height:39px;font-size:.82rem}.mode-tabs button{min-height:32px;padding:0 13px;font-size:.78rem}.top-status{gap:9px;font-size:.78rem}.icon-button{width:36px;height:36px}
  .mode-tabs{grid-row:auto;grid-column:auto;justify-self:auto;margin-bottom:0}.top-status{grid-column:auto}
  .workspace{height:calc(100vh - 92px);min-height:0;margin-top:10px;grid-template-columns:176px minmax(560px,1fr) 270px;gap:10px;align-items:stretch}.slide-rail,.stage-column,.coach-panel{height:100%;min-height:0;border-radius:20px}.slide-rail{max-height:none;padding:11px 17px 11px 10px}.slide-list{gap:7px}.slide-thumb{flex-basis:92px;border-radius:12px;padding:8px}.thumb-top{font-size:.65rem}.mini-bars,.mini-summary,.mini-hbars,.mini-table,.mini-scatter,.mini-matrix{height:42px;margin-top:7px}.mini-title{height:46px;margin-top:5px}.rail-progress{top:15px;right:6px;height:calc(100% - 30px);width:4px}
  .stage-column{padding:10px}.stage{min-height:0;border-radius:16px;padding:14px;overflow:hidden}.stage-footer{height:55px;padding-top:9px;gap:10px}.primary-button,.secondary-button{min-height:38px;padding:0 14px;font-size:.76rem}.progress-copy{font-size:.68rem}.progress-copy strong{font-size:.76rem}
  .coach-panel{max-height:none;padding:13px}.coach-header{padding-bottom:11px}.coach-header strong{font-size:.92rem}.live-pill{padding:4px 8px;font-size:.68rem}.coach-thread{padding:11px 0}.coach-empty p{font-size:.74rem}.coach-composer{padding:7px;grid-template-columns:1fr 36px}.coach-composer button{width:36px;height:36px}.coach-composer textarea{font-size:.75rem}
  .slide-content{padding:2px 8px 5px}.summary-stack{gap:9px}.summary-input{padding:11px}.summary-input textarea{min-height:66px}.title-slide{min-height:0;height:100%}
  .brief-view,.feedback-view{height:calc(100vh - 92px);min-height:0;margin-top:10px}.brief-card{max-height:100%;overflow:auto;padding:24px;grid-template-columns:220px 1fr}.brief-hero{min-height:330px}.brief-card h1{font-size:2rem;margin:5px 0}.brief-lead{font-size:.86rem}.research-strip{margin:12px 0 9px}.research-strip>div{padding:10px}.brief-grid{margin:9px 0 13px}.brief-grid article{padding:15px}.brief-grid p{font-size:.75rem}.brief-grid h2{font-size:.9rem}
  .home-view,.library-view{height:calc(100vh - 92px);min-height:0;margin-top:10px;overflow:auto}.home-hero{padding:24px 20px 18px}.home-hero h1{font-size:2.7rem}.product-card{min-height:230px}.library-card{margin:24px auto;padding:30px}
}

@media (max-width:1099px){.case-card{grid-template-columns:140px 1fr}.case-meta{grid-column:2;padding:0 18px 18px}.brief-card{grid-template-columns:1fr}.brief-hero{grid-row:auto;height:220px;min-height:0}.brief-intro,.research-strip,.brief-grid,.brief-card>.primary-button{grid-column:1}}

/* Approved entry and briefing hierarchy */
body.entry-mode .topbar{border:0;background:transparent;box-shadow:none;padding-left:10px}
.home-hero{padding-top:34px}.home-hero p{max-width:850px;font-size:1.12rem}
.product-card strong{margin-bottom:-9px}.product-card em{font-style:normal;color:var(--purple);font-size:.78rem;font-weight:900;line-height:1.3}.product-card>span:not(.product-icon):not(.product-state){font-size:.9rem}
.case-alpha-logo{left:14px;top:13px;bottom:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 5px rgba(0,0,0,.28))}
.brief-card{grid-template-columns:260px 1fr;gap:24px;padding:28px;align-items:stretch}
.brief-hero{grid-row:auto;min-height:0;height:auto;position:relative}.brief-alpha-logo{position:absolute;left:20px;top:20px;width:140px;filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.28));z-index:2}
.brief-content{min-width:0}.brief-context{color:var(--purple);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.brief-content>h1{font-size:2.2rem;letter-spacing:-.045em;margin:5px 0 15px}
.brief-primary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brief-section{padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.brief-section h2,.task-section h2,.research-section h2{margin:0 0 7px;font-size:1rem}.brief-section p,.task-section p{margin:0;color:#667189;font-size:.78rem;line-height:1.48}.stakeholder-line{margin-top:11px!important}.stakeholder-line strong{color:var(--ink)}
.challenge-section{background:linear-gradient(145deg,#f0edff,#fff8f1);border-color:#d7cfff}.challenge-question{display:block;margin-top:10px;color:var(--purple);font-size:.82rem;line-height:1.4}
.task-section{display:grid;grid-template-columns:100px 1fr;gap:14px;margin-top:12px;padding:15px 18px;border-radius:16px;background:#171b2a;color:#fff}.task-section h2{margin:0}.task-section p{color:#d9deeb}
.research-section{margin-top:12px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.research-section>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.research-section span{color:#667189;font-size:.7rem;line-height:1.4}.research-section strong{color:var(--ink)}.brief-content>.primary-button{margin-top:13px}
@media (min-width:1100px){.home-hero{padding-top:18px}.product-card{min-height:245px}.brief-card{grid-template-columns:220px 1fr;padding:22px}.brief-hero{min-height:0}.brief-content>h1{font-size:1.9rem;margin-bottom:11px}.brief-section{padding:14px 15px}.brief-section p,.task-section p{font-size:.73rem}.task-section{padding:13px 15px}.research-section{padding:11px 14px}.brief-content>.primary-button{margin-top:10px}}
@media (max-width:1099px){.brief-card{grid-template-columns:1fr}.brief-hero{height:240px}.brief-hero>img:first-child{object-position:center 15%}.brief-content{grid-column:1}.brief-primary{grid-template-columns:1fr}.research-section>div{grid-template-columns:1fr}.task-section{grid-template-columns:1fr}}

/* Final approved product entry page */
.home-view{padding:0 0 24px}
.home-hero{width:min(980px,100%);margin:0 auto;padding:30px 20px 25px;text-align:center}
.home-hero h1{margin:0;color:#11182b;font-size:clamp(2.35rem,4vw,4.25rem);line-height:1.02;letter-spacing:-.055em}
.home-hero p{max-width:850px;margin:17px auto 0;color:#647086;font-size:1.08rem;line-height:1.55}
.product-area{width:min(1240px,100%);margin:0 auto;padding:0 8px}
.product-area>h2{margin:0 0 15px;color:#584bcf;font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.product-grid{gap:17px}
.product-card{min-width:0;min-height:400px;padding:0;gap:0;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 12px 31px rgba(49,47,102,.08)}
.product-live{border:2px solid #8d7fe8;background:#fff;box-shadow:0 18px 42px rgba(77,61,181,.17)}
.product-soon{border-color:#dfe3ee}
.product-visual{display:block;width:100%;height:157px;overflow:hidden;background:#171b2a}
.product-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.product-visual-prism img,.product-visual-hustle img{object-position:center 35%}
.product-visual-boost img{transform:scale(1.1)}
button.product-card:hover .product-visual img{transform:scale(1.035)}
button.product-card:hover .product-visual-boost img{transform:scale(1.13)}
.product-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%;padding:20px 21px 22px;text-align:left}
.product-copy em{margin:0 0 8px;color:#6756db;font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.105em;line-height:1.25;text-transform:uppercase}
.product-copy strong{margin:0 0 10px;color:#11182b;font-size:1.38rem;line-height:1.1;letter-spacing:-.035em}
.product-copy>span{color:#667189;font-size:.86rem;line-height:1.48}
.product-copy b{margin-top:auto;padding-top:18px;color:#6d5ce7;font-size:.78rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.product-copy b i{font-size:1rem;font-style:normal}
.product-soon .product-copy b{color:#919aab}

@media (min-width:1100px){
  body.entry-mode .app-shell{height:calc(100vh - 36px);min-height:0;margin:18px;padding:14px 28px 26px;border:6px solid rgba(255,255,255,.72);border-radius:36px}
  body.entry-mode .topbar{height:54px;min-height:54px}
  body.entry-mode .home-view,body.entry-mode .library-view{height:calc(100vh - 108px);margin-top:4px}
  .home-hero{padding:16px 20px 21px}
  .home-hero h1{font-size:clamp(2.8rem,3.5vw,3.65rem)}
  .home-hero p{margin-top:12px;font-size:.98rem}
  .product-card{min-height:365px}
  .product-visual{height:145px}
}
@media (max-width:1099px){
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .product-card{min-height:390px}
}
@media (max-width:680px){
  .app-shell{margin:10px;padding:14px;border-radius:26px}
  .home-hero{padding:24px 4px 22px}
  .home-hero h1{font-size:2.4rem}
  .product-area{padding:0}
  .product-grid{grid-template-columns:1fr}
}

/* Shared page grid and large-screen frame */
@media (min-width:1100px){
  .app-shell{width:min(calc(100vw - 36px),1520px);margin:18px auto}
  body.entry-mode .app-shell{width:min(calc(100vw - 36px),1520px)}
  body.entry-mode .topbar{width:min(1220px,calc(100% - 16px));margin-inline:auto;padding-inline:0}
  body.case-mode .topbar{width:min(1220px,calc(100% - 58px));margin-inline:auto}
  .home-hero{width:min(1220px,calc(100% - 16px))}
  .product-area{width:min(1240px,100%)}
  .library-card{width:min(1220px,calc(100% - 16px));margin:0 auto;padding:32px}
  .brief-card{width:min(1220px,calc(100% - 58px))}
  .brief-view{width:100%}
  .brief-card{margin-inline:auto}
}
@media (min-width:1180px){
  body.entry-mode .home-hero h1{white-space:nowrap}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:681px) and (max-width:1179px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero{width:min(980px,100%)}
  body.entry-mode .home-hero h1{white-space:normal}
}

/* One navigation pattern and content starting point across the app */
.topbar{display:flex;align-items:center;gap:16px}
.brand{flex:none;align-items:center}
.header-trail{display:flex;align-items:center;gap:15px;min-width:0;flex:1}
.header-back{flex:none;padding:8px 0;border:0;background:transparent;color:var(--purple);font-size:.78rem;font-weight:800;white-space:nowrap;cursor:pointer}
.header-back:hover{text-decoration:underline}
.header-back:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:3px}
.header-section{overflow:hidden;color:#35415c;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
body[data-current-view="home"] .header-trail{justify-content:flex-end}
body.entry-mode .topbar{border:1px solid var(--line);background:#fff;box-shadow:0 4px 12px rgba(27,36,75,.04)}
body.entry-mode .mode-tabs,body.entry-mode .top-status{display:none}
body[data-current-view="brief"] .top-status,body[data-current-view="feedback"] .top-status{display:none}
.topbar .mode-tabs{flex:none}
.topbar .top-status{flex:none;margin-left:auto}
.top-status .icon-button{display:none}
.brief-view{place-items:start center}

@media (min-width:1100px){
  body.entry-mode .app-shell{padding-top:5px}
  .topbar,body.entry-mode .topbar,body.case-mode .topbar{position:relative;left:50%;transform:translateX(-50%);height:56px;min-height:56px;margin:0;padding:0 20px}
  body.entry-mode .topbar{width:min(1320px,calc(100% + 44px))}
  body.case-mode .topbar{width:min(1320px,100%)}
  body.entry-mode .home-view,body.entry-mode .library-view{margin-top:10px}
  .brief-view{margin-top:10px}
}
@media (max-width:1099px){
  .topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px}
  body.entry-mode .topbar{padding:12px 16px}
  body.case-mode .mode-tabs{order:3;width:100%;justify-content:center}
  body.case-mode .top-status{margin-left:auto}
  .brief-view{margin-top:14px}
}
@media (max-width:680px){
  .topbar{gap:10px}
  .brand img{width:138px}
  .header-trail{gap:8px}
  .header-section{font-size:.72rem}
  .header-back{font-size:.72rem}
  body.case-mode .header-section{display:none}
}

/* Shared frame, breadcrumb hierarchy and a stable case-stage slot. */
:root{--frame-gap:clamp(12px,1.45vw,24px);--panel-gap:14px;--slide-purple:#6D5CE7;--slide-orange:#FB923C;--slide-teal:#20A39E;--slide-rose:#E76486;--slide-blue:#4385D1;--slide-gold:#D9A62E}
.app-shell,body.entry-mode .app-shell{width:min(calc(100% - 2 * var(--frame-gap)),1680px);height:calc(100dvh - 2 * var(--frame-gap));min-height:0;margin:var(--frame-gap) auto;padding:var(--panel-gap);border:6px solid rgba(255,255,255,.72);border-radius:34px;display:flex;flex-direction:column;overflow:hidden}
.topbar,body.entry-mode .topbar,body.case-mode .topbar{position:static;left:auto;transform:none;width:100%;height:58px;min-height:58px;margin:0;padding:0 18px;display:grid;grid-template-columns:190px minmax(0,1fr) 300px 144px;gap:14px;flex:none}
.brand{grid-column:1;justify-self:start}
.header-trail{grid-column:2;display:flex;justify-content:flex-start!important;align-items:center;gap:9px;overflow:hidden;min-width:0;white-space:nowrap}
.header-trail button{border:0;background:none;padding:6px 0;color:var(--purple);font-size:.8rem;font-weight:800;white-space:nowrap;cursor:pointer}
.header-trail button:hover:not(:disabled){text-decoration:underline}
.header-trail button:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:3px}
.header-trail button:disabled,.header-trail .crumb-current{color:#35415c;cursor:default;opacity:1;text-decoration:none}
.crumb-separator{color:#a0a7ba;font-size:1.05rem;font-weight:700}
#crumbCase{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#35415c;font-size:.8rem;font-weight:800}
.topbar .mode-tabs,body.case-mode .mode-tabs{grid-column:3;grid-row:1;justify-self:end;width:max-content;margin:0;flex:none}
.topbar .top-status,body.case-mode .top-status{grid-column:4;grid-row:1;justify-self:end;margin:0;display:flex;visibility:hidden;flex:none;gap:7px;font-size:.72rem}
body[data-current-view="practice"] .top-status{visibility:visible}
body.entry-mode .mode-tabs,body.entry-mode .top-status{display:none}
.top-status .slide-count{min-width:76px;text-align:right}
.top-status .save-state{min-width:52px;text-align:right}
.home-view,.library-view,.brief-view,.feedback-view,.workspace,body.entry-mode .home-view,body.entry-mode .library-view{width:100%;height:auto;min-height:0;flex:1;margin:var(--panel-gap) 0 0;overflow:auto}
.workspace{display:grid;grid-template-columns:176px minmax(0,1fr) 270px;gap:var(--panel-gap);align-items:stretch;overflow:hidden}
.slide-rail,.stage-column,.coach-panel{height:100%;min-height:0;max-height:none}
.slide-rail{overflow:hidden}
.stage-column{display:flex;flex-direction:column;min-width:0}
.stage{min-height:0;flex:1;display:flex;flex-direction:column;overflow:auto}
.coach-panel{display:flex;flex-direction:column}
.product-area{width:min(100%,1400px);margin-inline:auto}
.library-card{width:min(100%,1180px);max-width:none;margin:0 auto;padding:32px}
.library-lead{max-width:none}
.brief-view{display:block}
.brief-card{width:min(100%,1260px);max-width:none;margin:0 auto}
.case-alpha-logo{left:9px;top:8px}

/* Each assessed slide uses one chart field and one bottom-aligned source line. */
.stage>.response-card{flex:none}
.stage>.slide-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;padding-bottom:4px}
.stage>.slide-content>h1,.stage>.slide-content>.slide-subtitle,.stage>.slide-content>.legend,.stage>.slide-content>.hbar-head{flex:none}
.stage>.slide-content>.source-note{margin-top:auto;padding-top:4px;flex:none;height:32px;min-height:32px;display:flex;align-items:flex-end}
.stage>.slide-content>.chart-wrap{flex:1;min-height:0;display:flex;align-items:stretch}
.stage>.slide-content .grouped-chart{height:100%;min-height:0;width:100%;padding-top:45px}
.stage>.slide-content .bar-group{height:100%;min-height:0}
.stage>.slide-content>.data-table{flex:1;height:100%;min-height:0}
.stage>.slide-content>.hbar-chart{flex:1;min-height:0;grid-template-rows:repeat(15,minmax(0,1fr));align-content:stretch}
.stage>.slide-content>.svg-chart{flex:1;min-height:0;display:grid;place-items:center}
.stage>.slide-content>.svg-chart svg{width:100%;height:100%;max-height:none}
.trait-labels text{font-size:13px}
.matrix-labels text{font-size:12.5px}
.axis-title{font-size:11.5px}
.stage>.slide-content>.summary-stack{flex:1;min-height:0;align-content:start}
.data-table thead th:first-child{background:#303a59;color:#fff}

/* Miniatures follow the same six-colour chart palette. */
.mini-bars i:nth-child(1){background:var(--slide-purple)}
.mini-bars i:nth-child(2){background:var(--slide-orange)}
.mini-bars i:nth-child(3){background:var(--slide-teal)}
.mini-bars i:nth-child(4){background:var(--slide-rose)}
.mini-bars i:nth-child(5){background:var(--slide-blue)}
.mini-bars i:nth-child(6){background:var(--slide-gold)}
.mini-hbars i,.mini-hbars i:nth-child(3){background:linear-gradient(90deg,var(--slide-purple) 0 62%,transparent 62%)}
.mini-hbars i:nth-child(2),.mini-hbars i:nth-child(4){background:linear-gradient(90deg,var(--slide-orange) 0 72%,transparent 72%)}
.mini-table i:nth-child(6n+1){background:#d9d3ff}.mini-table i:nth-child(6n+2){background:#ffe0c7}.mini-table i:nth-child(6n+3){background:#c9eeea}.mini-table i:nth-child(6n+4){background:#f7d1df}.mini-table i:nth-child(6n+5){background:#d2e5f7}.mini-table i:nth-child(6n){background:#f7e9be}
.mini-scatter i,.mini-matrix i{background:var(--slide-purple)}
.mini-scatter i:nth-child(1),.mini-matrix i:nth-child(1){background:var(--slide-orange)}
.mini-scatter i:nth-child(5),.mini-matrix i:nth-child(5){background:var(--slide-teal)}
.mini-summary i:nth-child(1){background:#d9d3ff}.mini-summary i:nth-child(2){background:#c9eeea}.mini-summary i:nth-child(3){background:#ffe0c7}

@media(max-width:1290px){
  .topbar,body.entry-mode .topbar,body.case-mode .topbar{grid-template-columns:175px minmax(0,1fr) 260px 130px;gap:9px;padding-inline:14px}
  .mode-tabs button{padding-inline:12px}
  .top-status .slide-count{min-width:68px}
}
@media(max-width:1099px){
  .app-shell,body.entry-mode .app-shell{height:auto;min-height:calc(100dvh - 2 * var(--frame-gap));overflow:visible}
  .topbar,body.entry-mode .topbar,body.case-mode .topbar{height:auto;min-height:60px;grid-template-columns:180px minmax(0,1fr);padding:10px 14px;gap:8px}
  .topbar .mode-tabs,body.case-mode .mode-tabs{grid-column:1;grid-row:2;justify-self:start;width:max-content}
  .topbar .top-status,body.case-mode .top-status{grid-column:2;grid-row:2;justify-self:end}
  .workspace{height:auto;min-height:700px;overflow:visible;grid-template-columns:170px minmax(0,1fr);align-items:stretch}
  .coach-panel{grid-column:1/-1;min-height:300px}
  .slide-rail,.stage-column{height:650px}
  .home-view,.library-view,.brief-view,.feedback-view{overflow:visible}
  .case-card{grid-template-rows:auto auto}
  .case-visual{grid-row:1/3;height:100%;min-height:150px}
  .case-copy{grid-column:2}
  .case-meta{grid-column:2}
}
@media(max-width:740px){
  .topbar,body.entry-mode .topbar,body.case-mode .topbar{grid-template-columns:minmax(0,1fr) auto;justify-items:start}
  .brand,.header-trail{grid-column:1/-1}
  .header-trail{grid-row:2;max-width:100%;gap:6px}
  .header-trail button,#crumbCase{font-size:.72rem}
  .topbar .mode-tabs,body.case-mode .mode-tabs{grid-row:3;grid-column:1;width:max-content;justify-content:flex-start}
  .topbar .top-status,body.case-mode .top-status{grid-row:3;grid-column:2;align-self:center}
  .workspace{display:block;min-height:0}
  .stage-column{height:670px}
  .coach-panel{height:350px;margin-top:var(--panel-gap)}
  .slide-rail{display:none}
  .brief-card{padding:18px}
  .stage>.slide-content>.source-note{height:auto;min-height:32px}
}
@media(max-width:420px){
  .topbar .mode-tabs,body.case-mode .mode-tabs{grid-column:1/-1}
  .topbar .top-status,body.case-mode .top-status{grid-column:1/-1;grid-row:4;justify-self:end}
}

/* Entry screens use document flow. Only the live exercise is viewport-fitted.
   This avoids browser-toolbar height differences clipping or internally scrolling
   the product, library and briefing pages. */
html,body{height:auto;overflow-x:hidden;overflow-y:auto}
body:not([data-current-view="practice"]) .app-shell{
  height:auto;
  min-height:calc(100dvh - 2 * var(--frame-gap));
  overflow:visible;
}
body:not([data-current-view="practice"]) .home-view,
body:not([data-current-view="practice"]) .library-view,
body:not([data-current-view="practice"]) .brief-view,
body:not([data-current-view="practice"]) .feedback-view{
  height:auto;
  min-height:0;
  flex:0 0 auto;
  overflow:visible;
}
body:not([data-current-view="practice"]) .brief-card{
  max-height:none;
  overflow:visible;
}
body.entry-mode .home-hero h1{white-space:normal}

@media(max-width:740px){
  .library-card{padding:20px}
  .case-card{grid-template-columns:minmax(0,1fr);gap:0}
  .case-visual{grid-column:1;grid-row:auto;height:160px;min-height:0}
  .case-copy{grid-column:1;padding:18px 18px 8px}
  .case-meta{grid-column:1;padding:0 18px 18px}
}

/* Desktop entry screens share the same canvas edges and starting point as
   Practice. Content can still grow naturally on shorter browser windows. */
@media(min-width:1100px){
  body[data-current-view="home"] .product-area,
  body[data-current-view="home"] .product-grid,
  body[data-current-view="library"] .library-card,
  body[data-current-view="brief"] .brief-card,
  body[data-current-view="feedback"] .feedback-placeholder{width:100%;max-width:none}
  body[data-current-view="library"] .library-card,
  body[data-current-view="brief"] .brief-card{
    min-height:calc(100dvh - 2 * var(--frame-gap) - 112px);
  }
  body[data-current-view="brief"] .brief-content{display:flex;flex-direction:column}
  body[data-current-view="brief"] .brief-content>.primary-button{margin-top:auto;align-self:flex-start}
  body[data-current-view="home"] .home-view{padding-bottom:0}
  body[data-current-view="home"] .home-hero{width:100%;max-width:none;padding:clamp(8px,1.5vh,18px) 20px clamp(10px,1.6vh,20px)}
  body[data-current-view="home"] .home-hero h1{font-size:clamp(2.2rem,2.9vw,3.45rem)}
  body[data-current-view="home"] .home-hero p{margin-top:clamp(8px,1.2vh,14px)}
  body[data-current-view="home"] .product-card{min-height:clamp(340px,calc(100dvh - 370px),430px)}
  body[data-current-view="home"] .product-visual{height:clamp(145px,20vh,190px)}
  body[data-current-view="home"] .product-area{padding:0}
  body[data-current-view="library"] .case-card{
    min-height:clamp(280px,calc(100dvh - 390px),420px);
    grid-template-columns:minmax(260px,25%) minmax(0,1fr) auto;
  }
  body[data-current-view="library"] .case-visual{height:100%;min-height:280px}
  body[data-current-view="library"] .case-copy{align-self:center;padding:0}
  body[data-current-view="library"] .case-meta{align-self:center}
  body[data-current-view="brief"] .brief-card{grid-template-columns:minmax(260px,26%) minmax(0,1fr)}
  body[data-current-view="brief"] .brief-content{justify-content:space-between;gap:12px}
  body[data-current-view="brief"] .brief-content>h1{font-size:2.2rem}
  body[data-current-view="brief"] .brief-section p,
  body[data-current-view="brief"] .task-section p{font-size:.86rem;line-height:1.5}
  body[data-current-view="brief"] .research-section span{font-size:.78rem}
  body[data-current-view="brief"] .task-section,
  body[data-current-view="brief"] .research-section,
  body[data-current-view="brief"] .brief-content>.primary-button{margin-top:0}
}

/* Slide hierarchy and chart fit for the practice deck. */
.slide-thumb.title-thumb{position:relative;padding:0;overflow:hidden}
.title-thumb .mini-title{width:100%;height:100%;margin:0;border-radius:inherit}
.title-thumb .mini-title>img:first-child{display:block;width:100%;height:100%;object-fit:cover}
.title-thumb .mini-title>img:last-child{left:9px;bottom:8px;width:68px}
.title-thumb-num{position:absolute;left:8px;top:7px;color:white;font-size:.68rem;font-weight:800;text-shadow:0 1px 5px #111}
.response-card textarea{height:58px;min-height:58px;max-height:58px;resize:none;overflow-y:auto;scrollbar-width:none;line-height:1.2}
.response-card textarea::-webkit-scrollbar{display:none}
.slide-content h1{font-size:clamp(.95rem,1.12vw,1.18rem);line-height:1.2;color:var(--ink);margin:1px 0 4px;white-space:nowrap;letter-spacing:-.025em}
.slide-subtitle{font-size:.78rem;line-height:1.3;color:#68758b;margin-bottom:9px;white-space:nowrap}
.funnel-visual{flex:1;min-height:0;display:grid;grid-template-columns:minmax(132px,1.42fr) repeat(var(--funnel-data-columns),minmax(0,1fr));column-gap:14px}
.funnel-labels,.funnel-column{display:grid;grid-template-rows:42px repeat(6,minmax(0,1fr));row-gap:10px;min-height:0}
.funnel-label-head{display:flex;align-items:center;color:var(--purple);font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.funnel-stage-label,.funnel-cell{display:flex;align-items:center;min-width:0;border-bottom:1px solid #e3e7f0}
.funnel-stage-label:last-child,.funnel-cell:last-child{border-bottom:0}
.funnel-stage-label{color:#46536c;font-size:.7rem;font-weight:800;line-height:1.08}
.funnel-column-head{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;color:#1c263c;font-size:.69rem;font-weight:900;line-height:1.03;text-align:center}
.funnel-column-head i{flex:0 0 auto;width:13px;height:13px;border-radius:4px;transform:rotate(45deg);background:var(--funnel-color);box-shadow:0 3px 8px color-mix(in srgb,var(--funnel-color) 24%,transparent)}
.funnel-column-head span{min-width:0;overflow-wrap:anywhere}
.funnel-column.f1{--funnel-color:var(--slide-purple)}.funnel-column.f2{--funnel-color:var(--slide-orange)}.funnel-column.f3{--funnel-color:var(--slide-teal)}.funnel-column.f4{--funnel-color:var(--slide-rose)}.funnel-column.f5{--funnel-color:var(--slide-blue)}.funnel-column.f6{--funnel-color:var(--slide-gold)}
.funnel-cell{position:relative}
.funnel-track{position:relative;width:100%;height:23px;border-radius:4px;overflow:visible;background:#eef1f6}
.funnel-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--funnel-value) * 1%);min-width:2px;border-radius:4px;background:var(--funnel-color);background:linear-gradient(90deg,color-mix(in srgb,var(--funnel-color) 78%,white),var(--funnel-color))}
.funnel-value{position:absolute;left:6px;top:50%;transform:translateY(-50%);color:white;font-size:.62rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.14)}
.funnel-value.is-small{left:max(20px,calc(var(--funnel-value) * 1% + 4px));color:var(--funnel-color);text-shadow:none}
.funnel-conversion{position:absolute;right:0;bottom:-11px;z-index:2;display:inline-flex;align-items:center;gap:2px;padding-left:4px;background:white;color:#707c91;font-size:.55rem;font-weight:900;line-height:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.funnel-conversion b{color:var(--funnel-color);font-size:.62rem;line-height:1}
.hbar-head,.hbar-row{display:grid;grid-template-columns:minmax(150px,23%) minmax(0,1fr) 52px 52px;column-gap:7px;align-items:center}
.hbar-head{margin:0 0 5px;font-size:.7rem;color:#55617a;font-weight:800}
.hbar-head span:nth-child(2),.hbar-head span:nth-child(3){color:#5d59c9}
.hbar-head span:nth-child(3){display:block;color:#5d59c9;text-align:center}
.hbar-head span:nth-child(4){color:#e87525;text-align:center}
.stage>.slide-content>.hbar-chart{grid-template-rows:repeat(var(--row-count),minmax(0,1fr))}
.hbar-row{font-size:.77rem}
.hbar-label{text-align:right;line-height:1.1;padding-right:3px}
.hbar-track{gap:4px;align-content:center}
.hbar{height:9px;border-radius:5px}
.hbar-value{text-align:center;font-size:.75rem;font-weight:800}
.hbar-value.first{color:#5d59c9}
.hbar-value.second{color:#e87525}
.hbar-chart{row-gap:5px}
.hbar-row{grid-template-columns:minmax(150px,23%) minmax(0,1fr) 52px 52px;column-gap:7px;min-height:0}
.hbar-pair{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));row-gap:2px;height:100%;min-height:0}
.hbar-pair .hbar{height:min(8px,100%);align-self:center}
.trait-labels .label-leader,.matrix-labels .label-leader{display:block;stroke:#9aa6ba;stroke-width:1}
.stage>.slide-content>.svg-chart{overflow:hidden}
.stage>.slide-content>.svg-chart svg{width:100%;height:100%;max-height:none}
@media(max-width:1099px){
  .slide-content h1,.slide-subtitle{white-space:normal}
  .funnel-visual{grid-template-columns:minmax(102px,1.3fr) repeat(var(--funnel-data-columns),minmax(52px,1fr));column-gap:7px}
  .funnel-labels,.funnel-column{row-gap:9px}
  .funnel-stage-label{font-size:.58rem}
  .funnel-column-head{font-size:.56rem;gap:4px}
  .funnel-column-head i{width:10px;height:10px;border-radius:3px}
  .funnel-track{height:20px}
  .funnel-value{font-size:.53rem;left:4px}
  .funnel-value.is-small{left:max(16px,calc(var(--funnel-value) * 1% + 3px))}
  .funnel-conversion{font-size:.48rem;bottom:-10px}
  .hbar-head{grid-template-columns:minmax(95px,23%) minmax(0,1fr) 38px 38px;column-gap:4px}
  .hbar-row{grid-template-columns:minmax(95px,23%) minmax(0,1fr) 38px 38px;column-gap:4px}
  .hbar-row{font-size:.6rem}
  .hbar-value{font-size:.6rem}
}

/* Executive-summary slide: the same headline rhythm, with three generous inputs. */
.stage>.summary-heading{display:flex;align-items:center;min-height:70px;padding:14px 17px;color:var(--ink);font-size:1.25rem;font-weight:750;line-height:1.25}
.stage>.summary-heading{animation:none}
.stage>.summary-slide{gap:9px}
.summary-question{flex:none;margin:1px 0 0;color:var(--ink);font-size:clamp(.95rem,1.12vw,1.18rem);font-weight:800;line-height:1.25}
.stage>.summary-slide>.summary-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(190px,1fr);gap:12px;flex:1;min-height:0}
.summary-layout>.summary-stack{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:9px;min-height:0}
.summary-layout .summary-input{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;align-items:stretch;min-height:0;padding:10px;border:1px solid #dce1f0;border-radius:15px;background:#fff;transition:border-color .2s,box-shadow .2s}
.summary-layout .summary-input.is-start,.summary-layout .summary-input:focus-within{border-color:#7a68ec;box-shadow:0 0 0 5px rgba(109,92,231,.12)}
.summary-layout .summary-number{width:32px;height:32px;border-radius:9px;background:#efebff;color:#5c4bc8;font-size:.72rem;font-weight:850}
.summary-layout .summary-input:nth-child(1) .summary-number{background:#efebff;color:#5d50cc}
.summary-layout .summary-input:nth-child(2) .summary-number{background:#fff0e3;color:#c96a20}
.summary-layout .summary-input:nth-child(3) .summary-number{background:#e3f6f3;color:#16847d}
.summary-layout .summary-input textarea{display:block;width:100%;height:100%;min-width:0;min-height:0;padding:1px 0;resize:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;color:var(--ink);font-size:.85rem;line-height:1.35;font-weight:550}
.summary-layout .summary-input textarea::-webkit-scrollbar{display:none}
.summary-layout .summary-input textarea::placeholder{color:#9ba4b6}
.summary-hero{position:relative;min-height:0;overflow:hidden;border-radius:15px;background:#24252d}
.summary-hero-image{width:100%;height:100%;display:block;object-fit:cover;object-position:62% center}
.summary-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,19,.56),transparent 42%);pointer-events:none}
.summary-hero-logo{position:absolute;left:18px;bottom:17px;width:128px;max-width:65%;filter:brightness(0) invert(1);pointer-events:none}
.stage>.summary-slide>.source-note{height:32px;min-height:32px;margin:0}

/* All slide thumbnails are explicit miniature charts, with muted palette colours. */
.mini-bars i:nth-child(1){background:#d9d3ff}
.mini-bars i:nth-child(2){background:#ffe0c7}
.mini-bars i:nth-child(3){background:#c9eeea}
.mini-bars i:nth-child(4){background:#f7d1df}
.mini-bars i:nth-child(5){background:#d2e5f7}
.mini-table{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(7px,1fr));align-content:center;gap:3px;padding:6px 9px}
.mini-table i{display:block;min-height:7px;width:100%;border-radius:2px}
.mini-hbars{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 9px}
.mini-hbars i{display:block;flex:none;height:5px;border-radius:5px;background:#d9d3ff!important}
.mini-hbars i:nth-child(1){width:77%}
.mini-hbars i:nth-child(2){width:65%;background:#ffe0c7!important}
.mini-hbars i:nth-child(3){width:89%}
.mini-hbars i:nth-child(4){width:72%;background:#ffe0c7!important}
.mini-scatter i,.mini-matrix i{display:block;width:7px;height:7px}
.mini-scatter i:nth-child(1),.mini-matrix i:nth-child(1){background:#d9d3ff}
.mini-scatter i:nth-child(2),.mini-matrix i:nth-child(2){background:#ffe0c7}
.mini-scatter i:nth-child(3),.mini-matrix i:nth-child(3){background:#c9eeea}
.mini-scatter i:nth-child(4),.mini-matrix i:nth-child(4){background:#f7d1df}
.mini-scatter i:nth-child(5),.mini-matrix i:nth-child(5){background:#d2e5f7}
.mini-summary{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:6px 9px}
.mini-summary i{display:block;flex:none;width:82%;height:6px}
.mini-summary i:nth-child(1){width:82%;background:#d9d3ff}
.mini-summary i:nth-child(2){width:82%;background:#ffe0c7}
.mini-summary i:nth-child(3){width:82%;background:#c9eeea}

@media(max-width:1099px){
  .stage>.summary-slide>.summary-layout{grid-template-columns:minmax(0,1.4fr) minmax(145px,.8fr)}
  .summary-layout .summary-input{padding:7px;grid-template-columns:29px minmax(0,1fr)}
  .summary-layout .summary-number{width:27px;height:27px}
  .summary-hero-logo{left:12px;bottom:12px;width:100px}
}
@media(max-width:740px){
  .stage>.summary-slide>.summary-layout{grid-template-columns:minmax(0,1fr)}
  .summary-hero{display:none}
}

/* Practice opens as one composed workspace; slide thumbnails settle in sequence. */
.title-copy img{margin-left:-14px}
.slide-rail{display:flex;flex-direction:column;min-height:0}
.slide-list{height:auto;min-height:0;flex:1}
.rail-progress{z-index:2;inset:15px 6px 15px auto;width:5px;height:auto;overflow:visible;cursor:pointer;background:#e5e3f4}
.rail-progress span{position:absolute;inset:0 0 auto;height:26px;min-height:26px;touch-action:none;cursor:grab;background:#8e82e5;box-shadow:0 0 0 2px rgba(255,255,255,.78);transition:transform .22s ease,height .22s ease}
.rail-progress span:active{cursor:grabbing}
.rail-progress:focus-visible{outline:2px solid #6d5ce7;outline-offset:3px}
.workspace.arriving,.brief-view.arriving,.feedback-view.arriving{will-change:opacity,transform;animation:workspaceReveal .34s cubic-bezier(.2,.8,.25,1) both}
@keyframes workspaceReveal{from{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.workspace.arriving,.brief-view.arriving,.feedback-view.arriving{animation:none}}

/* Slide changes use one calm transition. The response field keeps its immediate emphasis. */
.stage.slide-enter-clean>.slide-content,.stage.slide-enter-clean>.title-slide{will-change:opacity,transform;animation:cleanSlideIn .18s cubic-bezier(.2,.8,.25,1) both}
@keyframes cleanSlideIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#nextButton.is-ready{animation:submitReady .55s cubic-bezier(.2,.8,.25,1);box-shadow:0 10px 24px rgba(91,76,229,.34)}
@keyframes submitReady{0%{transform:scale(.975);box-shadow:0 8px 17px rgba(97,83,216,.18)}58%{transform:scale(1.025);box-shadow:0 12px 28px rgba(91,76,229,.38)}100%{transform:scale(1);box-shadow:0 10px 24px rgba(91,76,229,.34)}}
@media(prefers-reduced-motion:reduce){.stage.slide-enter-clean>.slide-content,.stage.slide-enter-clean>.title-slide,#nextButton.is-ready{animation:none}}

/* The product chooser shares the same card frame and content edge as the case pages. */
.home-view{display:block;width:100%;height:auto;min-height:0;overflow:visible;padding:0;margin:var(--panel-gap) 0 0}
.home-card{width:min(100%,1180px);min-height:0;margin:0 auto;padding:32px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;text-align:left}
.home-card>.eyebrow{margin-bottom:8px}
.home-card>h1,.library-card h1,.brief-content>h1{margin:4px 0 0;color:var(--ink);font-size:2.2rem;line-height:1.1;letter-spacing:-.045em;text-align:left}
.home-card>.home-lead{max-width:920px;margin:10px 0 0;color:#647086;font-size:.98rem;line-height:1.5;text-align:left}
.home-card>.product-grid{width:100%;max-width:none;flex:1;margin:24px 0 0;align-items:stretch}
.home-card .product-card{height:100%;min-height:390px}
.home-card .product-visual{height:clamp(150px,21vh,220px);flex:none}
.home-card .product-copy>span{font-size:.81rem;line-height:1.45}
@media(min-width:1100px){
  .home-card{width:100%;max-width:none;min-height:calc(100dvh - 2 * var(--frame-gap) - 112px)}
  .home-card>.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1099px){
  .home-card{padding:26px}
  .home-card>.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-card .product-card{height:auto;min-height:390px}
}
@media(max-width:680px){
  .home-card{padding:20px;border-radius:22px}
  .home-card>h1,.library-card h1,.brief-content>h1{font-size:1.9rem}
  .home-card>.product-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:19px}
  .home-card .product-card{min-height:360px}
  .home-card .product-visual{height:170px}
}

/* Feedback experience v2: calm, premium and deliberately light-only. */
body[data-current-view="feedback"]{color-scheme:light;background:linear-gradient(135deg,#f6a7b7 0%,#ff974f 100%)}
body[data-current-view="feedback"] .feedback-view{background:#f8f6ff}
.feedback-results{width:min(1140px,100%);gap:15px;padding:2px 0 28px;color:#13192d}
.results-hero,.coach-debrief,.slide-review,.ief-scorecard{border-color:#dde2ee;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(35,30,82,.075)}
.results-hero{padding:24px 26px}
.result-overview{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:26px}
.result-primary{grid-template-columns:96px minmax(0,1fr);gap:18px;padding-left:2px}
.result-badge{width:88px;height:84px;transform:scale(.88)}
.result-badge:before{width:76px;height:76px;border-radius:22px}
.result-badge:after{width:30px;transform:translateY(19px)}
.result-badge strong{font-size:1.28rem}
.overall-copy h1{margin:4px 0 6px;font-size:1.34rem}
.overall-copy p{font-size:.8rem;line-height:1.5}
.dimension-overview{padding-left:26px}
.dimension-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.dimension-heading>.eyebrow{margin:0}
.dimension-help{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0edff;color:#6352d8;font-size:.7rem;font-weight:900;cursor:help}
.dimension-help:after{content:attr(data-tip);position:absolute;right:0;bottom:calc(100% + 9px);z-index:5;width:250px;padding:10px 12px;border:1px solid #e1ddf8;border-radius:10px;background:#fff;color:#4d5870;font-size:.69rem;font-weight:600;line-height:1.45;box-shadow:0 10px 28px rgba(35,30,82,.12);opacity:0;pointer-events:none;transform:translateY(4px);transition:.18s ease}
.dimension-help:hover:after,.dimension-help:focus:after{opacity:1;transform:none}
.dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.dimension-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 10px;min-height:76px;padding:12px 12px 10px 16px;overflow:hidden;border-color:#e7eaf2;border-radius:13px;background:#fbfbfd}
.dimension-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#6654df}
.dimension-card.dim-cu:before{background:#f28c3d}.dimension-card.dim-jp:before{background:#20a68e}.dimension-card.dim-ct:before{background:#d9557d}.dimension-card.dim-ec:before{background:#3478db}.dimension-card.dim-rq:before{background:#c99a24}
.dimension-card>strong{font-size:.7rem;line-height:1.25}
.dimension-card>b{align-self:start;font-size:.68rem;text-transform:uppercase}
.dimension-card.rag-green>b{color:#0b8f61}.dimension-card.rag-amber>b{color:#a66c00}.dimension-card.rag-red>b{color:#bf3650}.dimension-card.rag-not-assessed>b{color:#7b8496}
.rag-bars{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-self:end}
.rag-bars i{display:block;height:4px;border-radius:99px;background:#e9ebf1}
.dimension-card.rag-red .rag-bars i.filled{background:#df536b}.dimension-card.rag-amber .rag-bars i.filled{background:#e6a91f}.dimension-card.rag-green .rag-bars i.filled{background:#14aa73}
.coach-debrief{padding:23px 26px}
.debrief-heading{grid-template-columns:42px minmax(0,1fr);gap:12px;margin-bottom:15px}
.debrief-heading>p{display:none}
.debrief-heading h2{font-size:1.28rem}
.coach-overview{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:16px 18px;border:1px solid #e3e0f6;border-radius:14px;background:#faf9ff}
.coach-overview h3{margin:0;color:#5948cc;font-size:.82rem;line-height:1.4}
.coach-overview p{margin:0;color:#4f5b72;font-size:.8rem;line-height:1.5}
.coach-themes{display:grid;margin-top:4px}
.coach-theme{display:grid;grid-template-columns:30px 170px minmax(0,1fr);gap:12px;align-items:start;padding:15px 4px;border-bottom:1px solid #eceef4}
.coach-theme:last-child{border-bottom:0;padding-bottom:2px}
.coach-theme>i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#efedff;color:#5d4bdd;font-size:.72rem;font-weight:900;font-style:normal}
.coach-theme.theme-good>i{background:#e6f8f0;color:#087d57}.coach-theme.theme-attention>i{background:#fff1e7;color:#c96a20}
.coach-theme>strong{padding-top:5px;color:#222b40;font-size:.75rem}
.coach-theme h3{margin:0 0 4px;font-size:.84rem;line-height:1.32}
.coach-theme p{margin:0;color:#59657a;font-size:.78rem;line-height:1.48}
.slide-review{padding:23px 26px}
.feedback-section-head{margin-bottom:14px}
.feedback-section-head h2{font-size:1.28rem}
.review-list,.summary-review-wrap{overflow:hidden;border:1px solid #e3e7f0;border-radius:14px;background:#fff}
.summary-review-wrap .review-row{border-bottom:0}
.review-row summary{grid-template-columns:32px minmax(155px,190px) 78px minmax(180px,1fr) 18px;gap:12px;min-height:64px;padding:10px 14px}
.review-name strong{font-size:.76rem}.review-name small{display:block;margin-top:4px;color:#667188;font-size:.68rem;line-height:1.3}
.review-status{display:grid;place-items:center;justify-self:start;min-width:64px;padding:5px 8px;border-radius:999px;font-size:.64rem;font-weight:900;text-transform:uppercase}
.review-status.rag-green{background:#ddf8ec;color:#087e55}.review-status.rag-amber{background:#fff1c7;color:#956000}.review-status.rag-red{background:#ffe0e5;color:#b32b45}.review-status.rag-not-assessed{background:#eef0f5;color:#717a8c}
.review-summary{color:#59657a;font-size:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.review-chevron{justify-self:end}
.review-detail{display:block;padding:0 14px 16px 58px}
.review-submission{padding:13px 15px!important;margin-bottom:5px;background:#faf9ff!important;border-left-color:#6d5ce7!important}
.review-submission>strong{display:block;margin-bottom:6px;color:#4e42b5;font-size:.69rem}
.review-flow{display:grid}
.review-flow article{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:13px 4px;border-bottom:1px solid #eceef4}
.review-flow article:last-child{border-bottom:0}
.review-flow article>span>strong{display:block;margin:2px 0 5px;font-size:.75rem}
.review-flow p{margin:0;color:#536078;font-size:.78rem;line-height:1.48}
.summary-divider{display:flex;align-items:center;gap:12px;margin:20px 0 10px;color:#5d4bdd;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.summary-divider:after{content:"";height:1px;flex:1;background:#e3e0f4}
.ief-scorecard{box-shadow:none}
.feedback-actions{padding:4px 2px 8px}
@media(max-width:1120px){.result-overview{grid-template-columns:1fr}.dimension-overview{padding-left:0}.coach-overview{grid-template-columns:150px minmax(0,1fr)}.coach-theme{grid-template-columns:30px 150px minmax(0,1fr)}.review-row summary{grid-template-columns:32px minmax(140px,170px) 74px minmax(160px,1fr) 18px}}
@media(max-width:760px){.results-hero,.coach-debrief,.slide-review{padding:20px}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-overview{grid-template-columns:1fr;gap:6px}.coach-theme{grid-template-columns:30px minmax(0,1fr)}.coach-theme>strong{grid-column:2}.coach-theme>div{grid-column:2}.review-row summary{grid-template-columns:32px 1fr auto 18px}.review-name{grid-column:2}.review-status{grid-column:3}.review-summary{grid-column:2/4}.review-chevron{grid-column:4;grid-row:1/3}.review-detail{padding-left:14px}}
@media(max-width:620px){.result-primary{grid-template-columns:78px minmax(0,1fr);text-align:left}.result-badge{width:72px;height:70px}.result-badge:before{width:64px;height:64px}.result-badge strong{font-size:1.05rem}.overall-copy p{margin:0}.dimension-grid{grid-template-columns:1fr}.review-row summary{grid-template-columns:30px 1fr auto}.review-name{grid-column:2/4}.review-status{grid-column:2}.review-summary{grid-column:2/4}.review-chevron{display:none}.feedback-actions{flex-direction:column-reverse;align-items:stretch}.feedback-actions button{width:100%}}


/* Structured IEF feedback */
.feedback-results{width:min(1260px,100%);margin:0 auto;display:grid;gap:16px;padding:2px 0 24px}
.results-hero,.coach-debrief,.feedback-priority,.slide-review,.ief-scorecard{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.results-hero{position:relative;overflow:hidden;padding:25px 28px}.results-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#df536b}.results-hero.rag-amber:before{background:#e6a91f}.results-hero.rag-green:before{background:#14aa73}
.result-overview{display:grid;grid-template-columns:minmax(370px,.85fr) minmax(560px,1.15fr);gap:28px;align-items:center}.result-primary{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px;padding-left:5px}.result-badge{display:grid;place-items:center;width:112px;height:108px;position:relative;transform:scale(.82);opacity:0;animation:revealBadge .55s .08s cubic-bezier(.2,.8,.25,1.2) forwards;color:#df536b}.result-badge:before{content:"";position:absolute;width:93px;height:93px;border-radius:28px;background:#fff0f3;transform:rotate(-7deg);box-shadow:0 14px 27px rgba(216,79,103,.12)}.result-badge:after{content:"";position:absolute;width:37px;height:4px;border-radius:8px;background:currentColor;transform:translateY(23px)}.result-badge.rag-amber{color:#b37900}.result-badge.rag-amber:before{background:#fff5dc;box-shadow:0 14px 27px rgba(230,169,31,.13)}.result-badge.rag-green{color:#0b8f61}.result-badge.rag-green:before{background:#eaf8f3;box-shadow:0 14px 27px rgba(20,170,115,.13)}.result-badge strong{position:relative;z-index:1;font-size:1.65rem;letter-spacing:-.04em;text-transform:uppercase}.overall-copy h1{font-size:1.42rem;line-height:1.18;letter-spacing:-.035em;margin:5px 0 7px}.overall-copy p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.48;max-width:390px}.dimension-overview{border-left:1px solid #e6e8f0;padding-left:28px}.dimension-overview>.eyebrow{display:block;margin-bottom:11px}
.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimension-card{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #edf0f5;background:#f8f9fc;border-radius:12px;padding:9px;opacity:0;transform:translateY(7px);animation:revealCard .4s var(--reveal-delay) ease-out forwards}.dimension-card>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#5d4bdd;color:#fff;font-size:.65rem;font-weight:900}.dimension-card>strong{font-size:.71rem;line-height:1.15}.dim-cu>span{background:#f28c3d}.dim-jp>span{background:#20a68e}.dim-ct>span{background:#d9557d}.dim-ec>span{background:#3478db}.dim-rq>span{background:#c99a24}
.rag-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:99px;font-size:.64rem;font-weight:900;white-space:nowrap}.rag-pill.rag-green{background:#ddf8ec;color:#0b855a}.rag-pill.rag-amber{background:#fff1c7;color:#956000}.rag-pill.rag-red{background:#ffe0e5;color:#b72b45}.rag-pill.rag-not-assessed{background:#eef0f5;color:#717a8c}
.coach-debrief{padding:25px 28px}.debrief-heading{display:grid;grid-template-columns:44px minmax(260px,1fr) minmax(260px,430px);align-items:center;gap:12px;margin-bottom:16px}.debrief-heading h2,.slide-review h2{font-size:1.35rem;letter-spacing:-.025em;margin:3px 0 0}.debrief-heading>p{margin:0;color:#69748a;font-size:.8rem;line-height:1.45;text-align:right}.coach-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff0e4;color:#ff8f3d;font-size:1.45rem}.debrief-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:10px}.strength-card,.priority-card{min-height:150px;border-radius:15px;padding:17px}.strength-card{border:1px solid #cdeade;background:#edf9f4}.priority-card{border:1px solid #e4e7f0;background:#fafbfe;opacity:0;transform:translateY(7px);animation:revealCard .4s var(--reveal-delay) ease-out forwards}.strength-card>span,.priority-card>span{display:block;color:#087d57;font-size:.65rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.priority-card>span{color:#6753df}.strength-card h3,.priority-card h3{margin:8px 0 7px;font-size:.97rem;line-height:1.25}.strength-card p,.priority-card p{margin:0;color:#59647a;font-size:.8rem;line-height:1.48}.priority-card>div{margin-top:10px;padding-top:9px;border-top:1px solid #e6e8f0;color:#303a4f;font-size:.77rem;line-height:1.4}.priority-card>div strong{display:block;color:#171d31;font-size:.7rem;margin-bottom:2px}
.feedback-priority{padding:24px 28px}.priority-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e6e8f0}.start-here{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:99px;background:#fff0f3;color:#b52d45;font-size:.64rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.start-here i{width:6px;height:6px;border-radius:50%;background:#df536b}.priority-title strong{display:block;font-size:1.08rem}.priority-title small{display:block;margin-top:3px;color:#7b8599;font-size:.72rem}.priority-result{display:grid;place-items:center;width:72px;height:52px;position:relative;color:#df536b}.priority-result:before{content:"";position:absolute;width:53px;height:48px;border-radius:14px;background:#fff0f3;transform:rotate(-6deg)}.priority-result b{position:relative;font-size:.8rem;text-transform:uppercase}.priority-result.rag-amber{color:#a66c00}.priority-result.rag-amber:before{background:#fff5dc}.priority-result.rag-green{color:#087d57}.priority-result.rag-green:before{background:#eaf8f3}
.priority-response{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 0 15px}.priority-response>span{color:#7c8699;font-size:.65rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.priority-response blockquote{margin:0;color:#222a3d;font-size:.84rem;font-weight:650;line-height:1.48}.priority-response .summary-submission{font-size:.78rem}.priority-response button{padding:8px 11px;border:1px solid #d8ddef;border-radius:9px;background:#fff;color:#5d4bdd;font:inherit;font-size:.7rem;font-weight:850;cursor:pointer}.priority-response button:hover{background:#f7f5ff}.priority-focus{display:flex;align-items:center;gap:7px;margin-bottom:13px;padding:9px 12px;border-left:4px solid #5d4bdd;border-radius:0 9px 9px 0;background:#f1efff;color:#30394d;font-size:.76rem}.priority-focus strong{color:#5d4bdd}.priority-focus.dim-cu{border-color:#f28c3d;background:#fff7f0}.priority-focus.dim-cu strong{color:#bd5b0e}.priority-focus.dim-jp{border-color:#20a68e;background:#effbf8}.priority-focus.dim-jp strong{color:#087a67}.priority-focus.dim-ct{border-color:#d9557d;background:#fff4f7}.priority-focus.dim-ct strong{color:#b53861}.priority-focus.dim-ec{border-color:#3478db;background:#f1f6ff}.priority-focus.dim-ec strong{color:#2461ae}.priority-focus.dim-rq{border-color:#c99a24;background:#fffaec}.priority-focus.dim-rq strong{color:#8a6508}.priority-guidance{display:grid;grid-template-columns:1fr 1fr;gap:10px}.priority-guidance article{padding:14px 15px;border:1px solid #e8ebf3;border-radius:13px;background:#fafbfe}.priority-guidance article>strong{display:flex;align-items:center;gap:8px;font-size:.78rem}.priority-guidance p{margin:7px 0 0;color:#59647a;font-size:.8rem;line-height:1.5}.priority-guidance .priority-next{border-color:#e3dfff;background:#fbfaff}
.feedback-section-head{margin-bottom:15px}.feedback-section-head h2{font-size:1.35rem;letter-spacing:-.025em;margin:3px 0 4px}.feedback-section-head p{margin:0;color:#69748a;line-height:1.45;font-size:.8rem}.slide-review{padding:24px 28px}.review-list{display:grid;border:1px solid #e3e7f0;border-radius:15px;overflow:hidden}.review-row{border:0;border-bottom:1px solid #e8ebf2;background:#fff;opacity:0;transform:translateY(5px);animation:revealCard .32s var(--reveal-delay) ease-out forwards}.review-row:last-child{border-bottom:0}.review-row[open]{background:#fbfbfe}.review-row summary{list-style:none;display:grid;grid-template-columns:32px minmax(150px,190px) 62px minmax(220px,1fr) auto 18px;gap:12px;align-items:center;min-height:62px;padding:10px 14px;cursor:pointer}.review-row summary::-webkit-details-marker{display:none}.review-number{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f1efff;color:#5d4bdd;font-size:.65rem;font-weight:900}.summary-review .review-number{background:#171d31;color:#fff}.review-name{min-width:0}.review-name strong{display:block;font-size:.77rem}.review-name em{display:block;margin-top:3px;color:#6f798e;font-size:.71rem;line-height:1.35;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-focus{justify-self:start;padding:5px 8px;border-radius:99px;background:#f1efff;color:#5d4bdd;font-size:.65rem;font-weight:850;white-space:nowrap}.review-focus b{font-weight:900}.review-focus.dim-cu{background:#fff2e7;color:#bd5b0e}.review-focus.dim-jp{background:#e9f8f5;color:#087a67}.review-focus.dim-ct{background:#fff0f4;color:#b53861}.review-focus.dim-ec{background:#edf4ff;color:#2461ae}.review-focus.dim-rq{background:#fff8df;color:#8a6508}.review-chevron{color:#9199aa;font-size:1.1rem;transition:transform .2s}.review-row[open] .review-chevron{transform:rotate(90deg)}.review-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 15px 58px}.review-detail>div{padding:14px 15px;border-radius:12px;background:#f7f8fc}.review-detail>div>strong{display:flex;align-items:center;gap:7px;font-size:.75rem;margin-bottom:7px}.review-detail p,.review-detail span{margin:0;color:#536078;font-size:.78rem;line-height:1.48}.review-submission{grid-column:1/-1;background:#fff!important;border-left:4px solid #5d4bdd;border-radius:0 10px 10px 0!important}.review-submission blockquote{margin:0;color:#273047;font-size:.8rem;font-weight:650;line-height:1.48}.review-next{background:#fbfaff!important;border:1px solid #e5e1fb}.feedback-icon,.next-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;font-style:normal}.feedback-icon{background:#fff0e4;color:#ff8f3d}.next-icon{background:#efedff;color:#5d4bdd}.summary-submission{margin:0;padding-left:19px;color:#30394d;font-size:.78rem;line-height:1.45}.summary-submission li+li{margin-top:5px}.summary-review{background:#fcfbff}
.ief-scorecard{overflow:hidden}.ief-scorecard>summary{list-style:none;display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center;min-height:70px;padding:14px 20px;cursor:pointer}.ief-scorecard>summary::-webkit-details-marker{display:none}.scorecard-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f1efff;color:#5d4bdd;font-size:1rem}.ief-scorecard>summary strong{display:block;font-size:.8rem}.ief-scorecard>summary small{display:block;margin-top:3px;color:#69748a;font-size:.7rem}.ief-scorecard>summary i{color:#9199aa;font-style:normal;font-size:1.1rem;transition:transform .2s}.ief-scorecard[open]>summary i{transform:rotate(180deg)}.scorecard-table-wrap{overflow:auto;margin:0 20px 20px;border:1px solid #e5e8f1;border-radius:14px}.scorecard-table{width:100%;border-collapse:collapse;min-width:1040px}.scorecard-table th,.scorecard-table td{padding:10px 9px;border-right:1px solid #eceef4;border-bottom:1px solid #eceef4;text-align:center}.scorecard-table th:last-child,.scorecard-table td:last-child{border-right:0}.scorecard-table thead th{background:#f7f7fb;color:#4f5a70;font-size:.67rem;line-height:1.25}.scorecard-table thead th:first-child{text-align:left;min-width:175px}.scorecard-table tbody th{text-align:left;background:#fbfbfd}.scorecard-table tbody th span{display:block;font-size:.75rem}.scorecard-table tbody th small{display:block;color:#8a92a3;margin-top:2px;font-weight:600}.score-cell{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:5px 8px;border-radius:99px;font-size:.65rem;font-weight:900}.score-cell.rag-green{background:#ddf8ec;color:#087e55}.score-cell.rag-amber{background:#fff1c7;color:#956000}.score-cell.rag-red{background:#ffe0e5;color:#b32b45}.score-cell.rag-not-assessed{background:#eef0f5;color:#717a8c}.scorecard-overall th,.scorecard-overall td{background:#f1efff!important;border-bottom:0;font-weight:900}
.feedback-actions{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 5px}.feedback-actions button{min-width:150px}
.feedback-spinner{display:block;width:54px;height:54px;margin:auto;border:5px solid #ece9ff;border-top-color:#6654df;border-radius:50%;animation:spin .8s linear infinite}.feedback-error{background:#fff0f2;color:#d6415c}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes revealCard{to{opacity:1;transform:none}}@keyframes revealBadge{to{transform:scale(1);opacity:1}}
@media(max-width:1120px){.result-overview{grid-template-columns:1fr}.dimension-overview{border-left:0;border-top:1px solid #e6e8f0;padding:20px 0 0}.debrief-grid{grid-template-columns:1fr}.debrief-heading{grid-template-columns:44px 1fr}.debrief-heading>p{grid-column:2;text-align:left}.review-row summary{grid-template-columns:32px minmax(140px,180px) 62px minmax(180px,1fr) 18px}.review-focus{grid-column:2/5;grid-row:2}.review-chevron{grid-column:5;grid-row:1/3}.scorecard-table-wrap{margin-right:12px}}
@media(max-width:760px){.results-hero,.coach-debrief,.feedback-priority,.slide-review{padding:20px}.dimension-grid{grid-template-columns:repeat(2,1fr)}.priority-response{grid-template-columns:1fr}.priority-response button{justify-self:start}.priority-guidance{grid-template-columns:1fr}.review-row summary{grid-template-columns:32px 1fr auto 18px}.review-name{grid-column:2}.review-focus{grid-column:2/4}.review-chevron{grid-column:4}.review-detail{grid-template-columns:1fr;padding-left:14px}.review-submission{grid-column:auto}}
@media(max-width:620px){.result-primary{grid-template-columns:1fr;text-align:center}.result-badge{margin:auto}.overall-copy p{margin-left:auto;margin-right:auto}.dimension-grid{grid-template-columns:1fr}.debrief-heading{display:grid;grid-template-columns:42px 1fr}.debrief-heading>p{grid-column:1/-1;text-align:left}.priority-top{grid-template-columns:auto 1fr}.priority-result{grid-column:1/-1;justify-self:start}.review-row summary{grid-template-columns:32px 1fr auto}.review-name{grid-column:2/4}.review-focus{grid-column:2/4}.review-chevron{display:none}.feedback-actions{gap:8px}.feedback-actions button{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){.dimension-card,.priority-card,.review-row{animation:none;transform:none;opacity:1}.feedback-spinner{animation:none}}

/* Feedback experience v3: one result card and one unified coaching card. */
body[data-current-view="feedback"] .feedback-results{width:min(1140px,100%);gap:15px;padding:2px 0 28px}
body[data-current-view="feedback"] .results-hero{padding:24px 26px 0}
body[data-current-view="feedback"] .results-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
body[data-current-view="feedback"] .result-overview{grid-template-columns:minmax(260px,.72fr) minmax(0,1.7fr);gap:30px;align-items:center;margin-top:17px}
body[data-current-view="feedback"] .result-primary{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:0 28px 0 2px;border-right:1px solid #e6e8f0}
body[data-current-view="feedback"] .overall-copy .result-label{display:block;margin-bottom:5px;color:#8a93a6;font-size:.72rem;font-weight:800}
body[data-current-view="feedback"] .overall-copy h1{margin:0;font-size:1.38rem}
body[data-current-view="feedback"] .overall-copy p{display:none}
body[data-current-view="feedback"] .dimension-overview{padding-left:0;border-left:0}
body[data-current-view="feedback"] .dimension-grid{gap:9px}
body[data-current-view="feedback"] .results-hero>.ief-scorecard{margin-top:17px;border:0;border-top:1px solid #e5e8f0;border-radius:0;background:transparent;box-shadow:none}
body[data-current-view="feedback"] .results-hero>.ief-scorecard>summary{min-height:58px;padding:10px 2px}
body[data-current-view="feedback"] .results-hero>.ief-scorecard .scorecard-table-wrap{margin:0 0 20px}
body[data-current-view="feedback"] .feedback-coach{overflow:hidden;border:1px solid #dde2ee;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(35,30,82,.075)}
body[data-current-view="feedback"] .feedback-coach .coach-debrief{padding:23px 26px 22px;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-current-view="feedback"] .feedback-coach .debrief-heading{display:block;margin:0 0 18px}
body[data-current-view="feedback"] .feedback-coach .debrief-heading h2{margin:3px 0 0;font-size:1.36rem}
body[data-current-view="feedback"] .feedback-coach .coach-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0}
body[data-current-view="feedback"] .feedback-coach .coach-theme{display:block;min-height:0;padding:0 0 0 14px;border:0;border-left:3px solid #e3a72b}
body[data-current-view="feedback"] .feedback-coach .coach-theme.theme-good{border-left-color:#14aa73}
body[data-current-view="feedback"] .feedback-coach .coach-theme.theme-attention{border-left-color:#df536b}
body[data-current-view="feedback"] .feedback-coach .coach-theme small{display:block;margin:0 0 7px;color:#a66c00;font-size:.67rem;font-weight:900}
body[data-current-view="feedback"] .feedback-coach .coach-theme.theme-good small{color:#087d57}
body[data-current-view="feedback"] .feedback-coach .coach-theme.theme-attention small{color:#b32b45}
body[data-current-view="feedback"] .feedback-coach .coach-theme h3{margin:0 0 6px;font-size:.86rem;line-height:1.35}
body[data-current-view="feedback"] .feedback-coach .coach-theme p{margin:0;color:#59657a;font-size:.78rem;line-height:1.5}
body[data-current-view="feedback"] .slide-review{padding:20px 26px 24px;border:0;border-top:1px solid #e5e8f0;border-radius:0;background:transparent;box-shadow:none}
body[data-current-view="feedback"] .feedback-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 16px;margin-bottom:13px}
body[data-current-view="feedback"] .feedback-section-head .eyebrow{grid-column:1}
body[data-current-view="feedback"] .feedback-section-head h2{grid-column:1;margin:2px 0 0;font-size:1.18rem}
body[data-current-view="feedback"] .feedback-section-head p{grid-column:2;grid-row:1/3;align-self:end;margin:0;color:#8a93a6;font-size:.7rem}
body[data-current-view="feedback"] .review-list,body[data-current-view="feedback"] .summary-review-wrap{border-color:#e3e7f0;border-radius:14px}
body[data-current-view="feedback"] .review-row summary{grid-template-columns:32px minmax(0,1fr) 70px 18px;gap:12px;min-height:61px;padding:10px 14px}
body[data-current-view="feedback"] .review-name strong{font-size:.77rem}
body[data-current-view="feedback"] .review-name small{display:block;margin-top:4px;color:#667188;font-size:.68rem;line-height:1.3}
body[data-current-view="feedback"] .review-status{justify-self:end}
body[data-current-view="feedback"] .review-summary{display:none}
body[data-current-view="feedback"] .review-chevron{justify-self:end;color:#8f98aa;transition:transform .2s}
body[data-current-view="feedback"] .review-row[open] .review-chevron{transform:rotate(180deg)}
body[data-current-view="feedback"] .review-detail{display:grid;grid-template-columns:.9fr 1.1fr 1.1fr;gap:18px;padding:17px 18px 20px 58px;border-top:1px solid #e8ebf2;background:#fafbfe}
body[data-current-view="feedback"] .review-detail>article{min-width:0;padding:0;background:transparent;border:0;border-radius:0}
body[data-current-view="feedback"] .review-detail>article+article{padding-left:18px;border-left:1px solid #e3e7f0}
body[data-current-view="feedback"] .review-detail>article>strong{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#222b40;font-size:.72rem}
body[data-current-view="feedback"] .review-detail p,body[data-current-view="feedback"] .review-detail blockquote,body[data-current-view="feedback"] .review-detail .summary-submission{margin:0;color:#536078;font-size:.76rem;line-height:1.5}
body[data-current-view="feedback"] .review-detail blockquote{color:#273047;font-weight:650}
body[data-current-view="feedback"] .review-submission{grid-column:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
body[data-current-view="feedback"] .review-submission>strong{color:#222b40!important}
body[data-current-view="feedback"] .review-next{border:0!important;background:transparent!important}
body[data-current-view="feedback"] .feedback-icon,body[data-current-view="feedback"] .next-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;font-size:.68rem}
body[data-current-view="feedback"] .summary-divider{margin:20px 0 10px}
body[data-current-view="feedback"] .summary-review .review-detail{grid-template-columns:1fr 1fr}
body[data-current-view="feedback"] .summary-review .review-submission{grid-column:1/-1!important;padding-bottom:15px!important;border-bottom:1px solid #e3e7f0!important}
body[data-current-view="feedback"] .feedback-actions{padding:3px 2px 8px}
@media(max-width:1120px){
 body[data-current-view="feedback"] .result-overview{grid-template-columns:1fr}
 body[data-current-view="feedback"] .result-primary{padding:0 0 20px;border-right:0;border-bottom:1px solid #e6e8f0}
 body[data-current-view="feedback"] .feedback-coach .coach-themes{grid-template-columns:1fr}
 body[data-current-view="feedback"] .review-detail{grid-template-columns:1fr;padding-left:18px}
 body[data-current-view="feedback"] .review-detail>article+article{padding:14px 0 0;border-left:0;border-top:1px solid #e3e7f0}
 body[data-current-view="feedback"] .summary-review .review-detail{grid-template-columns:1fr}
 body[data-current-view="feedback"] .summary-review .review-submission{grid-column:auto!important}
}
@media(max-width:760px){
 body[data-current-view="feedback"] .results-hero{padding:20px 20px 0}
 body[data-current-view="feedback"] .feedback-coach .coach-debrief,body[data-current-view="feedback"] .slide-review{padding-left:20px;padding-right:20px}
 body[data-current-view="feedback"] .feedback-section-head{display:block}
 body[data-current-view="feedback"] .feedback-section-head p{margin-top:4px}
}
@media(max-width:620px){
 body[data-current-view="feedback"] .result-primary{grid-template-columns:78px minmax(0,1fr);text-align:left}
 body[data-current-view="feedback"] .result-badge{margin:0}
 body[data-current-view="feedback"] .review-row summary{grid-template-columns:30px minmax(0,1fr) auto}
body[data-current-view="feedback"] .review-name{grid-column:2/4}
body[data-current-view="feedback"] .review-status{grid-column:2;justify-self:start}
body[data-current-view="feedback"] .review-chevron{display:none}
}

/* Final IEF palette and feedback layout. */
:root{
  --ief-violet:#5B4CE5;
  --ief-orange:#FB923C;
  --ief-cyan:#169CB5;
  --ief-magenta:#BE579E;
  --ief-cobalt:#3478DB;
  --ief-slate:#59677F;
  --slide-purple:#5B4CE5;
  --slide-orange:#FB923C;
  --slide-cyan:#169CB5;
  --slide-magenta:#BE579E;
  --slide-blue:#3478DB;
  --slide-slate:#59677F;
}
.c1{background:var(--slide-purple)}.c2{background:var(--slide-orange)}.c3{background:var(--slide-cyan)}.c4{background:var(--slide-magenta)}.c5{background:var(--slide-blue)}.c6{background:var(--slide-slate)}
.mini-bars i:nth-child(1){background:var(--slide-purple)}.mini-bars i:nth-child(2){background:var(--slide-orange)}.mini-bars i:nth-child(3){background:var(--slide-cyan)}.mini-bars i:nth-child(4){background:var(--slide-magenta)}.mini-bars i:nth-child(5){background:var(--slide-blue)}.mini-bars i:nth-child(6){background:var(--slide-slate)}
.mini-scatter i,.mini-matrix i{background:var(--slide-purple)}.mini-scatter i:nth-child(1),.mini-matrix i:nth-child(1){background:var(--slide-orange)}.mini-scatter i:nth-child(5),.mini-matrix i:nth-child(5){background:var(--slide-cyan)}
.mini-table i:nth-child(6n+1){background:#d9d4fa}.mini-table i:nth-child(6n+2){background:#fee1cb}.mini-table i:nth-child(6n+3){background:#c9ecf2}.mini-table i:nth-child(6n+4){background:#f0d2e7}.mini-table i:nth-child(6n+5){background:#d3e2fa}.mini-table i:nth-child(6n){background:#dbe0e7}
.mini-summary i:nth-child(1){background:#d9d4fa}.mini-summary i:nth-child(2){background:#fee1cb}.mini-summary i:nth-child(3){background:#c9ecf2}
.dimension-card:before{background:var(--ief-violet)}
.dimension-card.dim-cu:before{background:var(--ief-orange)}.dimension-card.dim-jp:before{background:var(--ief-cyan)}.dimension-card.dim-ct:before{background:var(--ief-magenta)}.dimension-card.dim-ec:before{background:var(--ief-cobalt)}.dimension-card.dim-rq:before{background:var(--ief-slate)}
body[data-current-view="feedback"] .results-title{display:block}
body[data-current-view="feedback"] .results-title h1{margin:4px 0 0;color:var(--ink);font-size:1.38rem;line-height:1.2;letter-spacing:-.03em}
body[data-current-view="feedback"] .result-overview{margin-top:18px}
body[data-current-view="feedback"] .overall-copy h2{margin:0;color:var(--ink);font-size:1.38rem;line-height:1.18;letter-spacing:-.035em}
body[data-current-view="feedback"] .review-list{border:1px solid #e3e7f0;border-radius:14px;overflow:hidden}
body[data-current-view="feedback"] .review-row summary{grid-template-columns:32px minmax(145px,180px) minmax(260px,1fr) 70px 18px;gap:12px;min-height:66px;padding:10px 14px}
body[data-current-view="feedback"] .review-name strong{display:block;font-size:.77rem}
body[data-current-view="feedback"] .review-name small{display:block;margin-top:3px;color:#7c869a;font-size:.68rem;line-height:1.3}
body[data-current-view="feedback"] .review-focus{display:flex;align-items:center;flex-wrap:wrap;gap:6px;justify-self:start;width:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#536077;font-size:.7rem;font-weight:650;white-space:normal;overflow:visible}
body[data-current-view="feedback"] .review-focus:before{display:none}
body[data-current-view="feedback"] .dimension-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:8px;background:#f1efff;color:#4637bd;font-size:.66rem;font-weight:900;line-height:1.15;white-space:nowrap}
body[data-current-view="feedback"] .dimension-pill.dim-cu{background:#fff2e7;color:#bd5b0e}.dimension-pill.dim-jp{background:#e8f7fa;color:#08758a}.dimension-pill.dim-ct{background:#f9edf5;color:#963b7b}.dimension-pill.dim-ec{background:#edf4ff;color:#2461ae}.dimension-pill.dim-rq{background:#eef0f3;color:#455167}
body[data-current-view="feedback"] .review-status{justify-self:end}
body[data-current-view="feedback"] .review-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 15px 58px;border-top:0;background:transparent}
body[data-current-view="feedback"] .review-detail>article{min-width:0;padding:13px 14px;border-radius:11px;background:#f7f8fc}
body[data-current-view="feedback"] .review-detail>article+article{padding:13px 14px;border:0}
body[data-current-view="feedback"] .review-submission{grid-column:1/-1!important;padding:12px 14px!important;border:0!important;border-left:4px solid var(--ief-violet)!important;border-radius:0 10px 10px 0!important;background:#fff!important}
body[data-current-view="feedback"] .review-next{border:1px solid #e5e1fb!important;background:#f8f6ff!important}
body[data-current-view="feedback"] .summary-review{margin:0;border-color:transparent;background:#fcfbff}
body[data-current-view="feedback"] .summary-review .review-number{background:#171d31;color:#fff}
body[data-current-view="feedback"] .summary-review .review-detail{grid-template-columns:1fr 1fr}
body[data-current-view="feedback"] .summary-review .review-submission{grid-column:1/-1!important;padding:12px 14px!important;border-bottom:0!important}
@media(max-width:900px){body[data-current-view="feedback"] .review-row summary{grid-template-columns:32px minmax(130px,160px) minmax(190px,1fr) 64px 18px}}
@media(max-width:760px){body[data-current-view="feedback"] .review-row summary{grid-template-columns:32px minmax(0,1fr) auto 18px}body[data-current-view="feedback"] .review-name{grid-column:2}body[data-current-view="feedback"] .review-focus{grid-column:2/4}body[data-current-view="feedback"] .review-status{grid-column:3;grid-row:1}body[data-current-view="feedback"] .review-chevron{grid-column:4;grid-row:1/3}body[data-current-view="feedback"] .review-detail{grid-template-columns:1fr;padding-left:14px}body[data-current-view="feedback"] .review-submission{grid-column:auto!important}body[data-current-view="feedback"] .summary-review .review-detail{grid-template-columns:1fr}body[data-current-view="feedback"] .summary-review .review-submission{grid-column:auto!important}}
@media(max-width:620px){body[data-current-view="feedback"] .review-row summary{grid-template-columns:30px minmax(0,1fr) auto}body[data-current-view="feedback"] .review-name{grid-column:2}body[data-current-view="feedback"] .review-focus{grid-column:2/4}body[data-current-view="feedback"] .review-status{grid-column:3;grid-row:1}body[data-current-view="feedback"] .review-chevron{display:none}}

/* Feedback refinement v4: stronger RAG hierarchy and cleaner coaching rows. */
body[data-current-view="feedback"] .scorecard-icon{
  display:grid;
  grid-template-columns:repeat(3,8px);
  grid-template-rows:repeat(2,8px);
  place-content:center;
  gap:3px;
  width:36px;
  height:36px;
  border-radius:11px;
  background:#f7f6ff;
}
body[data-current-view="feedback"] .scorecard-icon i{display:block;width:8px;height:8px;border-radius:3px}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(1){background:var(--ief-violet)}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(2){background:var(--ief-orange)}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(3){background:var(--ief-cyan)}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(4){background:var(--ief-magenta)}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(5){background:var(--ief-cobalt)}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(6){background:var(--ief-slate)}
body[data-current-view="feedback"] .feedback-section-head p{max-width:430px;line-height:1.45;text-align:right}
body[data-current-view="feedback"] .review-row{position:relative;background:#fff}
body[data-current-view="feedback"] .review-row:before{content:"";position:absolute;inset:0 auto 0 0;z-index:2;width:4px;background:#9aa3b2}
body[data-current-view="feedback"] .review-row.rag-green:before{background:#16845e}
body[data-current-view="feedback"] .review-row.rag-amber:before{background:#d39a16}
body[data-current-view="feedback"] .review-row.rag-red:before{background:#d84f67}
body[data-current-view="feedback"] .review-row.rag-green>summary{background:#f3fbf8}
body[data-current-view="feedback"] .review-row.rag-amber>summary{background:#fffaf0}
body[data-current-view="feedback"] .review-row.rag-red>summary{background:#fff5f7}
body[data-current-view="feedback"] .review-row[open]>summary{border-bottom:1px solid #e6e9f1}
body[data-current-view="feedback"] .review-row summary{grid-template-columns:32px minmax(145px,180px) minmax(300px,1fr) 70px 18px;min-height:74px;padding:12px 14px 12px 17px}
body[data-current-view="feedback"] .review-name strong{font-size:.8rem;line-height:1.3}
body[data-current-view="feedback"] .review-focus{gap:8px;font-size:.72rem;font-weight:800}
body[data-current-view="feedback"] .review-signal{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef0f5;color:#667085;font-size:.75rem;font-weight:900;font-style:normal}
body[data-current-view="feedback"] .rag-green .review-signal{background:#d9f6e9;color:#16845e}
body[data-current-view="feedback"] .rag-amber .review-signal{background:#fff0c7;color:#a66c00}
body[data-current-view="feedback"] .rag-red .review-signal{background:#ffdce3;color:#c43b55}
body[data-current-view="feedback"] .rag-green .review-focus>span{color:#16845e}
body[data-current-view="feedback"] .rag-amber .review-focus>span{color:#a66c00}
body[data-current-view="feedback"] .rag-red .review-focus>span{color:#c43b55}
body[data-current-view="feedback"] .review-status{min-width:68px;padding:6px 9px}
body[data-current-view="feedback"] .review-chevron{transform:rotate(-90deg);transform-origin:center;font-size:1.05rem}
body[data-current-view="feedback"] .review-row[open] .review-chevron{transform:rotate(0)}
body[data-current-view="feedback"] .review-detail{padding:18px 18px 20px 59px;background:#fff}
body[data-current-view="feedback"] .review-detail>article{padding:14px 15px;background:#f8f9fc}
body[data-current-view="feedback"] .review-detail>article+article{padding:14px 15px;border:1px solid #e8ebf2;border-radius:12px}
body[data-current-view="feedback"] .review-detail>article>strong{justify-content:flex-start}
body[data-current-view="feedback"] .review-detail .feedback-icon,body[data-current-view="feedback"] .review-detail .next-icon{flex:0 0 auto;margin:0}
body[data-current-view="feedback"] .review-submission{padding:13px 15px!important;border-left:4px solid var(--ief-violet)!important;border-radius:0 11px 11px 0!important;background:#faf9ff!important}
body[data-current-view="feedback"] .review-next{border-color:#e1ddfb!important;background:#faf9ff!important}
body[data-current-view="feedback"] .next-icon.is-positive{background:#e5f7ef;color:#16845e}
body[data-current-view="feedback"] .summary-review>summary{background:#f8f8fc}
@media(max-width:900px){body[data-current-view="feedback"] .review-row summary{grid-template-columns:32px minmax(125px,155px) minmax(220px,1fr) 64px 18px}}
@media(max-width:760px){
  body[data-current-view="feedback"] .feedback-section-head p{max-width:none;text-align:left}
  body[data-current-view="feedback"] .review-row summary{grid-template-columns:32px minmax(0,1fr) auto 18px}
  body[data-current-view="feedback"] .review-name{grid-column:2}
  body[data-current-view="feedback"] .review-focus{grid-column:2/4}
  body[data-current-view="feedback"] .review-status{grid-column:3;grid-row:1}
  body[data-current-view="feedback"] .review-chevron{grid-column:4;grid-row:1/3}
  body[data-current-view="feedback"] .review-detail{padding-left:18px}
}

/* Feedback refinement v5: framework colours stay distinct from RAG status. */
body[data-current-view="feedback"] .dimension-pill.dim-ei{
  background:#eeecff;
  color:#4939c7;
  box-shadow:inset 3px 0 0 var(--ief-violet);
}
body[data-current-view="feedback"] .dimension-pill.dim-cu{
  background:#fff1e5;
  color:#b9570b;
  box-shadow:inset 3px 0 0 var(--ief-orange);
}
body[data-current-view="feedback"] .dimension-pill.dim-jp{
  background:#e8f7fa;
  color:#08758a;
  box-shadow:inset 3px 0 0 var(--ief-cyan);
}
body[data-current-view="feedback"] .dimension-pill.dim-ct{
  background:#faedf6;
  color:#963b7b;
  box-shadow:inset 3px 0 0 var(--ief-magenta);
}
body[data-current-view="feedback"] .dimension-pill.dim-ec{
  background:#edf4ff;
  color:#2461ae;
  box-shadow:inset 3px 0 0 var(--ief-cobalt);
}
body[data-current-view="feedback"] .dimension-pill.dim-rq{
  background:#eef0f3;
  color:#455167;
  box-shadow:inset 3px 0 0 var(--ief-slate);
}
body[data-current-view="feedback"] .review-row>summary,
body[data-current-view="feedback"] .review-row.rag-green>summary,
body[data-current-view="feedback"] .review-row.rag-amber>summary,
body[data-current-view="feedback"] .review-row.rag-red>summary,
body[data-current-view="feedback"] .summary-review>summary{
  background:#fff;
}

/* Feedback preparation sequence */
body[data-current-view="feedback"] .feedback-placeholder.feedback-building{width:min(760px,100%);max-width:760px;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 58px;transition:opacity .28s ease,transform .28s ease}
.feedback-building.is-leaving{opacity:0;transform:translateY(-8px) scale(.985)}
.feedback-build-mark-wrap{position:relative;display:grid;place-items:center;width:128px;height:128px;margin:0 auto 20px}
.feedback-build-halo{position:absolute;inset:13px;border-radius:50%;background:#f0eeff;transform:scale(.84);opacity:.66}
.feedback-build-mark-wrap.is-reading .feedback-build-halo{animation:feedbackBuildBreathe 2.6s ease-in-out infinite}
.feedback-build-mark-wrap.is-coach .feedback-build-halo{background:#f0eeff;transform:scale(.88);opacity:.66}
.feedback-build-mark-wrap.is-completing .feedback-build-mark{animation:feedbackBuildFinale 1600ms linear forwards}
.feedback-build-mark-wrap.is-completing .feedback-build-halo{background:#f0eeff;animation:feedbackBuildHalo 1600ms linear forwards}
.feedback-build-mark{position:relative;width:102px;height:102px}
.feedback-build-coach{position:absolute;top:0;left:0;z-index:7;width:18px;height:18px;color:#ff913d;opacity:0;offset-path:path("M 86 27 C 91 23, 96 15, 99 6");offset-distance:0%;offset-anchor:center;offset-rotate:auto;pointer-events:none}
.feedback-build-coach:before{content:"";position:absolute;inset:1px;border-radius:50%;background:radial-gradient(circle,#ffd5aa 0%,#ffad66 34%,#ff913d 62%,rgba(251,146,60,.12) 100%);box-shadow:0 0 9px rgba(251,146,60,.72),0 0 18px rgba(251,146,60,.42)}
.feedback-build-coach-mark{position:absolute;top:-4px;left:-4px;width:26px;height:26px;filter:drop-shadow(0 6px 9px rgba(251,146,60,.22));opacity:0}
.feedback-build-coach-mark span{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;line-height:1}
.feedback-build-coach-mark i{position:absolute;top:-2px;right:-1px;color:#ffb06f;font-size:9px;font-style:normal;line-height:1}
.feedback-build-mark-wrap.is-handoff .feedback-build-coach{animation:feedbackCoachAwaken 700ms cubic-bezier(.2,.8,.2,1) both}
.feedback-build-mark-wrap.is-coach .feedback-build-coach{animation:feedbackCoachFlight 900ms cubic-bezier(.18,.82,.26,1) both,feedbackCoachRest 520ms 900ms ease-in-out both}
.feedback-build-mark-wrap.is-coach .feedback-build-coach:before{animation:feedbackCoachResolve 430ms 1250ms ease-in-out forwards}
.feedback-build-mark-wrap.is-coach .feedback-build-coach-mark{animation:feedbackCoachLogoReveal 430ms 1200ms cubic-bezier(.2,.8,.2,1) forwards,feedbackCoachFloat 2800ms 1630ms ease-in-out infinite}
.feedback-build-mark-wrap.is-completing .feedback-build-coach{left:99px;top:6px;offset-path:none;animation:feedbackCoachReturn 900ms cubic-bezier(.45,0,.2,1) forwards}
.feedback-build-mark-wrap.is-completing .feedback-build-coach:before{opacity:0}
.feedback-build-mark-wrap.is-completing .feedback-build-coach-mark{animation:none;opacity:1}
.feedback-build-facet{position:absolute;width:33px;height:33px;border-radius:9px;background:#e7e9f0;transform:rotate(45deg) scale(.88);opacity:.58;transition:background .38s ease,opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease}
.feedback-build-mark.is-assembling .feedback-build-facet{opacity:0}
.feedback-build-mark.is-assembling .feedback-build-facet:nth-child(1){transform:translateY(35px) rotate(45deg) scale(.45)}
.feedback-build-mark.is-assembling .feedback-build-facet:nth-child(2){transform:translate(-28px,24px) rotate(45deg) scale(.45)}
.feedback-build-mark.is-assembling .feedback-build-facet:nth-child(3){transform:translate(-28px,-24px) rotate(45deg) scale(.45)}
.feedback-build-mark.is-assembling .feedback-build-facet:nth-child(4){transform:translateY(-35px) rotate(45deg) scale(.45)}
.feedback-build-mark.is-assembling .feedback-build-facet:nth-child(5){transform:translate(28px,-24px) rotate(45deg) scale(.45)}
.feedback-build-mark.is-assembling .feedback-build-facet:nth-child(6){transform:translate(28px,24px) rotate(45deg) scale(.45)}
.feedback-build-facet:nth-child(1){top:1px;left:35px}.feedback-build-facet:nth-child(2){top:18px;right:3px}.feedback-build-facet:nth-child(3){right:3px;bottom:18px}.feedback-build-facet:nth-child(4){bottom:1px;left:35px}.feedback-build-facet:nth-child(5){left:3px;bottom:18px}.feedback-build-facet:nth-child(6){top:18px;left:3px}
.feedback-build-facet.is-complete,.feedback-build-facet.is-active{opacity:1;transform:rotate(45deg) scale(1)}
.feedback-build-facet.is-active{box-shadow:0 0 0 7px rgba(91,76,229,.1),0 10px 22px rgba(49,40,116,.16)}
.feedback-build-facet.facet-ei.is-active,.feedback-build-facet.facet-ei.is-complete{background:#5b4ce5}.feedback-build-facet.facet-cu.is-active,.feedback-build-facet.facet-cu.is-complete{background:#ff913d}.feedback-build-facet.facet-jp.is-active,.feedback-build-facet.facet-jp.is-complete{background:#20a68e}.feedback-build-facet.facet-ct.is-active,.feedback-build-facet.facet-ct.is-complete{background:#d9557d}.feedback-build-facet.facet-ec.is-active,.feedback-build-facet.facet-ec.is-complete{background:#3478db}.feedback-build-facet.facet-rq.is-active,.feedback-build-facet.facet-rq.is-complete{background:#455167}
.feedback-build-core{position:absolute;top:37px;left:37px;width:28px;height:28px;border:6px solid #13192d;border-radius:8px;background:#fff;transform:rotate(45deg);z-index:3}
.feedback-building>.eyebrow{margin:0 0 8px;font-size:.76rem}.feedback-building>h1{margin:0;color:#13192d;font-size:2.12rem;line-height:1.12;letter-spacing:-.035em}
.feedback-build-pill{display:inline-flex;min-height:38px;align-items:center;gap:9px;margin-top:22px;padding:8px 14px;border-radius:11px;color:#4939c7;background:#f0eeff;font-size:.8rem;font-weight:800;transition:color .25s ease,background .25s ease}
.feedback-build-pill>span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(91,76,229,.1)}.feedback-build-pill b{font-weight:850}
.feedback-build-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(560px,100%);margin:24px auto 0}
.feedback-build-progress>span{position:relative;padding-top:13px;color:#8a93a6;font-size:.7rem;font-weight:800;text-align:center}.feedback-build-progress>span:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;border-radius:5px;background:#e8eaf1;transition:background .35s ease}.feedback-build-progress>span.is-current,.feedback-build-progress>span.is-done{color:#13192d}.feedback-build-progress>span.is-current:before,.feedback-build-progress>span.is-done:before{background:#5b4ce5}
.feedback-build-wait{margin:26px 0 0!important;color:#8a93a6!important;font-size:.75rem!important}
@keyframes feedbackBuildBreathe{0%,100%{transform:scale(.84);opacity:.54}50%{transform:scale(1);opacity:.86}}
@keyframes feedbackCoachAwaken{0%{opacity:0;transform:scale(.12)}55%{opacity:1;transform:scale(1.18)}78%{opacity:1;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}
@keyframes feedbackCoachFlight{0%{opacity:1;offset-distance:0%;transform:scale(1)}58%{opacity:1;transform:scale(1.12)}100%{opacity:1;offset-distance:100%;transform:scale(1)}}
@keyframes feedbackCoachRest{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes feedbackCoachResolve{0%{opacity:1;transform:scale(1)}55%{opacity:.45;transform:scale(1.18)}100%{opacity:0;transform:scale(.4)}}
@keyframes feedbackCoachLogoReveal{0%{opacity:0;transform:rotate(-41deg) scale(.35)}100%{opacity:1;transform:rotate(-41deg) scale(1)}}
@keyframes feedbackCoachFloat{0%,100%{transform:translateY(0) rotate(-43deg)}50%{transform:translateY(-5px) rotate(-39deg)}}
@keyframes feedbackCoachReturn{0%{opacity:1;transform:translate(0,0) scale(1)}72%{opacity:1;transform:translate(-13px,21px) scale(.42)}100%{opacity:0;transform:translate(-13px,21px) scale(.05)}}
@keyframes feedbackBuildFinale{0%{transform:rotate(0deg) scale(1);filter:blur(0);opacity:1}30%{transform:rotate(25deg) scale(1.01);filter:blur(0);opacity:1}58%{transform:rotate(140deg) scale(1.035);filter:blur(0);opacity:1}78%{transform:rotate(380deg) scale(1.07);filter:blur(0) saturate(1.08);opacity:1}90%{transform:rotate(680deg) scale(1.1);filter:blur(.8px) saturate(1.2);opacity:1}100%{transform:rotate(1040deg) scale(.86);filter:blur(6px) saturate(1.45);opacity:0}}
@keyframes feedbackBuildHalo{0%,58%{transform:scale(.84);filter:blur(0);opacity:.58}86%{transform:scale(1.16);filter:blur(7px);opacity:.78}100%{transform:scale(.78);filter:blur(13px);opacity:0}}
@media(max-width:620px){body[data-current-view="feedback"] .feedback-placeholder.feedback-building{min-height:440px;padding:38px 20px}.feedback-building>h1{font-size:1.75rem}.feedback-build-progress{gap:6px}.feedback-build-progress>span{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.feedback-build-mark-wrap.is-reading .feedback-build-halo,.feedback-build-mark-wrap.is-handoff .feedback-build-coach,.feedback-build-mark-wrap.is-coach .feedback-build-coach,.feedback-build-mark-wrap.is-coach .feedback-build-coach:before,.feedback-build-mark-wrap.is-coach .feedback-build-coach-mark,.feedback-build-mark-wrap.is-completing .feedback-build-mark,.feedback-build-mark-wrap.is-completing .feedback-build-halo,.feedback-build-mark-wrap.is-completing .feedback-build-coach{animation:none}.feedback-building.is-leaving{transform:none}}

/* Calm motion reset and consistent product chrome. */
.topbar .header-trail button,
.topbar #crumbCase,
.topbar .mode-tabs button,
.topbar .top-status{
  color:#13192d;
  font-size:.8rem;
  font-weight:800;
}
.topbar .header-trail button:disabled,
.topbar .header-trail .crumb-current,
.topbar .mode-tabs button.active,
.topbar .save-state,
.topbar .slide-count{color:#13192d}
.topbar .save-tick{color:#08784d}
.coach-orb .coach-sparkles{width:30px;height:30px}
.feedback-build-coach-mark .coach-sparkles{display:block;width:26px;height:26px;fill:none;stroke:#fb923c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes feedbackCoachLogoReveal{0%{opacity:0;transform:scale(.35)}100%{opacity:1;transform:scale(1)}}
@keyframes feedbackCoachFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Results reveal once, in the same order a learner reads the page. */
.feedback-results.is-revealing .results-title,
.feedback-results.is-revealing .result-primary,
.feedback-results.is-revealing .ief-scorecard,
.feedback-results.is-revealing .debrief-heading,
.feedback-results.is-revealing .coach-theme,
.feedback-results.is-revealing .feedback-section-head,
.feedback-results.is-revealing .feedback-actions{
  opacity:0;
  transform:translateY(5px);
  animation:feedbackElementIn .28s cubic-bezier(.2,.8,.25,1) forwards;
}
.feedback-results.is-revealing .results-title{animation-delay:.02s}
.feedback-results.is-revealing .result-primary{animation-delay:.09s}
.feedback-results.is-revealing .result-badge{animation:feedbackBadgeIn .32s .09s cubic-bezier(.2,.8,.25,1) both}
.feedback-results.is-revealing .ief-scorecard{animation-delay:.56s}
.feedback-results.is-revealing .debrief-heading{animation-delay:.65s}
.feedback-results.is-revealing .coach-theme:nth-child(1){animation-delay:.72s}
.feedback-results.is-revealing .coach-theme:nth-child(2){animation-delay:.8s}
.feedback-results.is-revealing .coach-theme:nth-child(3){animation-delay:.88s}
.feedback-results.is-revealing .feedback-section-head{animation-delay:.96s}
.feedback-results.is-revealing .feedback-actions{animation-delay:1.48s}
@keyframes feedbackElementIn{to{opacity:1;transform:none}}
@keyframes feedbackBadgeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .feedback-results.is-revealing .results-title,
  .feedback-results.is-revealing .result-primary,
  .feedback-results.is-revealing .result-badge,
  .feedback-results.is-revealing .dimension-card,
  .feedback-results.is-revealing .ief-scorecard,
  .feedback-results.is-revealing .debrief-heading,
  .feedback-results.is-revealing .coach-theme,
  .feedback-results.is-revealing .feedback-section-head,
  .feedback-results.is-revealing .review-row,
  .feedback-results.is-revealing .feedback-actions{animation:none;opacity:1;transform:none}
}

/* Final library, header and summary refinements. */
.topbar .top-status .save-state,
.topbar .top-status .slide-count{
  font-size:.8rem!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.topbar .top-status .save-state{color:#08784d!important}
.topbar .top-status .slide-count{color:#13192d!important}
.topbar .top-status .save-state{display:inline-flex;align-items:center;gap:2px}
.topbar .top-status .save-tick{margin-right:0}

.library-card{padding:30px 32px 32px}
.case-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}
.case-list .case-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(108px,34%) minmax(0,1fr);
  grid-template-rows:auto 1fr;
  min-width:0;
  min-height:172px;
  padding:0;
  overflow:hidden;
  align-items:stretch;
  gap:0;
  border:1px solid #dfe3ec;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(35,30,82,.055);
}
button.case-card{
  border-color:#c9c1ff;
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
button.case-card:hover{
  transform:translateY(-4px);
  border-color:#9e91f1;
  box-shadow:0 18px 34px rgba(65,54,148,.15);
}
.case-list .case-visual{
  grid-column:1;
  grid-row:1/-1;
  width:100%;
  height:100%;
  min-height:172px;
  overflow:hidden;
  background:#dfe2e9;
}
.case-list button.case-card .case-visual>img:first-child{
  transition:transform .35s cubic-bezier(.2,.8,.25,1);
}
.case-list button.case-card:hover .case-visual>img:first-child{transform:scale(1.035)}
.case-list .case-alpha-logo{left:13px;top:12px;width:92px}
.case-list .case-copy{grid-column:2;padding:15px 14px 5px}
.case-list .case-copy h2{margin:7px 0 1px;font-size:1.42rem;line-height:1.1}
.case-list .case-copy p{font-size:.82rem}
.case-list .case-status{padding:4px 7px;font-size:.61rem}
.case-list .case-meta{
  grid-column:2;
  display:flex;
  min-height:56px;
  margin-top:auto;
  padding:5px 14px 13px;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.case-list .case-meta span{padding:5px 8px;font-size:.67rem}
.case-list .case-meta b{width:100%;margin:3px 0 0;color:var(--purple);font-size:.76rem}
body[data-current-view="library"] .case-list .case-card{
  min-height:172px;
  grid-template-columns:minmax(108px,34%) minmax(0,1fr);
}
body[data-current-view="library"] .case-list .case-visual{
  height:100%;
  min-height:172px;
}
body[data-current-view="library"] .case-list .case-copy{
  align-self:stretch;
  padding:15px 14px 5px;
}
body[data-current-view="library"] .case-list .case-meta{
  align-self:stretch;
  padding:5px 14px 13px;
}
.case-card-locked{color:#7f8796;background:#f5f6f9!important;box-shadow:none!important}
.case-card-locked .case-visual{display:grid;place-items:center;background:#d7dbe3}
.case-card-locked .case-copy{filter:saturate(.25)}
.case-card-locked .case-copy h2{color:#697181;font-size:1.05rem}
.case-card-locked .case-status{color:#707888;background:#e7e9ee}
.case-lock{position:relative;width:38px;height:33px;border-radius:10px;background:#f5f6f9;font-size:0;box-shadow:0 8px 18px rgba(50,57,73,.1)}
.case-lock:before{content:"";position:absolute;left:10px;top:-10px;width:18px;height:21px;border:4px solid #8e96a5;border-bottom:0;border-radius:12px 12px 0 0}
.case-lock:after{content:"";position:absolute;left:17px;top:11px;width:5px;height:10px;border-radius:4px;background:#8e96a5}

.stage>.summary-heading{
  display:flex;
  align-items:flex-start;
  min-height:88px;
  padding:14px 48px 12px 17px;
  margin-bottom:14px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:var(--ink);
  font-size:1.25rem;
  font-weight:750;
  line-height:1.25;
}

@media(max-width:920px){.case-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.case-list{grid-template-columns:1fr}}


/* Final chart legibility pass: keep countries distinct and short funnel values readable. */
.stage>.slide-content .grouped-chart{
  gap:clamp(22px,2.2vw,32px);
}
.funnel-value.is-small{
  left:max(20px,calc(var(--funnel-value) * 1% + 5px));
  z-index:3;
  min-width:29px;
  padding:3px 4px;
  border:1px solid #dfe3ed;
  border-color:color-mix(in srgb,var(--funnel-color) 32%,#dfe3ed);
  border-radius:5px;
  background:#fff;
  box-shadow:0 2px 6px rgba(18,25,47,.10);
  color:var(--funnel-color);
  font-size:.66rem;
  line-height:1;
  text-align:center;
  text-shadow:none;
}
.mini-funnel{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
  height:58px;
  margin-top:16px;
  padding:7px 8px;
  overflow:hidden;
  border-radius:8px;
  background:#f8f9fd;
}
.mini-funnel b{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  --mini-funnel:#d9d4fa;
}
.mini-funnel b:nth-child(2){--mini-funnel:#fee1cb}
.mini-funnel b:nth-child(3){--mini-funnel:#c9ecf2}
.mini-funnel b:nth-child(4){--mini-funnel:#f0d2e7}
.mini-funnel b:nth-child(5){--mini-funnel:#d3e2fa}
.mini-funnel i{
  display:block;
  width:92%;
  height:4px;
  border-radius:3px;
  background:var(--mini-funnel);
}
.mini-funnel i:nth-child(2){width:70%}
.mini-funnel i:nth-child(3){width:42%}
@media(min-width:1100px){
  .mini-funnel{height:42px;margin-top:7px;padding:5px 7px;gap:3px}
  .mini-funnel b{gap:2px}
  .mini-funnel i{height:3px}
}
@media(max-width:1099px){
  .funnel-value.is-small{min-width:26px;padding:2px 3px;font-size:.6rem}
}


/* Thumbnail family, bar labels and funnel miniature alignment. */
.slide-thumb:not(.title-thumb) .mini-bars,
.slide-thumb:not(.title-thumb) .mini-summary,
.slide-thumb:not(.title-thumb) .mini-hbars,
.slide-thumb:not(.title-thumb) .mini-table,
.slide-thumb:not(.title-thumb) .mini-scatter,
.slide-thumb:not(.title-thumb) .mini-matrix,
.slide-thumb:not(.title-thumb) .mini-funnel{
  opacity:.54;
  transition:opacity .2s ease;
}
.slide-thumb.active:not(.title-thumb) .mini-bars,
.slide-thumb.active:not(.title-thumb) .mini-summary,
.slide-thumb.active:not(.title-thumb) .mini-hbars,
.slide-thumb.active:not(.title-thumb) .mini-table,
.slide-thumb.active:not(.title-thumb) .mini-scatter,
.slide-thumb.active:not(.title-thumb) .mini-matrix,
.slide-thumb.active:not(.title-thumb) .mini-funnel{
  opacity:.88;
}
.vbar span{
  bottom:calc(100% + 5px);
  left:50%;
  transform:translateX(-50%);
}
.bar-group{gap:6px}
.mini-funnel b{gap:4px}
.mini-funnel i{height:6px}
@media(min-width:1100px){
  .mini-funnel b{gap:4px}
  .mini-funnel i{height:5px}
}

/* Shared thumbnail system: one palette, one order and one state treatment. */
.mini-bars i:nth-child(1),.mini-table i:nth-child(6n+1){background:var(--slide-purple)!important}
.mini-bars i:nth-child(2),.mini-table i:nth-child(6n+2){background:var(--slide-orange)!important}
.mini-bars i:nth-child(3),.mini-table i:nth-child(6n+3){background:var(--slide-cyan)!important}
.mini-bars i:nth-child(4),.mini-table i:nth-child(6n+4){background:var(--slide-magenta)!important}
.mini-bars i:nth-child(5),.mini-table i:nth-child(6n+5){background:var(--slide-blue)!important}
.mini-bars i:nth-child(6),.mini-table i:nth-child(6n){background:var(--slide-slate)!important}
.mini-hbars i:nth-child(1),.mini-hbars i:nth-child(3){background:linear-gradient(90deg,var(--slide-purple) 0 100%,transparent 100%)!important}
.mini-hbars i:nth-child(2),.mini-hbars i:nth-child(4){background:linear-gradient(90deg,var(--slide-orange) 0 100%,transparent 100%)!important}
.mini-scatter i:nth-child(1),.mini-matrix i:nth-child(1){background:var(--slide-purple)!important}
.mini-scatter i:nth-child(2),.mini-matrix i:nth-child(2){background:var(--slide-orange)!important}
.mini-scatter i:nth-child(3),.mini-matrix i:nth-child(3){background:var(--slide-cyan)!important}
.mini-scatter i:nth-child(4),.mini-matrix i:nth-child(4){background:var(--slide-magenta)!important}
.mini-scatter i:nth-child(5),.mini-matrix i:nth-child(5){background:var(--slide-blue)!important}
.mini-summary i:nth-child(1){background:var(--slide-purple)!important}
.mini-summary i:nth-child(2){background:var(--slide-orange)!important}
.mini-summary i:nth-child(3){background:var(--slide-cyan)!important}
.mini-funnel b:nth-child(1){--mini-funnel:var(--slide-purple)}
.mini-funnel b:nth-child(2){--mini-funnel:var(--slide-orange)}
.mini-funnel b:nth-child(3){--mini-funnel:var(--slide-cyan)}
.mini-funnel b:nth-child(4){--mini-funnel:var(--slide-magenta)}
.mini-funnel b:nth-child(5){--mini-funnel:var(--slide-blue)}

/* Locked briefs retain the same information structure as the live brief. */
.case-card-locked .case-lock{position:static;width:48px;height:56px;overflow:visible;border-radius:0;background:transparent;box-shadow:none;fill:none;stroke:#7f8796;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px rgba(42,49,64,.12))}
.case-card-locked .case-lock:before,.case-card-locked .case-lock:after{content:none}
.case-card-locked .case-lock rect{fill:#f7f8fb;stroke:#7f8796;stroke-width:2.5}
.case-card-locked .case-lock circle{fill:#7f8796;stroke:none}
.case-card-locked .case-meta-placeholder{align-content:center}
.case-card-locked .case-meta-placeholder span{display:block;width:56px;height:25px;padding:0;border-radius:999px;background:#e4e7ed}
.case-card-locked .case-meta-placeholder span:nth-child(2){width:72px}

/* The scorecard key previews the result language, not the IEF palette. */
body[data-current-view="feedback"] .scorecard-icon i:nth-child(1){background:#16845e}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(2){background:#d39a16}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(3){background:#16845e}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(4){background:#d84f67}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(5){background:#d39a16}
body[data-current-view="feedback"] .scorecard-icon i:nth-child(6){background:#16845e}

/* Feedback arrives with the same quick, restrained rhythm as the other case views. */
.feedback-results.is-revealing .results-title{animation-delay:.01s}
.feedback-results.is-revealing .result-primary{animation-delay:.04s}
.feedback-results.is-revealing .result-badge{animation-delay:.04s}
.feedback-results.is-revealing .dimension-card{animation-duration:.26s!important}
.feedback-results.is-revealing .dimension-card:nth-child(1){animation-delay:.07s!important}
.feedback-results.is-revealing .dimension-card:nth-child(2){animation-delay:.09s!important}
.feedback-results.is-revealing .dimension-card:nth-child(3){animation-delay:.11s!important}
.feedback-results.is-revealing .dimension-card:nth-child(4){animation-delay:.13s!important}
.feedback-results.is-revealing .dimension-card:nth-child(5){animation-delay:.15s!important}
.feedback-results.is-revealing .dimension-card:nth-child(6){animation-delay:.17s!important}
.feedback-results.is-revealing .ief-scorecard{animation-delay:.18s}
.feedback-results.is-revealing .debrief-heading{animation-delay:.2s}
.feedback-results.is-revealing .coach-theme:nth-child(1){animation-delay:.22s}
.feedback-results.is-revealing .coach-theme:nth-child(2){animation-delay:.24s}
.feedback-results.is-revealing .coach-theme:nth-child(3){animation-delay:.26s}
.feedback-results.is-revealing .feedback-section-head{animation-delay:.28s}
.feedback-results.is-revealing .review-row{animation-duration:.26s!important;animation-delay:.3s!important}
.feedback-results.is-revealing .feedback-actions{animation-delay:.32s}

/* Keyboard and assistive-technology refinements without changing the visual system. */
.skip-link{position:fixed;left:18px;top:12px;z-index:1000;padding:10px 14px;border-radius:10px;background:#11172a;color:#fff;font-weight:800;text-decoration:none;transform:translateY(-180%);transition:transform .16s ease}
.skip-link:focus{transform:translateY(0)}
button:focus-visible,summary:focus-visible,[role="scrollbar"]:focus-visible{outline:3px solid #6d5ce7!important;outline-offset:3px}
.response-card:focus-within,.summary-input:focus-within{border-color:#6d5ce7;box-shadow:0 0 0 5px #f0edff}
.coach-composer:focus-within{border-color:#6d5ce7;box-shadow:0 0 0 3px #f0edff}
textarea:focus-visible{outline:none}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}

/* Customer account identity stays available without competing with case controls. */
.topbar,body.entry-mode .topbar,body.case-mode .topbar{grid-template-columns:190px minmax(0,1fr) 300px auto}
.topbar .top-status,body.case-mode .top-status,body.entry-mode .top-status{visibility:visible;display:flex;min-width:0}
body:not([data-current-view="practice"]) .top-status .save-state,
body:not([data-current-view="practice"]) .top-status .slide-count{display:none}
body.entry-mode .mode-tabs{display:none}
.account-menu{position:relative;flex:none}
.account-button{min-height:40px;max-width:150px;padding:4px 8px 4px 5px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink);font-size:.8rem;font-weight:800;box-shadow:0 2px 7px rgba(44,51,93,.05)}
.account-button:hover,.account-menu.is-open .account-button{border-color:#c8c1ff;background:#faf9ff}
.account-avatar{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:linear-gradient(145deg,var(--purple),#4939c7);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.02em}
.account-button-name{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-button svg{width:14px;height:14px;fill:none;stroke:#7c879d;stroke-width:1.8;transition:transform .16s ease}
.account-menu.is-open .account-button svg{transform:rotate(180deg)}
.account-popover{position:absolute;z-index:50;right:0;top:calc(100% + 9px);width:250px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 45px rgba(35,30,82,.18);display:flex;flex-direction:column;align-items:flex-start;color:var(--ink);white-space:normal}
.account-kicker{margin-bottom:5px;color:#818ba0;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.account-popover strong{font-size:.96rem;line-height:1.25}
.account-email{margin-top:3px;color:#6c7892;font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}
.account-popover a{width:100%;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--purple);font-size:.8rem;font-weight:850;text-decoration:none}
.account-popover a:hover{text-decoration:underline}
@media(max-width:1290px){.topbar,body.entry-mode .topbar,body.case-mode .topbar{grid-template-columns:175px minmax(0,1fr) 260px auto}.account-button-name{display:none}.account-button{padding-right:5px}}
@media(max-width:1099px){.topbar,body.entry-mode .topbar,body.case-mode .topbar{grid-template-columns:180px minmax(0,1fr)}.topbar .top-status,body.case-mode .top-status,body.entry-mode .top-status{grid-column:2;grid-row:2}.account-button-name{display:inline}}
@media(max-width:740px){.account-button-name{display:none}.account-popover{position:fixed;right:12px;top:72px;width:min(280px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.account-button svg{transition:none}}

/* Completed attempts stay in the case library and reopen their original feedback. */
.attempt-history{margin-top:26px;padding-top:25px;border-top:1px solid var(--line)}
.attempt-history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:13px}
.attempt-history-heading h2{margin:4px 0 0;font-size:1.45rem;letter-spacing:-.025em}
.attempt-history-heading p{max-width:440px;margin:0;color:var(--muted);font-size:.82rem;text-align:right}
.attempt-history-list{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff}
.attempt-row{width:100%;min-height:70px;padding:12px 16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 126px;align-items:center;gap:13px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}
.attempt-row:last-child{border-bottom:0}.attempt-row:hover{background:#faf9ff}.attempt-row:disabled{cursor:wait;opacity:.72}
.attempt-index{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--purple-soft);color:var(--purple);font-size:.72rem;font-weight:900}
.attempt-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.attempt-copy strong{font-size:.88rem}.attempt-copy small{color:var(--muted);font-size:.72rem}
.attempt-result{min-width:78px;padding:6px 10px;border-radius:999px;font-size:.69rem;font-weight:900;text-align:center;text-transform:uppercase}
.attempt-result.rag-green{color:#08784d;background:#ddf7eb}.attempt-result.rag-amber{color:#9d6500;background:#fff0c9}.attempt-result.rag-red{color:#bf334b;background:#ffe0e5}.attempt-result.is-pending{min-width:128px;color:#6f7890;background:#eef0f5;text-transform:none}
.attempt-row>b{color:var(--purple);font-size:.76rem;text-align:right}
@media(max-width:740px){.attempt-history-heading{align-items:flex-start;flex-direction:column;gap:7px}.attempt-history-heading p{text-align:left}.attempt-row{grid-template-columns:38px minmax(0,1fr) auto}.attempt-result{grid-column:2;justify-self:start}.attempt-row>b{grid-column:3;grid-row:1/3}}

/* Keep Safari's native textarea tracks out of the compact practice UI. */
.coach-composer textarea{min-width:0;overflow-x:hidden;scrollbar-width:none}
.coach-composer textarea::-webkit-scrollbar{display:none}

/* The city campaign subject sits at 69%: retain her head in portrait crops. */
.case-visual>img:first-child,.brief-hero>img:first-child,.summary-hero-image{object-position:69% 15%}
.title-image,.mini-title>img:first-child{object-position:69% 15%}