.research-angles-variation .rav-research-evidence { margin-top:16px; }
.research-angles-variation .rav-evidence-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:10px; align-items:stretch; }
.research-angles-variation .rav-evidence-grid figure { min-width:0; margin:0; background:#fff; border:1px solid #e3e9f1; border-radius:var(--ortium-radius-panel); overflow:hidden; }
.research-angles-variation .rav-chart-card { padding:12px; }
.research-angles-variation .rav-research-chart + .rav-research-chart { border-top:1px solid #edf0f5; margin-top:14px; padding-top:12px; }
.research-angles-variation .rav-research-chart h5 { margin:0; font-size:11px; line-height:1.4; font-weight:500; color:#43536a; }
.research-angles-variation .rav-research-evidence .rav-chart-unit { margin:4px 0 12px; font-size:9px; color:#8793a5; line-height:1.5; }
.research-angles-variation .rav-chart-row + .rav-chart-row { margin-top:12px; }
.research-angles-variation .rav-chart-row > div:first-child { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; justify-content:space-between; font-size:10px; color:#69798f; margin-bottom:5px; }
.research-angles-variation .rav-chart-row b { font-size:11px; color:#456bb5; font-weight:500; white-space:nowrap; }
.research-angles-variation .rav-chart-track { position:relative; height:7px; background:#f0f3f8; border-radius:2px; overflow:hidden; }
.research-angles-variation .rav-chart-track i { display:block; height:100%; background:#537edb; }
.research-angles-variation .rav-range-track i { position:absolute; top:0; left:0; }
.research-angles-variation .rav-chart-scale { display:flex; justify-content:space-between; font-size:8px; color:#9ca7b6; margin-top:5px; }
.research-angles-variation .rav-research-evidence .rav-chart-note { margin-top:9px; color:#8a96a7; font-size:9px; line-height:1.5; }
.research-angles-variation .rav-segment-chart { height:10px; display:flex; overflow:hidden; border-radius:2px; margin:10px 0; }
.research-angles-variation .rav-segment-chart i { display:block; height:100%; }
.research-angles-variation .rav-chart-legend { display:grid; gap:5px; }
.research-angles-variation .rav-chart-legend > div { display:flex; align-items:center; gap:5px; color:#6f7e92; font-size:9px; }
.research-angles-variation .rav-chart-legend i { width:5px; height:5px; flex-shrink:0; border-radius:1px; }
.research-angles-variation .rav-chart-legend b { margin-left:auto; font-size:10px; color:#536b90; font-weight:500; white-space:nowrap; }
.research-angles-variation .rav-chart-legend small { font-weight:400; font-size:8px; color:#9ba6b5; }
.research-angles-variation .rav-chart-card > figcaption { margin-top:12px; color:#98a3b2; font-size:8px; }
.research-angles-variation .rav-research-evidence .rav-evidence-takeaway { margin-top:14px; border-top:1px solid #edf0f5; padding-top:10px; font-size:10px; line-height:1.6; color:#6a7a91; }
.research-angles-variation .rav-research-evidence .rav-evidence-takeaway strong { color:#456bb5; font-weight:500; }
.research-angles-variation .rav-ad-platform { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; padding:8px 10px; font-size:9px; color:#60748e; border-bottom:1px solid #edf0f5; }
.research-angles-variation .rav-ad-platform > span:last-child { color:#9aa5b4; font-size:8px; }
.research-angles-variation .rav-ad-image-link { position:relative; display:block; background:#f8f9fb; }
.research-angles-variation .rav-ad-image-link img { display:block; width:100%; height:auto; }
.research-angles-variation .rav-source-ad[data-platform=linkedin] .rav-ad-image-link { aspect-ratio:1.15; }
.research-angles-variation .rav-source-ad[data-platform=google] .rav-ad-image-link { aspect-ratio:1.55; }
.research-angles-variation .rav-source-ad[data-platform] .rav-ad-image-link img { position:absolute; inset:0; height:100%; object-fit:contain; }
.research-angles-variation .rav-source-ad[data-platform=google] .rav-ad-image-link img { object-fit:cover; }
.research-angles-variation .rav-video-play { position:absolute; bottom:10px; left:10px; display:grid; place-items:center; width:27px; height:27px; border:1px solid #ffffff80; border-radius:50%; background:#ffffff20; color:#fff; }
.research-angles-variation .rav-video-play svg { width:13px; height:13px; fill:currentColor; }
.research-angles-variation .rav-source-ad figcaption { padding:10px; }
.research-angles-variation .rav-source-ad figcaption > strong { display:block; font-weight:500; font-size:10px; color:#53647c; }
.research-angles-variation .rav-source-ad figcaption > span { display:block; font-size:9px; color:#8895a6; line-height:1.6; margin-top:5px; }
.research-angles-variation .rav-source-ad figcaption a { display:inline-flex; align-items:center; gap:4px; margin-top:9px; font-size:9px; color:#537bc4; text-decoration:none; }
.research-angles-variation .rav-source-ad figcaption a:hover { text-decoration:underline; }
.research-angles-variation .rav-source-ad figcaption a svg { width:11px; height:11px; }
.research-angles-variation .rav-source-ad a:focus-visible { outline:2px solid #2563eb; outline-offset:-2px; }
.research-angles-variation .rav-research-evidence .rav-evidence-provenance { margin-top:8px; color:#99a4b3; font-size:8px; line-height:1.5; }
.research-angles-variation .rav-review-dialog .rav-research-evidence { margin-bottom:24px; }
@container agency-workflows (max-width:1100px) {
 .research-angles-variation .rav-source-ad { display:flex; flex-direction:column; }
 .research-angles-variation .rav-source-ad .rav-ad-image-link { margin-block:auto; }
 .research-angles-variation .rav-source-ad > :is(.rav-ad-platform,figcaption) { flex-shrink:0; }
}
@container agency-workflows (max-width:600px) {
 .research-angles-variation .rav-evidence-grid { grid-template-columns:1fr; gap:12px; }
 .research-angles-variation .rav-source-ad { width:100%; max-width:320px; justify-self:center; }
 .research-angles-variation .rav-research-chart h5 { font-size:12px; }
 .research-angles-variation .rav-chart-row > div:first-child,.research-angles-variation .rav-chart-legend > div { font-size:11px; }
 .research-angles-variation .rav-research-evidence .rav-chart-unit,.research-angles-variation .rav-research-evidence .rav-chart-note,.research-angles-variation .rav-source-ad figcaption > span { font-size:10px; }
}

/* Keep in sync with marketing-demo/src/visual-tokens.css.
   Each Webflow library bundles its own copy; no runtime cross-library dependency. */
:host, :host {
  --ortium-radius-frame: 8px;
  --ortium-radius-panel: 6px;
  --ortium-radius-control: 4px;
}

.research-angles-variation,.research-angles-variation * { box-sizing:border-box; }
.research-angles-variation { container:agency-workflows / inline-size; width:100%; min-width:0; font-family:"Outfit Variable","Outfit",sans-serif; color:#374151; line-height:1.5; -webkit-font-smoothing:antialiased; text-align:left; }
.research-angles-variation :is(h2,h3,h4,p,ol,blockquote) { margin:0; }
.research-angles-variation :is(button,textarea) { font:inherit; }
.research-angles-variation button { cursor:pointer; }
.research-angles-variation button:focus-visible { outline:2px solid #2563eb; outline-offset:4px; }
.research-angles-variation svg { width:18px; height:18px; flex-shrink:0; stroke-width:1.5; }
.research-angles-variation .rav-workflows { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0 0 -1px; }
.research-angles-variation .rav-workflows button { position:relative; display:flex; gap:11px; align-items:center; justify-content:center; padding:16px 14px; min-height:78px; background:#fff; border:1px solid #e1e6ed; border-radius:0; text-align:left; color:#647084; }
.research-angles-variation .rav-workflows button + button { border-left:0; }
.research-angles-variation .rav-workflows button:first-child { border-top-left-radius:var(--ortium-radius-panel); }
.research-angles-variation .rav-workflows button:last-child { border-top-right-radius:var(--ortium-radius-panel); }
.research-angles-variation .rav-workflows button > svg { width:21px; height:21px; color:#8b97a8; }
.research-angles-variation .rav-workflows strong { display:block; color:#374151; font-size:13px; font-weight:500; }
.research-angles-variation .rav-workflows small { display:block; font-size:10px; margin-top:3px; color:#8190a3; }
.research-angles-variation .rav-workflows button[aria-selected=true] { border-color:#e1e6ed; background:#f7f9fb; }
.research-angles-variation .rav-workflows button[aria-selected=true] :is(strong,svg) { color:#2563eb; }
.research-angles-variation .rav-workspace { --rav-gap:32px; padding:28px; border:1px solid #e5e7eb; border-radius:0 0 12px 12px; background:#f9fafb; }
.research-angles-variation .rav-workspace-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:28px; font-size:14px; font-weight:500; color:#374151; }
.research-angles-variation .rav-workspace-heading > span:first-child { display:flex; align-items:center; gap:8px; }
.research-angles-variation .rav-workspace-heading img { width:20px; height:20px; }
.research-angles-variation .rav-workspace-heading .rav-example { font-size:11px; font-weight:400; color:#6b7280; }
.research-angles-variation .rav-panels { display:grid; }
.research-angles-variation .rav-flow { grid-area:1 / 1; min-width:0; display:grid; }
.research-angles-variation .rav-flow[data-active=false] { visibility:hidden; pointer-events:none; }
.research-angles-variation .rav-flow[data-active=false] .rav-scroll-cue { visibility:hidden !important; }
.research-angles-variation .rav-steps { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.2fr); grid-template-rows:auto auto auto 1fr; column-gap:var(--rav-gap); list-style:none; padding:0; }
.research-angles-variation .rav-step { position:relative; min-width:0; display:grid; grid-template-rows:subgrid; grid-row:1 / 5; }
.research-angles-variation .rav-step-label { display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:11px; color:#6b7280; }
.research-angles-variation .rav-step-label > span { display:grid; place-items:center; width:23px; height:23px; border:1px solid #dbe3ee; border-radius:6px; background:#fff; color:#2563eb; font-size:10px; font-variant-numeric:tabular-nums; }
.research-angles-variation .rav-step > h3 { margin:0 0 10px; color:#111827; font-size:19px; line-height:1.3; font-weight:500; letter-spacing:-.35px; }
.research-angles-variation .rav-step-description { margin-bottom:22px; font-size:12px; line-height:1.6; color:#6b7280; }
.research-angles-variation .rav-node { position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid #e5e7eb; border-radius:12px; background:#fff; box-shadow:0 1px 2px #0000000a; }
.research-angles-variation .rav-node-header { display:flex; align-items:center; gap:7px; padding:14px 16px; border-bottom:1px solid #e5e7eb; font-size:12px; }
.research-angles-variation .rav-node-header :is(img,svg) { width:17px; height:17px; object-fit:contain; }
.research-angles-variation .rav-node-header strong { font-weight:500; color:#374151; }
.research-angles-variation .rav-node-header > span { margin-left:auto; font-size:10px; color:#6b7280; text-align:right; }
.research-angles-variation .rav-node-header > .rav-trigger-status { display:inline-flex; align-items:center; flex-basis:auto; gap:4px; margin-left:auto; padding:3px 10px; border-radius:999px; color:#047857; background:#ecfdf5; white-space:nowrap; }
.research-angles-variation .rav-node-body { display:flex; flex-direction:column; flex:1; padding:16px; }
.research-angles-variation .rav-company { display:flex; gap:10px; align-items:flex-start; margin-bottom:22px; }
.research-angles-variation .rav-company > div { display:flex; flex-direction:column; justify-content:space-between; height:34px; }
.research-angles-variation .rav-company h4 { font-size:18px; line-height:1; font-weight:500; color:#111827; }
.research-angles-variation .rav-company > div > span { font-size:11px; line-height:1; color:#6b7280; }
.research-angles-variation .rav-account-avatar { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:8px; font-size:18px; color:#374151; }
.research-angles-variation .rav-properties { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; }
.research-angles-variation .rav-properties dt { font-size:10px; color:#6b7280; margin-bottom:5px; }
.research-angles-variation .rav-properties dd { margin:0; font-size:12px; color:#374151; }
.research-angles-variation .rav-stage-chip { display:inline-block; border:1px solid #dbeafe; border-radius:5px; padding:3px 7px; color:#2563eb; background:#eff6ff; font-size:11px; }
.research-angles-variation .rav-event { display:flex; gap:9px; padding-top:20px; margin-top:22px; border-top:1px solid #e5e7eb; font-size:11px; }
.research-angles-variation .rav-meeting { margin-top:22px; }
.research-angles-variation .rav-event-dot { width:6px; height:6px; flex-shrink:0; border-radius:50%; background:#3b82f6; margin-top:5px; }
.research-angles-variation .rav-event strong { font-weight:500; }
.research-angles-variation .rav-event p { color:#6b7280; font-size:11px; margin-top:5px; }
.research-angles-variation .rav-context-note { font-size:11px; color:#6b7280; line-height:1.6; margin-top:auto; padding-top:22px; }
.research-angles-variation .rav-node-footer { display:flex; align-items:center; gap:6px; padding:12px 16px; border-top:1px solid #e5e7eb; color:#4b5563; font-size:10px; }
.research-angles-variation .rav-node-footer svg { width:14px; height:14px; color:#16a34a; }
.research-angles-variation .rav-profile-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-bottom:18px; }
.research-angles-variation .rav-company-column { display:flex; flex-direction:column; gap:12px; min-width:0; }
.research-angles-variation .rav-company-column h4 { color:#6b7280; font-size:10px; line-height:1.4; font-weight:400; }
.research-angles-variation .rav-company-entry { display:flex; align-items:center; gap:8px; }
.research-angles-variation .rav-profile-pair img { width:16px; height:16px; object-fit:contain; flex-shrink:0; }
.research-angles-variation .rav-profile-pair strong { color:#374151; font-size:12px; line-height:1.3; font-weight:500; }
.research-angles-variation .rav-research-list { list-style:none; padding:0; margin:12px 0 0; }
.research-angles-variation .rav-research-list li { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 0; color:#4b5563; font-size:11px; border-bottom:1px solid #f3f4f6; }
.research-angles-variation .rav-research-list svg { width:13px; height:13px; color:#16a34a; }
.research-angles-variation .rav-profile-summary { margin-bottom:18px; }
.research-angles-variation .rav-profile-summary h4 { font-size:11px; font-weight:500; color:#374151; }
.research-angles-variation .rav-profile-summary p { margin-top:5px; font-size:11px; color:#6b7280; line-height:1.6; }
.research-angles-variation .rav-connector { position:absolute; z-index:1; width:var(--rav-gap); height:1px; background:#cbd5e1; left:100%; top:58%; pointer-events:none; }
.research-angles-variation .rav-connector::before { content:""; position:absolute; left:0; top:50%; transform:translate(-50%,-50%); width:8px; height:8px; border:2px solid white; border-radius:50%; background:#3b82f6; }
@container agency-workflows (max-width:1100px) {
 .research-angles-variation .rav-workspace { --rav-gap:22px; padding:22px; }
 .research-angles-variation .rav-step > h3 { font-size:17px; }
 .research-angles-variation .rav-node-header { padding:12px; flex-wrap:wrap; }
 .research-angles-variation .rav-node-header > span { flex-basis:100%; text-align:left; margin-left:24px; }
 .research-angles-variation .rav-node-body { padding:12px; }
 .research-angles-variation .rav-workflows button { padding:12px 10px; gap:8px; }
}
@container agency-workflows (max-width:850px) {
 .research-angles-variation .rav-steps { grid-template-columns:1fr; grid-template-rows:none; row-gap:36px; }
 .research-angles-variation .rav-step { grid-row:auto; grid-template-rows:auto auto auto 1fr; }
 .research-angles-variation .rav-node-header { flex-wrap:nowrap; padding:14px 18px; }
 .research-angles-variation .rav-node-header > span { flex-basis:auto; margin-left:auto; text-align:right; }
 .research-angles-variation .rav-node-body { padding:18px; }
 .research-angles-variation .rav-connector { left:50%; top:100%; width:1px; height:36px; }
 .research-angles-variation .rav-connector::before { top:0; left:50%; }
 .research-angles-variation .rav-step-description { margin-bottom:16px; }
 .research-angles-variation .rav-workspace-heading { margin-bottom:24px; }
}
@container agency-workflows (max-width:600px) {
 .research-angles-variation .rav-workspace { padding:18px; }
 .research-angles-variation .rav-workflows { display:flex; overflow-x:auto; scrollbar-width:none; }
 .research-angles-variation .rav-workflows::-webkit-scrollbar { display:none; }
 .research-angles-variation .rav-workflows button { flex:0 0 180px; min-height:72px; }
 .research-angles-variation .rav-workflows strong { font-size:12px; }
 .research-angles-variation .rav-workspace-heading { flex-wrap:wrap; gap:6px; }
 .research-angles-variation .rav-workspace-heading .rav-example { font-size:10px; }
 .research-angles-variation .rav-step > h3 { font-size:19px; }
}

/* Keep the original detailed output card. */
.research-angles-variation .rav-delivery-card { border:1px solid #cedaeb; border-radius:12px; background:#fff; box-shadow:0 7px 24px #334b7406; overflow:hidden; min-height:610px; }
.research-angles-variation .rav-delivery-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 20px; background:#fafbfc; border-bottom:1px solid #e8edf3; font-size:11px; }
.research-angles-variation .rav-delivery-header > span:last-child { display:flex; align-items:center; gap:6px; font-size:10px; color:#8b96a5; }
.research-angles-variation .rav-delivery-header :is(svg,img) { width:15px; height:15px; object-fit:contain; }
.research-angles-variation .rav-record-path { display:flex; align-items:center; gap:7px; color:#8290a2; }
.research-angles-variation .rav-record-path strong { font-weight:500; color:#374151; }
.research-angles-variation .rav-record-path svg { width:11px; height:11px; }
.research-angles-variation :is(.rav-crm-activity,.rav-file-activity) { display:flex; align-items:center; gap:7px; font-size:11px; color:#8290a2; }
.research-angles-variation :is(.rav-crm-activity,.rav-file-activity) strong { color:#53647c; font-weight:500; }
.research-angles-variation .rav-note-icon { width:25px; height:25px; display:grid; place-items:center; background:#f0f3f7; border-radius:var(--ortium-radius-control); color:#60748e; }
.research-angles-variation .rav-note-icon svg { width:15px; height:15px; }
.research-angles-variation :is(.rav-crm-activity,.rav-file-activity) time { margin-left:auto; font-size:9px; color:#9aa4b1; }
.research-angles-variation .rav-delivery-body { padding:20px; }
.research-angles-variation .rav-bot { display:flex; align-items:center; gap:7px; }
.research-angles-variation .rav-bot img { width:25px; height:25px; border-radius:var(--ortium-radius-control); }
.research-angles-variation .rav-bot strong { font-size:12px; font-weight:500; }
.research-angles-variation .rav-ortium-brand { display:inline-flex; align-items:center; flex-shrink:0; gap:8px; color:#111827; font-size:16px; font-weight:500; line-height:24px; }
.research-angles-variation .rav-ortium-brand img { display:block; width:24px; height:24px; object-fit:contain; border-radius:0; }
.research-angles-variation .rav-app-label { font-size:8px; padding:1px 3px; background:#f0f2f5; color:#8994a3; border-radius:2px; }
.research-angles-variation .rav-bot time { color:#9aa4b1; font-size:9px; margin-left:auto; }
.research-angles-variation .rav-delivery-body h2 { font-size:24px; font-weight:500; letter-spacing:-.6px; line-height:1.2; margin-top:18px; text-wrap:balance; color:#263246; }
.research-angles-variation .rav-summary { margin-top:12px; font-size:12px; line-height:1.65; color:#7b8798; }
.research-angles-variation .rav-work-product { margin-top:20px; padding:15px; background:#f9fafc; border:1px solid #e7ecf2; border-radius:var(--ortium-radius-panel); }
.research-angles-variation .rav-document-label { display:flex; align-items:center; gap:6px; font-size:10px; color:#7a8ba1; margin-bottom:14px; }
.research-angles-variation .rav-document-label svg { width:14px; height:14px; }
.research-angles-variation .rav-document-label span:last-child { margin-left:auto; font-size:9px; padding:1px 5px; border:1px solid #e0e6ef; border-radius:var(--ortium-radius-control); }
.research-angles-variation .rav-work-product h4 { font-size:12px; }
.research-angles-variation .rav-work-product ol { list-style:none; padding:0; margin-top:12px; }
.research-angles-variation .rav-work-product li { display:flex; align-items:flex-start; gap:10px; }
.research-angles-variation .rav-work-product li + li { margin-top:13px; }
.research-angles-variation .rav-point-number { font-size:11px; line-height:1.5; color:#9ba8b9; font-variant-numeric:tabular-nums; }
.research-angles-variation .rav-work-product strong { font-size:11px; font-weight:500; color:#536278; }
.research-angles-variation .rav-work-product li strong { display:block; line-height:1.5; }
.research-angles-variation .rav-work-product p { font-size:11px; color:#8590a1; line-height:1.55; margin-top:2px; }

.research-angles-variation .rav-steps { grid-template-columns:minmax(0,1fr) minmax(0,1.85fr); grid-template-rows:min-content 1fr; row-gap:36px; }
.research-angles-variation .rav-step { display:flex; flex-direction:column; justify-content:flex-start; grid-column:1; grid-row:auto; }
.research-angles-variation .rav-step:nth-child(2) { align-self:start; }
.research-angles-variation .rav-step:last-child { grid-column:2; grid-row:1 / 3; align-self:start; }
.research-angles-variation .rav-step:first-child > .rav-connector { left:50%; top:100%; width:1px; height:36px; }
.research-angles-variation .rav-step:first-child > .rav-connector::before { top:0; left:50%; }
.research-angles-variation .rav-step > :is(.rav-node,.rav-delivery-card) { flex:1; }
.research-angles-variation .rav-step > .rav-delivery-card { flex:none; min-height:0; }
.research-angles-variation .rav-company-logo { width:34px; height:34px; object-fit:contain; }
@container agency-workflows (max-width:1100px) {
 .research-angles-variation .rav-delivery-body { padding:16px; }
 .research-angles-variation .rav-delivery-body h2 { font-size:21px; }
}
@container agency-workflows (max-width:850px) {
 .research-angles-variation .rav-steps { grid-template-columns:1fr; }
 .research-angles-variation .rav-step, .research-angles-variation .rav-step:last-child { grid-column:1; grid-row:auto; }
}

.research-angles-variation .rav-work-product .rav-brief-observation { margin-top:8px; color:#647084; }
.research-angles-variation .rav-brief-scroll { max-height:620px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#d1d5db transparent; }
.research-angles-variation .rav-scroll-footer { display:flex; justify-content:center; padding:10px 16px; border-top:1px solid #edf0f5; }
.research-angles-variation .rav-scroll-cue { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border:0; border-radius:8px; background:transparent; color:#6b7280; font-size:11px; }
.research-angles-variation .rav-scroll-cue:hover { color:#2563eb; background:#eff6ff; }
.research-angles-variation .rav-scroll-cue svg { width:14px; height:14px; }
@container agency-workflows (min-width:851px) {
 .research-angles-variation .rav-steps { grid-template-rows:min-content 1fr; }
 .research-angles-variation .rav-step:nth-child(2) { align-self:stretch; }
 .research-angles-variation .rav-step:last-child:has(.rav-brief-scroll) { align-self:stretch; }
 .research-angles-variation .rav-delivery-card:has(.rav-brief-scroll) { position:absolute; inset:0; display:flex; flex-direction:column; }
 .research-angles-variation .rav-brief-scroll { flex:1; min-height:0; max-height:none; }
 .research-angles-variation .rav-delivery-card:has(.rav-brief-scroll) > :is(.rav-delivery-header,.rav-scroll-footer) { flex-shrink:0; }
}

.research-angles-variation .rav-record-heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; }
.research-angles-variation .rav-record-heading .rav-crm-activity { white-space:nowrap; }
.research-angles-variation .rav-note-time { text-align:right; font-size:9px; color:#9aa4b1; }
.research-angles-variation .rav-delivery-body.rav-brief-scroll { padding-top:10px; }
.research-angles-variation .rav-note-time + h2 { margin-top:4px; }

.research-angles-variation .rav-record-heading { column-gap:7px; }
.research-angles-variation .rav-crm-activity .rav-note-chevron { width:11px; height:11px; color:#8290a2; }

.research-angles-variation .rav-brief-scroll:focus-visible { outline:2px solid #2563eb; outline-offset:-2px; }

.research-angles-variation .rav-event-plain { border-top:0; padding-top:0; }

.research-angles-variation .rav-monitoring-meta { color:#6b7280; font-size:10px; margin-bottom:8px; }
.research-angles-variation .rav-monitoring-body > h4 { color:#111827; font-size:16px; font-weight:500; line-height:1.35; }
.research-angles-variation .rav-monitoring-summary { margin-top:6px; font-size:11px; color:#6b7280; }
.research-angles-variation .rav-reach-comparison { min-width:0; }
.research-angles-variation .rav-monitoring-body .rav-reach-comparison { margin-top:18px; }
.research-angles-variation .rav-reach-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px; margin-bottom:12px; }
.research-angles-variation .rav-reach-heading strong { font-size:10px; font-weight:500; color:#4b5563; }
.research-angles-variation .rav-reach-heading > span { font-size:9px; color:#6b7280; }
.research-angles-variation .rav-reach-row + .rav-reach-row { margin-top:10px; }
.research-angles-variation .rav-reach-row > div:first-child { display:flex; align-items:center; gap:7px; font-size:11px; color:#4b5563; margin-bottom:5px; }
.research-angles-variation .rav-reach-row img { width:14px; height:14px; object-fit:contain; }
.research-angles-variation .rav-reach-row strong { margin-left:auto; font-size:11px; font-weight:500; color:#374151; }
.research-angles-variation .rav-reach-track { height:5px; border-radius:3px; background:#f3f4f6; overflow:hidden; }
.research-angles-variation .rav-reach-track i { display:block; height:100%; min-width:3px; border-radius:3px; background:#537edb; }
.research-angles-variation .rav-reach-row[data-own=true] .rav-reach-track i { background:#9ca3af; }
.research-angles-variation .rav-reach-comparison .rav-reach-note { margin-top:9px; font-size:9px; line-height:1.4; color:#9ca3af; }
.research-angles-variation .rav-signal-takeaway { margin-top:14px; padding:10px 12px; border-radius:8px; background:#f3f6fc; }
.research-angles-variation .rav-signal-takeaway strong { display:block; color:#374151; font-size:12px; font-weight:500; }
.research-angles-variation .rav-signal-takeaway span { display:block; margin-top:3px; color:#6b7280; font-size:10px; }
.research-angles-variation .rav-history-body .rav-company { margin-bottom:16px; }
.research-angles-variation .rav-closed-stage { display:inline-block; padding:3px 7px; border-radius:5px; background:#f3f4f6; color:#6b7280; font-size:11px; }
.research-angles-variation .rav-history { margin-top:18px; }
.research-angles-variation :is(.rav-history,.rav-stalled) h4 { color:#374151; font-weight:500; font-size:11px; }
.research-angles-variation .rav-history-row { display:flex; gap:12px; margin-top:10px; }
.research-angles-variation .rav-history-row time { flex:0 0 38px; color:#9ca3af; font-size:10px; padding-top:1px; }
.research-angles-variation .rav-history-row strong { color:#4b5563; font-size:11px; font-weight:500; display:block; }
.research-angles-variation .rav-history-row p { color:#6b7280; font-size:10px; margin-top:2px; }
.research-angles-variation .rav-stalled { margin-top:16px; }
.research-angles-variation .rav-stalled p { color:#6b7280; font-size:11px; margin-top:5px; }

/* Put the spare height between the discovery cards, rather than inside the profile. */
.research-angles-variation .rav-flow[data-workflow=discovery] .rav-trigger-card .rav-company { margin-bottom:30px; }
.research-angles-variation .rav-flow[data-workflow=discovery] .rav-steps { row-gap:48px; }
.research-angles-variation .rav-flow[data-workflow=discovery] .rav-step:first-child > .rav-connector { height:48px; }
@container agency-workflows (min-width:851px) {
 .research-angles-variation .rav-flow[data-workflow=discovery] .rav-step:nth-child(2) { justify-content:flex-end; }
 .research-angles-variation .rav-flow[data-workflow=discovery] .rav-step:nth-child(2) > .rav-node { flex:none; z-index:1; }
}

.research-angles-variation .rav-pitch-section-heading { margin-top:20px; }
.research-angles-variation .rav-pitch-plan { margin-top:18px; }
.research-angles-variation .rav-pitch-plan .rav-pitch-connection { color:#536278; border-top:1px solid #e7ecf2; padding-top:14px; }
.research-angles-variation .rav-pitch-plan h4 { margin-top:20px; margin-bottom:6px; }
.research-angles-variation .rav-pitch-phases { display:grid; gap:12px; margin-top:12px; }
.research-angles-variation .rav-pitch-phases > div { display:grid; grid-template-columns:68px minmax(0,1fr); gap:10px; }
.research-angles-variation .rav-pitch-phases > div > span { font-size:10px; color:#6b7280; padding-top:1px; }
.research-angles-variation .rav-pitch-phases strong { display:block; }

/* Connectors are measured edge-to-edge; there is no separate grey extension. */
.research-angles-variation .rav-connector { background:transparent; }
.research-angles-variation .rav-trace { position:absolute; inset:0; display:block; background:#537edb; transform-origin:top left; }
.research-angles-variation :is(.rav-reach-track,.rav-chart-track) i { transform-origin:left; }
@container agency-workflows (max-width:850px) {
 .research-angles-variation .rav-flow .rav-steps { grid-template-rows:max-content max-content max-content; align-content:start; }
 .research-angles-variation .rav-flow .rav-step > .rav-connector { left:calc(50% - .5px); top:100%; width:1px; height:36px; }
 .research-angles-variation .rav-flow[data-workflow=discovery] .rav-step > .rav-connector { height:48px; }
 .research-angles-variation .rav-flow .rav-step > .rav-connector::before { left:50%; top:0; }
}