/* Screen-only Phase 5 presentation. Keep report preferences and semantic tones intact. */
@media screen {
.session-phases-page[data-phase="5"] .sqis-report--merged { border: 0; padding: 16px 4px; border-radius: 0; }

.session-phases-page[data-phase="5"] [data-testid="process-intro-title"] { color: #102D4E; font-size: 26px; line-height: 1.35; }
.session-phases-page[data-phase="5"] [data-testid="process-intro-section"] > .grid > div { border-radius: 12px; box-shadow: 0 2px 8px #102d4e05; }
.session-phases-page[data-phase="5"] .phase5-report-actions button.bg-indigo-600 { background: #102D4E; }
.session-phases-page[data-phase="5"] .phase5-report-actions button.bg-indigo-600:hover { background: #092640; }
.session-phases-page[data-phase="5"] .phase5-report-actions button.border-indigo-300 { border-color: #cdd9e5; color: #102D4E; background: #fff; }
.session-phases-page[data-phase="5"] .phase5-report-actions button.border-emerald-300 { border-color: #b8dada; color: #087F83; background: #f2f9f8; }

.session-phases-page[data-phase="5"] { background: #F7F9FC; color: #18314F; }
.session-phases-page[data-phase="5"] .phase-progress-summary h2 { color: #102D4E; font-size: clamp(28px, 2.4vw, 36px); }
.session-phases-page[data-phase="5"] .phase-progress-label > span { font-size: 14px; color: #64748B; }
.session-phases-page[data-phase="5"] .phase-progress-label > .phase-progress-step { color: #76571d; background: #fcf7eb; border-color: #e6d5ad; }
.session-phases-page[data-phase="5"] .phase-progress-summary + [role="progressbar"] { height: 8px; background: #e3eaf1; }
.session-phases-page[data-phase="5"] .phase-progress-summary + [role="progressbar"] > div { background: linear-gradient(90deg, #102D4E, #087F83, #C99A42); }
.session-phases-page[data-phase="5"] .phase-navigation-list { border-color: #dce4ee; border-radius: 16px; background: #fff; box-shadow: 0 3px 14px #102d4e06; }
.session-phases-page[data-phase="5"] .phase-navigation-list [role="tab"][data-state="active"] { background: #102D4E; box-shadow: inset 0 -3px #C99A42; }
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] { min-width: 0; border: 1px solid #dce4ee; border-radius: 18px; background: #fff; box-shadow: 0 8px 32px #102d4e08; }
.session-phases-page[data-phase="5"] .phase5-completion-title { color: #102D4E; font-size: clamp(25px, 2.3vw, 32px); line-height: 1.25; }
.session-phases-page[data-phase="5"] .phase5-tts-panel { background: #f3f8fa !important; border-color: #d7e7e9 !important; border-radius: 12px !important; }
.session-phases-page[data-phase="5"] .phase5-tts-summary, .session-phases-page[data-phase="5"] .phase5-tts-summary .text-gray-700 { color: #102D4E; }
.session-phases-page[data-phase="5"] .phase5-tts-summary svg { color: #087F83; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { gap: 8px; padding: 10px; border-radius: 14px; background: #f7f9fc; border-color: #e0e7ef; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > [role="tab"], .session-phases-page[data-phase="5"] .phase5-report-navigation > .relative > [role="tab"] { min-height: 48px; padding: 12px 16px; white-space: normal; border-radius: 9px; color: #18314F; border-color: #dce4ee; font-size: 14px; line-height: 1.45; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [role="tab"][aria-selected="true"] { color: #fff; background: #102D4E; border-color: #102D4E; box-shadow: inset 0 -3px #C99A42; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [role="tab"][aria-selected="true"]:hover { background: #092640; }
.session-phases-page[data-phase="5"] .phase5-report, .session-phases-page[data-phase="5"] .helpful-resource-report { --report-meta-size: 14px; color: #18314F; min-width: 0; }
.session-phases-page[data-phase="5"] .phase5-report-titlebar, .session-phases-page[data-phase="5"] .sqis-header { gap: 18px; padding-bottom: 18px; border-bottom: 1px solid #e2e8f0; }
.session-phases-page[data-phase="5"] .phase5-report-title, .session-phases-page[data-phase="5"] .sqis-title { color: #102D4E; font-size: calc(var(--report-title-size, 22px) + 4px); }
.session-phases-page[data-phase="5"] .phase5-report-icon { width: 42px; height: 42px; flex-basis: 42px; border-radius: 12px; background: #edf5f5; color: #087F83; }
.session-phases-page[data-phase="5"] .phase5-report-generated, .session-phases-page[data-phase="5"] .phase5-report-generated-by, .session-phases-page[data-phase="5"] .sqis-header .text-xs { color: #64748B; font-size: 14px; line-height: 1.6; }
.session-phases-page[data-phase="5"] .phase5-report-actions, .session-phases-page[data-phase="5"] .sqis-header-actions { gap: 8px; }
.session-phases-page[data-phase="5"] .phase5-report-actions button, .session-phases-page[data-phase="5"] .sqis-header-actions button { height: auto; min-height: 42px; padding: 10px 14px; border-radius: 9px; font-size: 14px; line-height: 1.4; white-space: normal; }
.session-phases-page[data-phase="5"] .phase5-shared-toolbar { padding: 12px 14px; margin-block: 16px; gap: 12px 20px; border-color: #e0e7ef; border-radius: 12px; background: #f7f9fc; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar { flex-wrap: wrap; gap: 8px; font-size: 14px; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-button { min-height: 40px; padding: 8px 12px; color: #102D4E; border: 1px solid #d5dfe9; border-radius: 8px; background: #fff; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-button:hover:not(:disabled) { background: #edf3f8; border-color: #C99A42; text-decoration: none; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-button:disabled { color: #94a3b8; opacity: .65; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-separator { display: none; }
.session-phases-page[data-phase="5"] .phase5-font-control { font-size: 14px; gap: 8px; color: #64748B; }
.session-phases-page[data-phase="5"] .phase5-font-control select { min-height: 40px; max-width: 190px; border-radius: 8px; border-color: #d5dfe9; color: #18314F; }
.session-phases-page[data-phase="5"] .phase5-report-section { border-radius: 12px; border-color: color-mix(in srgb, var(--p5-border) 45%, white); box-shadow: 0 2px 8px #102d4e05; margin-bottom: 14px; }
.session-phases-page[data-phase="5"] .phase5-section-button, .session-phases-page[data-phase="5"] .phase5-section-header, .session-phases-page[data-phase="5"] .phase5-report-section > summary { min-height: 58px; padding: 14px 16px; background: color-mix(in srgb, var(--p5-soft) 52%, white); }
.session-phases-page[data-phase="5"] .phase5-section-title { line-height: 1.5; }
.session-phases-page[data-phase="5"] .phase5-section-badge { width: 32px; height: 32px; flex-basis: 32px; border-radius: 10px; }
.session-phases-page[data-phase="5"] .phase5-section-body, .session-phases-page[data-phase="5"] .phase5-report .nexus-section-body { padding: 20px; line-height: var(--report-body-line-height, 1.65); }
.session-phases-page[data-phase="5"] .rich-report-renderer .phase5-internal-subsection { margin-block: 14px; border-left-width: 2px; }
.session-phases-page[data-phase="5"] .rich-report-renderer .phase5-internal-subsection-button { min-height: 44px; border-radius: 6px; font-size: var(--report-subheading-size); line-height: 1.5; }
.session-phases-page[data-phase="5"] .phase5-report-actions button:focus-visible, .session-phases-page[data-phase="5"] .phase5-report-toolbar-button:focus-visible, .session-phases-page[data-phase="5"] .phase5-font-control select:focus-visible { outline: 3px solid #C99A42; outline-offset: 2px; }
}
@media screen and (max-width: 699px) {
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] > .p-6 { padding-inline: 12px; }
.session-phases-page[data-phase="5"] .sqis-report--merged { padding-inline: 0; }
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] .phase5-report.p-4 { padding-inline: 0; }

.session-phases-page[data-phase="5"] .phase5-report-navigation > * { flex: 1 1 12rem; }
.session-phases-page[data-phase="5"] .phase5-report-titlecopy { width: 100%; }
.session-phases-page[data-phase="5"] .phase5-report-actions, .session-phases-page[data-phase="5"] .sqis-header-actions { justify-content: flex-start; width: 100%; }
.session-phases-page[data-phase="5"] .phase5-report-actions button, .session-phases-page[data-phase="5"] .sqis-header-actions button { min-height: 44px; }
.session-phases-page[data-phase="5"] .phase5-shared-toolbar { align-items: stretch; padding: 12px; }
.session-phases-page[data-phase="5"] .phase5-font-control { width: 100%; margin-left: 0; justify-content: space-between; }
.session-phases-page[data-phase="5"] .phase5-font-control select { flex: 1; max-width: 70%; min-width: 0; }
.session-phases-page[data-phase="5"] .phase5-section-button, .session-phases-page[data-phase="5"] .phase5-section-header, .session-phases-page[data-phase="5"] .phase5-report-section > summary { padding: 12px; }
.session-phases-page[data-phase="5"] .phase5-section-body, .session-phases-page[data-phase="5"] .phase5-report .nexus-section-body { padding: 14px 12px; }
.session-phases-page[data-phase="5"] .phase5-report-title, .session-phases-page[data-phase="5"] .sqis-title { overflow-wrap: anywhere; }
}
/* Approved image /tmp/insight-phase5-target.png — Phase 5 only. */
@media screen {
.session-phases-page[data-phase="5"] { background: #fdfcfb; color: #092b4c; font-family: 'Segoe UI', Arial, sans-serif; }
.session-phases-page[data-phase="5"] > .w-full { padding: 16px 2% 12px; }
.session-phases-page[data-phase="5"] .analysis-header { height: 64px; padding: 8px 2.8%; background: linear-gradient(110deg,#082a46,#062642); color: white; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.analysis-brand { display:flex; align-items:center; gap:18px; flex-shrink:0; }
.analysis-brand img { width:158px; height:45px; object-fit:contain; }
.analysis-brand > span { padding-left:18px; border-left:1px solid #ffffff30; font-size:13px; line-height:18px; }
.analysis-header-links { display:flex; align-items:center; gap:30px; }
.analysis-header-links button { display:flex; align-items:center; gap:10px; font-size:14px; }
.analysis-header-links svg { width:20px; height:20px; flex-shrink:0; }
.analysis-header-links button:hover { color:#eac577; }
.analysis-header-links button:focus-visible { outline:2px solid #eac577; outline-offset:5px; }
.analysis-account { border-left:1px solid #ffffff30; padding-left:26px; text-align:left; }
.analysis-account small { display:block; font-size:12px; }
.analysis-avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#fff1d5; color:#a8741b; font-size:18px; }
.analysis-overview { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:12px; margin-bottom:12px; }
.analysis-overview-main,.analysis-progress-card { background:linear-gradient(110deg,#fff,#fcfcfc); border:1px solid #efefef; border-radius:15px; box-shadow:0 2px 14px #092b4c05; min-height:120px; display:flex; align-items:center; padding:16px 28px; gap:22px; }
.analysis-heading { flex:1; min-width:260px; }
.analysis-heading > span { color:#ae7419; font-size:18px; font-weight:600; }
.analysis-heading h2 { color:#092b4c; font:700 36px/1.15 'Segoe UI',Arial,sans-serif; margin:3px 0 5px; position:relative; }
.analysis-heading h2:before { content:''; position:absolute; left:-15px; top:2px; height:30px; width:3px; background:#d39a32; }
.analysis-heading p { font-size:14px; }
.analysis-steps { display:flex; flex:1.2; list-style:none; padding:0; min-width:460px; }
.analysis-steps li { flex:1; position:relative; text-align:center; font-size:12px; }
.analysis-steps li:before { content:''; position:absolute; height:2px; background:#c89535; left:-50%; right:50%; top:16px; }
.analysis-steps li:first-child:before { display:none; }
.analysis-steps li > span { display:grid; place-items:center; position:relative; z-index:1; margin:0 auto 10px; width:30px; height:30px; border-radius:50%; background:#eee; color:#596879; }
.analysis-steps li > span.complete { background:linear-gradient(#dbb56b,#c58a28); color:white; }
.analysis-steps svg { width:21px; height:21px; }
.analysis-steps li[aria-current] > span { outline:1px solid #c58a28; outline-offset:3px; }
.analysis-steps small { font-size:11px; line-height:16px; display:block; }
.analysis-steps li[aria-current] small { font-weight:700; }
.analysis-progress-card { padding:20px 18px; gap:14px; }
.analysis-progress-card > svg:first-child { width:60px; height:60px; padding:15px; border-radius:50%; background:#edf1fa; color:#06468d; }
.analysis-progress-card strong { display:block; font-size:27px; line-height:32px; }
.analysis-progress-card span,.analysis-progress-card small { font-size:12px; white-space:nowrap; }
.analysis-progress-check { width:40px; height:40px; color:#09a555; background:#e4f8eb; border:6px solid #e4f8eb; border-radius:50%; }
.session-phases-page[data-phase="5"] .phase-navigation-list { min-height:58px; padding:4px; gap:0; border-radius:14px; }
.session-phases-page[data-phase="5"] .phase-navigation-list [role="tab"] { min-height:48px; padding:9px; border:1px solid #e0e6ee; border-radius:7px; color:#0b2f54; font-size:13px; }
.session-phases-page[data-phase="5"] .phase-navigation-list [role="tab"] svg { color:#096ad4; }
.session-phases-page[data-phase="5"] .phase-navigation-list [role="tab"][data-state="active"] { color:#fff; background:linear-gradient(120deg,#092d4c,#06253e); border:2px solid #c99436; box-shadow:none; }
.session-phases-page[data-phase="5"] .phase-navigation-list [role="tab"][data-state="active"] svg { color:white; }
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] { margin-top:12px; border-radius:16px; box-shadow:0 2px 10px #092b4c06; }
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] > .p-6 { padding:18px 24px 0; }
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] > .p-6:last-child { padding-top:0; padding-bottom:10px; }
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] > .p-6 > div { position:relative; }
.analysis-completion-heading { display:flex; align-items:center; gap:16px; min-height:54px; padding-right:0; }
.analysis-completion-heading > svg { flex-shrink:0; width:54px; height:54px; padding:15px; border-radius:50%; background:#fdf5e5; color:#b58128; }
.session-phases-page[data-phase="5"] .phase5-completion-title { font:700 19px/1.4 'Segoe UI',Arial,sans-serif !important; color:#082b4b; }
.analysis-completion-heading p { font-size:14px; margin-top:2px; }
.analysis-listen-toggle { margin-left:auto; display:flex; align-items:center; gap:10px; position:absolute; right:0; top:6px; padding:12px 16px; border-radius:16px; background:#f4f5f7; font-size:12px; font-weight:600; }
.analysis-listen-toggle svg { width:18px; height:18px; }
.session-phases-page[data-phase="5"] .analysis-review-status { position:absolute; top:4px; right:0; margin:0; display:flex; gap:10px; align-items:center; padding:13px 16px; border-radius:16px; background:#faf6ee; color:#8c5a0d; font-size:12px; font-weight:600; }
.analysis-review-status svg { width:19px; height:19px; }
.session-phases-page[data-phase="5"] .phase5-tts-panel { position:relative; margin-top:16px; padding:16px 20px 14px 70px; background:linear-gradient(105deg,#f4f9ff,#f8fbff) !important; border-color:#d2e4fc !important; }
.session-phases-page[data-phase="5"] .phase5-tts-summary { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-tts-summary > span > svg { position:absolute; top:22px; left:12px; padding:12px; width:48px; height:48px; border-radius:50%; background:#e4f1ff; color:#0678ff; }
.session-phases-page[data-phase="5"] .phase5-tts-body { margin-top:7px; padding:0; }
.session-phases-page[data-phase="5"] .phase5-tts-body > div > div:first-child { display:none; }
.session-phases-page[data-phase="5"] .phase5-tts-body > p { position:absolute; right:16px; top:15px; max-width:36%; background:#edf5fe; border-radius:12px; padding:14px 20px; margin:0; font-size:12px; }
.session-phases-page[data-phase="5"] .phase5-tts-body select { min-height:32px; font-size:12px; max-width:230px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { margin-top:16px; padding:0 0 8px; gap:6px; border:0; border-bottom:1px solid #e5eaf0; border-radius:0; background:white; display:flex; flex-wrap:wrap; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > * { flex:1 1 auto; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [role="tab"] { display:flex; align-items:center; justify-content:center; gap:10px; min-height:56px; padding:10px 12px; font-size:12px; border:1px solid #e0e6ef; background:#fff; border-radius:9px; width:100%; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [role="tab"] > svg { width:20px; height:20px; flex-shrink:0; color:#0873ec; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [aria-selected="true"] { background:linear-gradient(120deg,#0b3150,#06253e); color:#fff; box-shadow:none; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [aria-selected="true"] > svg { color:#d9ad51; }
.session-phases-page[data-phase="5"] .phase5-report.p-4 { padding:6px 0 0; }
.session-phases-page[data-phase="5"] .phase5-report-titlebar { padding:0 0 12px; margin:0; gap:12px; }
.session-phases-page[data-phase="5"] .phase5-report-icon { width:64px; height:64px; flex-basis:64px; border-radius:50%; background:#eee5ff; color:#39249a; }
.session-phases-page[data-phase="5"] .phase5-report-icon svg { width:34px; height:34px; }
.session-phases-page[data-phase="5"] .phase5-report-title { font-size:30px; line-height:1.2; }
.session-phases-page[data-phase="5"] .phase5-report-subtitle { margin-top:2px; color:#092b4c; }
.session-phases-page[data-phase="5"] .phase5-report-metadata { display:flex; flex-wrap:wrap; gap:10px; margin-top:2px; }
.session-phases-page[data-phase="5"] .phase5-report-generated-by,.session-phases-page[data-phase="5"] .phase5-report-generated { font-size:12px; margin:0; line-height:1.5; }
.session-phases-page[data-phase="5"] .phase5-report-generated { border-left:1px solid #aeb9c8; padding-left:10px; }
.session-phases-page[data-phase="5"] .phase5-report-actions button { min-height:40px; padding:8px 16px; font-size:12px; }
.session-phases-page[data-phase="5"] .phase5-report-actions button.bg-indigo-600 { background:linear-gradient(#7543de,#5924c8); }
.session-phases-page[data-phase="5"] .phase5-report-actions button.border-indigo-300 { border-color:#af92fa; color:#6334d9; }
.session-phases-page[data-phase="5"] .phase5-report-actions button.border-emerald-300 { color:#00a84c; border-color:#62cc90; background:white; }
.session-phases-page[data-phase="5"] .phase5-shared-toolbar { background:white; border:0; border-radius:0; padding:6px 4px; margin:0; min-height:42px; gap:12px; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-button { border:0; padding:4px 0; min-height:28px; color:#0053a9; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-separator { display:block; margin-inline:12px; }
.session-phases-page[data-phase="5"] .phase5-font-control { font-size:12px; }
.session-phases-page[data-phase="5"] .phase5-font-control select { min-height:30px; }
.session-phases-page[data-phase="5"] .phase5-report-section { margin-bottom:5px; border-color:var(--p5-border); border-radius:11px; box-shadow:none; }
.session-phases-page[data-phase="5"] .phase5-report-section > summary,.session-phases-page[data-phase="5"] .phase5-section-button { min-height:50px; padding:7px 22px; background:linear-gradient(100deg,color-mix(in srgb,var(--p5-soft) 85%,white),color-mix(in srgb,var(--p5-soft) 70%,white)); }
.session-phases-page[data-phase="5"] .phase5-section-badge { border-radius:50%; width:30px; height:30px; flex-basis:30px; }
.session-phases-page[data-phase="5"] .phase5-section-title { font-size:var(--report-section-title-size); line-height:1.3; }
}
@media screen and (max-width:1400px) {
.analysis-header-links { gap:16px; }.analysis-brand > span { display:none; }
.analysis-completion-heading { padding-right:0; }.session-phases-page[data-phase="5"] .analysis-review-status { position:static; width:fit-content; margin:8px 0 0 70px; }
.analysis-overview { grid-template-columns:minmax(0,1fr) 240px; }.analysis-overview-main { padding-inline:20px; }.analysis-steps { min-width:390px; }
}
@media screen and (max-width:1000px) {
.analysis-header-links { gap:12px; }.analysis-header-links button { font-size:12px; }.analysis-account { padding-left:10px; }.analysis-account > span:not(.analysis-avatar) { display:none; }
.analysis-overview { grid-template-columns:1fr; }.analysis-progress-card { min-height:75px; padding:10px 20px; }.analysis-progress-card strong { display:inline; margin-inline:12px; }.analysis-progress-card > svg:first-child { width:45px; height:45px; padding:10px; }.analysis-progress-card small { display:inline; }.analysis-progress-check { margin-left:auto; }
.session-phases-page[data-phase="5"] .phase5-tts-body > p { position:static; max-width:none; margin-top:12px; padding:10px; }
}
@media screen and (max-width:699px) {
.session-phases-page[data-phase="5"] > .w-full { padding:12px; }
.session-phases-page[data-phase="5"] .analysis-header { height:auto; padding:12px; flex-wrap:wrap; gap:12px; }.analysis-brand img { width:135px; height:34px; }.analysis-header-links { width:100%; flex-wrap:wrap; justify-content:space-between; gap:14px 8px; }.analysis-header-links button { font-size:11px; gap:4px; }.analysis-header-links button svg { width:17px; }.analysis-account { position:absolute; right:12px; top:9px; border:0; }.analysis-avatar { width:36px; height:36px; }
.analysis-overview-main { display:block; padding:16px 20px; }.analysis-heading { min-width:0; }.analysis-heading h2 { font-size:32px; }.analysis-heading p { font-size:13px; }.analysis-steps { min-width:0; margin-top:24px; }.analysis-steps small { font-size:9px; line-height:14px; }.analysis-steps li > span { width:26px; height:26px; }.analysis-steps li:before { top:13px; }
.analysis-progress-card { gap:8px; }.analysis-progress-card small { font-size:10px; }.analysis-progress-card strong { font-size:24px; margin-inline:8px; }
.session-phases-page[data-phase="5"] [data-testid="phase5-reports-view"] > .p-6 { padding:14px 12px 0; }
.analysis-completion-heading { padding:0; align-items:flex-start; gap:10px; flex-wrap:wrap; }.analysis-completion-heading > svg { width:40px; height:40px; padding:10px; }.analysis-completion-heading > div { flex:1; }.session-phases-page[data-phase="5"] .phase5-completion-title { font-size:17px !important; }.analysis-completion-heading p { font-size:12px; }.analysis-listen-toggle { position:static; margin-left:50px; padding:8px 12px; }.session-phases-page[data-phase="5"] .analysis-review-status { margin-left:50px; padding:8px 12px; font-size:11px; }
.session-phases-page[data-phase="5"] .phase5-tts-panel { padding:12px; }.session-phases-page[data-phase="5"] .phase5-tts-summary > span > svg { position:static; width:30px; height:30px; padding:6px; }.session-phases-page[data-phase="5"] .phase5-tts-body > div > div { width:100%; }.session-phases-page[data-phase="5"] .phase5-tts-body select { max-width:210px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.session-phases-page[data-phase="5"] .phase5-report-navigation > * { min-width:0; }.session-phases-page[data-phase="5"] .phase5-report-navigation [role="tab"] { padding:8px; font-size:11px; gap:6px; min-height:48px; }
.session-phases-page[data-phase="5"] .phase5-report-icon { width:46px; height:46px; flex-basis:46px; }.session-phases-page[data-phase="5"] .phase5-report-icon svg { width:27px; height:27px; }.session-phases-page[data-phase="5"] .phase5-report-title { font-size:27px; }.session-phases-page[data-phase="5"] .phase5-report-actions { gap:6px; }.session-phases-page[data-phase="5"] .phase5-report-actions button { padding:8px 10px; font-size:11px; }
.session-phases-page[data-phase="5"] .phase5-shared-toolbar { padding:8px 0; }.session-phases-page[data-phase="5"] .phase5-font-control { width:auto; flex:1; gap:4px; }.session-phases-page[data-phase="5"] .phase5-font-control select { max-width:115px; }.session-phases-page[data-phase="5"] .phase5-report-toolbar { width:100%; }
.session-phases-page[data-phase="5"] .phase5-report-section > summary,.session-phases-page[data-phase="5"] .phase5-section-button { padding:10px; }.session-phases-page[data-phase="5"] .phase5-section-title { font-size:13px; }
}
@media screen {
.session-phases-page[data-phase="5"] .nexus-heading-detail { display:flex; align-items:center; gap:20px; }
.session-phases-page[data-phase="5"] .nexus-heading-detail > svg { width:22px; height:22px; flex-shrink:0; }
.session-phases-page[data-phase="5"] .nexus-heading-detail small { display:block; font-family:'Segoe UI',Arial,sans-serif; font-size:12px; font-weight:400; text-transform:none; letter-spacing:0; line-height:17px; color:#26435f; }
}
@media screen and (max-width:699px) {
.session-phases-page[data-phase="5"] .nexus-heading-detail { gap:8px; }
.session-phases-page[data-phase="5"] .nexus-heading-detail > svg { width:18px; }
.session-phases-page[data-phase="5"] .nexus-heading-detail small { font-size:11px; line-height:16px; }
}
@media screen {
.session-phases-page[data-phase="5"] .analysis-brand img { filter:brightness(0) saturate(100%) invert(79%) sepia(36%) saturate(670%) hue-rotate(353deg) brightness(100%) contrast(89%); }
}
@media screen {
.session-phases-page[data-phase="5"] > .analysis-header > div { width:auto; }
.session-phases-page[data-phase="5"] > .analysis-header > .analysis-header-links { gap:30px; }
.session-phases-page[data-phase="5"] .analysis-brand img { width:158px; height:45px; max-width:158px; background:transparent; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > [role="tab"] { width:auto; justify-content:center; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-section-badge { display:grid; font-size:0; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-section-badge:after { content:attr(data-number); font-size:16px; }
}
@media screen and (max-width:1400px) { .session-phases-page[data-phase="5"] > .analysis-header > .analysis-header-links { gap:14px; } }
@media screen and (max-width:699px) {
.session-phases-page[data-phase="5"] > .analysis-header > .analysis-header-links { width:100%; gap:12px 8px; }
.session-phases-page[data-phase="5"] .analysis-brand img { width:135px; height:34px; max-width:135px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > [role="tab"] { width:100%; grid-column:auto; }
}
@media screen {
.session-phases-page[data-phase="5"] .analysis-heading > span { display:block; line-height:22px; }
.session-phases-page[data-phase="5"] .analysis-heading h2 { margin:0 0 3px; font-size:34px; line-height:39px; }
.session-phases-page[data-phase="5"] .analysis-heading p { line-height:21px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > [role="tab"],
.session-phases-page[data-phase="5"] .phase5-report-navigation > .relative > [role="tab"] { font-size:12px; font-weight:500; gap:9px; padding:10px; min-height:56px; height:56px; justify-content:center; }
.session-phases-page[data-phase="5"] .phase5-tts-panel .phase5-tts-body { margin-top:7px; }
.session-phases-page[data-phase="5"] .phase5-section-title { font-size:calc(var(--report-section-title-size) - 1.5px); }
}
@media screen and (min-width:1401px) {
.session-phases-page[data-phase="5"] .phase5-report-navigation { display:grid; grid-template-columns:1fr 1fr 1.05fr .72fr 1fr 1fr 1.25fr 1.2fr 1.6fr 1.55fr; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > * { grid-column:auto; min-width:0; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > [role="tab"] { width:100%; }
}
@media screen and (min-width:700px) and (max-width:1000px) {
.session-phases-page[data-phase="5"] .analysis-header { flex-wrap:wrap; height:auto; }
.session-phases-page[data-phase="5"] > .analysis-header > .analysis-header-links { width:100%; justify-content:space-between; }
.session-phases-page[data-phase="5"] .analysis-account { position:absolute; right:24px; top:10px; }
}
@media screen and (max-width:699px) {
.session-phases-page[data-phase="5"] .phase5-report-navigation > [role="tab"],
.session-phases-page[data-phase="5"] .phase5-report-navigation > .relative > [role="tab"] { font-size:11px; padding:8px; gap:6px; height:auto; min-height:48px; }
}
@media screen and (min-width:700px) {
.session-phases-page[data-phase="5"] .phase5-tts-summary { min-height:26px; }
.session-phases-page[data-phase="5"] .phase5-tts-panel { margin-top:13px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { margin-top:13px; }
.session-phases-page[data-phase="5"] .phase5-report.p-4 { padding-top:11px; }
}
/* Final reference comparison: stable local UI font and measured geometry.
   Font selection continues to control the report body; this font is for UI chrome. */
@font-face { font-family:'INSIGHT Analysis UI'; font-style:normal; font-weight:400; font-display:swap; src:url('/static/media/Carlito-Regular.bada8461b63f3b0a7c33.ttf') format('truetype'); }
@font-face { font-family:'INSIGHT Analysis UI'; font-style:normal; font-weight:600; font-display:swap; src:url('/static/media/Carlito-Bold.b98cc98725d3659be924.ttf') format('truetype'); }
@font-face { font-family:'INSIGHT Analysis UI'; font-style:normal; font-weight:700; font-display:swap; src:url('/static/media/Carlito-Bold.b98cc98725d3659be924.ttf') format('truetype'); }
@media screen {
.session-phases-page[data-phase="5"] { --analysis-ui-font:'INSIGHT Analysis UI',Arial,sans-serif; font-family:var(--analysis-ui-font); }
.session-phases-page[data-phase="5"] .analysis-heading h2 { font-family:var(--analysis-ui-font); font-size:36px; }
.session-phases-page[data-phase="5"] .phase5-completion-title { font-family:var(--analysis-ui-font) !important; font-size:18px; }
.session-phases-page[data-phase="5"] .phase5-report-titlebar,
.session-phases-page[data-phase="5"] .phase5-report-title,
.session-phases-page[data-phase="5"] .phase5-report-subtitle,
.session-phases-page[data-phase="5"] .phase5-report-generated,
.session-phases-page[data-phase="5"] .phase5-report-generated-by,
.session-phases-page[data-phase="5"] .phase5-report-toolbar,
.session-phases-page[data-phase="5"] .phase5-font-control,
.session-phases-page[data-phase="5"] .nexus-heading-detail small { font-family:var(--analysis-ui-font); }
.session-phases-page[data-phase="5"] .phase5-report-title { font-size:30px; }
.session-phases-page[data-phase="5"] .phase5-report-titlecopy { gap:20px; }
.session-phases-page[data-phase="5"] .phase5-report-subtitle { font-size:15px; }
.session-phases-page[data-phase="5"] .phase5-report-generated-by,
.session-phases-page[data-phase="5"] .phase5-report-generated { font-size:13px; color:#405979; }
.session-phases-page[data-phase="5"] .phase5-report-generated-by > span { font-weight:400; }
.session-phases-page[data-phase="5"] .phase5-report-actions button { font-family:var(--analysis-ui-font); font-weight:600; }
.session-phases-page[data-phase="5"] .phase5-report-actions button:first-child .lucide-play { fill:currentColor; }
.session-phases-page[data-phase="5"] .analysis-review-status svg { fill:#ad7c24; stroke:white; stroke-width:2px; width:22px; height:22px; }
.session-phases-page[data-phase="5"] .analysis-listen-toggle > svg:last-child { box-sizing:content-box; padding-left:12px; border-left:1px solid #dce2ec; }
.session-phases-page[data-phase="5"] .analysis-progress-check { fill:#09a555; stroke:white; background:#e3f7e9; }
.session-phases-page[data-phase="5"] .phase-navigation-list [role="tab"] { background:linear-gradient(#fbfcfe,#f6f8fa); font-weight:500; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { border:1px solid #ecedf1; border-radius:12px; padding:3px; box-shadow:0 1px 5px #092b4c10; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [aria-selected="true"] { box-shadow:none; --nexus-node-fill:#092b4c; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [data-testid="tab-data-quality"] > svg { color:#ba8223; fill:#ba8223; stroke:white; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [data-testid="tab-why-patterns"] > svg,
.session-phases-page[data-phase="5"] .phase5-report-navigation [data-testid="tab-helpful-resources"] > svg:first-child { color:#6c36da; }
.session-phases-page[data-phase="5"] .phase5-report-navigation [data-testid="tab-client-summary"] > svg { color:#155494; }
.session-phases-page[data-phase="5"] .analysis-audio-tip { display:flex; align-items:center; gap:14px; }
.session-phases-page[data-phase="5"] .analysis-audio-tip > svg { width:24px; height:24px; flex-shrink:0; color:#ca8b20; }
.session-phases-page[data-phase="5"] .phase5-tts-panel .phase5-tts-body > .analysis-audio-tip { padding:14px 20px; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-button:first-child:after { content:' ↓'; font-size:18px; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-button:last-child:after { content:' ↑'; font-size:18px; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar-separator { color:#536982; }
.session-phases-page[data-phase="5"] .phase5-font-control { font-weight:400; }
.session-phases-page[data-phase="5"] .phase5-size-control select { width:93px; }
.session-phases-page[data-phase="5"] .phase5-font-control:not(.phase5-size-control) select { width:132px; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-section-badge { background:linear-gradient(color-mix(in srgb,var(--p5-accent) 70%,white),var(--p5-accent)); border:1px solid #ffffffb3; box-shadow:0 1px 3px #092b4c12; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-tone-1 { --p5-accent:#6324c9; --p5-soft:#e8dcff; --p5-border:#b391ff; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-tone-2 { --p5-accent:#087fe0; --p5-soft:#dceeff; --p5-border:#8bc7ff; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-tone-3 { --p5-accent:#0cac54; --p5-soft:#d9f4e2; --p5-border:#88dca7; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-tone-4 { --p5-accent:#c88c23; --p5-soft:#fff2d2; --p5-border:#ffce72; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-tone-2 .phase5-section-title { color:#084d96; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-tone-3 .phase5-section-title { color:#083d48; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-tone-4 .phase5-section-title { color:#915600; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-section-heading { gap:22px; }
.session-phases-page[data-phase="5"] .nexus-heading-detail { gap:20px; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-report-section > summary { padding-block:6px; }
}
@media screen and (min-width:1401px) {
.session-phases-page[data-phase="5"] .analysis-overview { grid-template-columns:minmax(0,1fr) 280px; }
.session-phases-page[data-phase="5"] .analysis-overview-main { padding-right:0; }
.session-phases-page[data-phase="5"] .analysis-steps { flex:0 0 640px; margin-right:-10px; }
.session-phases-page[data-phase="5"] .phase-navigation-list { grid-auto-columns:initial; grid-template-columns:1fr 1.07fr 1.03fr 1.08fr 1fr !important; }
.session-phases-page[data-phase="5"] .analysis-header-links > button[aria-label="Notifications"] { padding:0 30px; border-inline:1px solid #ffffff30; }
.session-phases-page[data-phase="5"] .analysis-account { border-left:0; padding-left:0; }
.session-phases-page[data-phase="5"] .analysis-header-links { gap:24px; }
.session-phases-page[data-phase="5"] .analysis-header-links > button[aria-label="Notifications"] > svg { width:25px; height:25px; }
}
@media screen and (min-width:700px) {
.session-phases-page[data-phase="5"] .analysis-completion-heading { gap:14px; }
.session-phases-page[data-phase="5"] .phase5-tts-body select { width:212px; max-width:212px; }
.session-phases-page[data-phase="5"] .phase5-tts-body label { font-size:13px; }
.session-phases-page[data-phase="5"] .phase5-tts-panel .phase5-tts-body > .analysis-audio-tip { top:19px; right:14px; width:536px; max-width:36%; min-height:61px; padding-right:28px; line-height:18px; }
.session-phases-page[data-phase="5"] .phase5-tts-summary .phase5-tts-chevron { position:absolute; right:22px; top:38px; z-index:1; transform:rotate(-90deg); }
.session-phases-page[data-phase="5"] .phase5-report-navigation { margin-top:10px; }
.session-phases-page[data-phase="5"] .phase5-report.p-4 { padding-top:14px; }
.session-phases-page[data-phase="5"] .phase5-report-titlebar { min-height:91px; padding-top:4px; padding-bottom:12px; }
.session-phases-page[data-phase="5"] .phase5-report-section { margin-bottom:5px; }
}
@media screen and (min-width:700px) and (max-width:1000px) {
.session-phases-page[data-phase="5"] .phase5-tts-panel .phase5-tts-body > .analysis-audio-tip { position:static; width:auto; max-width:none; }
}
@media screen and (max-width:699px) {
.session-phases-page[data-phase="5"] .phase5-report-titlecopy { gap:12px; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-section-heading { gap:10px; }
.session-phases-page[data-phase="5"] .nexus-heading-detail { gap:8px; }
.session-phases-page[data-phase="5"] .phase5-font-control:not(.phase5-size-control) select { width:115px; }
}

/* Reference alignment, 1672 × 941. UI type stays separate from report body preferences. */
@media screen {
.session-phases-page[data-phase="5"] .phase5-section-title { font-family:var(--analysis-ui-font); }
.session-phases-page[data-phase="5"] .phase5-report-navigation [role="tab"][aria-selected="true"] { box-shadow:none; }
.session-phases-page[data-phase="5"] .phase5-report-subtitle { line-height:21px; }
.session-phases-page[data-phase="5"] .phase5-report-titlebar { line-height:normal; }
.session-phases-page[data-phase="5"] .analysis-heading p,
.session-phases-page[data-phase="5"] .analysis-completion-heading p { font-size:16px; }
.session-phases-page[data-phase="5"] .phase5-report-subtitle { font-size:17px; }
.session-phases-page[data-phase="5"] .nexus-heading-detail small { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-report-generated-by,
.session-phases-page[data-phase="5"] .phase5-report-generated { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-report-actions { gap:11px; }
.session-phases-page[data-phase="5"] .phase5-report-actions button,
.session-phases-page[data-phase="5"] .phase5-font-control,
.session-phases-page[data-phase="5"] .analysis-review-status,
.session-phases-page[data-phase="5"] .analysis-listen-toggle { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-report-toolbar { font-size:16px; }
.session-phases-page[data-phase="5"] .phase5-completion-title { font-size:21px !important; }
.session-phases-page[data-phase="5"] .phase5-tts-summary { font-size:16px; }
.session-phases-page[data-phase="5"] .analysis-progress-card span,
.session-phases-page[data-phase="5"] .analysis-progress-card small { font-size:14px; }
.session-phases-page[data-phase="5"] .analysis-steps small { font-size:12px; }
.session-phases-page[data-phase="5"] .analysis-steps li:before { top:15px; }
}
@media screen and (min-width:1401px) {
.session-phases-page[data-phase="5"] .analysis-review-status { right:0; }
.session-phases-page[data-phase="5"] .analysis-listen-toggle { min-width:212px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { grid-template-columns:132fr 132fr 139fr 96fr 132fr 132fr 165fr 161fr 208fr 201fr; }
}
@media screen and (min-width:700px) {
.session-phases-page[data-phase="5"] .phase-navigation-list [role="tab"] { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation > [role="tab"],
.session-phases-page[data-phase="5"] .phase5-report-navigation > .relative > [role="tab"] { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { padding:0 0 7px; }
.session-phases-page[data-phase="5"] .phase5-report-titlebar { padding-top:0; min-height:91px; }
.session-phases-page[data-phase="5"] .phase5-tts-body select { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-tts-body > p { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-report-section > summary { min-height:49px; }
}
@media screen and (max-width:699px) {
.session-phases-page[data-phase="5"] .phase5-completion-title { font-size:19px !important; }
.session-phases-page[data-phase="5"] .analysis-heading p,
.session-phases-page[data-phase="5"] .analysis-completion-heading p { font-size:14px; }
.session-phases-page[data-phase="5"] .nexus-heading-detail small { font-size:12px; }
.session-phases-page[data-phase="5"] .phase5-report-actions button { font-size:12px; }
}
@media screen {
.session-phases-page[data-phase="5"] .analysis-overview-main,
.session-phases-page[data-phase="5"] .analysis-progress-card { min-width:0; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-section-title { letter-spacing:.065em; font-size:16px; }
.session-phases-page[data-phase="5"] .phase5-completion-title { line-height:26px !important; }
.session-phases-page[data-phase="5"] .analysis-completion-heading p { line-height:22px; }
}
@media screen and (min-width:700px) {
.session-phases-page[data-phase="5"] .phase5-tts-panel { padding-bottom:13px; }
.session-phases-page[data-phase="5"] .phase5-report-navigation { margin-top:6px; }
.session-phases-page[data-phase="5"] .phase5-report-titlebar { min-height:91px; padding-bottom:8px; }
.session-phases-page[data-phase="5"] .analysis-steps { transform:translateY(-2px); }
.session-phases-page[data-phase="5"] .phase5-tts-body label { font-size:14px; }
.session-phases-page[data-phase="5"] .phase5-tts-body select { width:213px; max-width:213px; }
.session-phases-page[data-phase="5"] .analysis-header-links button { font-size:15px; }
.session-phases-page[data-phase="5"] .analysis-account strong { font-size:16px; }
.session-phases-page[data-phase="5"] .analysis-account small { font-size:14px; }
.session-phases-page[data-phase="5"] .analysis-brand > span { font-size:15px; }
}
@media screen and (max-width:699px) {
.session-phases-page[data-phase="5"] > .analysis-header > .analysis-header-links { display:grid; grid-template-columns:repeat(4,1fr) 20px; gap:4px; }
.session-phases-page[data-phase="5"] .analysis-header-links button { font-size:12px; }
.session-phases-page[data-phase="5"] .analysis-steps { width:100%; }
.session-phases-page[data-phase="5"] .analysis-progress-card { padding-inline:12px; }
.session-phases-page[data-phase="5"] .nexus-report-renderer .phase5-section-title { font-size:14px; letter-spacing:.035em; }
}
@media screen and (min-width:700px) {
.session-phases-page[data-phase="5"] [data-testid="sqis-extension-tabs"] { margin-top:16px; }
.session-phases-page[data-phase="5"] [data-testid="sqis-extension-tabs"] > .phase5-report-navigation { margin-top:0; }
}