.rabo-eb { --eb-blue:var(--accent-1); --eb-dark:var(--accent-6); }
.rabo-eb *, .rabo-eb *::before, .rabo-eb *::after { box-sizing:border-box; }
.rabo-eb__container {  }
.rabo-eb h1, .rabo-eb h2 { color:var(--accent-1); margin-bottom:20px; }
.rabo-eb p { margin:0 0 18px; }
.rabo-eb__hero { position:relative; padding:76px 0 130px; }
.rabo-eb__hero-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:80px; align-items:center; }
.rabo-eb__intro { font-style:italic; font-weight:600; color:var(--eb-dark); }
.rabo-eb__notice { padding:46px 55px; color:var(--accent-6); }
.rabo-eb__notice h2 { font-size:19px; font-style:normal; font-weight:700; }
.rabo-eb__video-grid { display:grid; grid-template-columns:280px 1fr; gap:50px; margin-top:-85px; align-items:center; position:relative; }
.rabo-eb__video-grid h2 { font-size:19px; font-weight:700; font-style:normal; color:var(--eb-dark); }
.rabo-eb__video { position:relative; display:grid; place-items:center; background:#000 center/cover; aspect-ratio:16/9; border-radius:15px; overflow:hidden; }
.rabo-eb__video-note { position:absolute; bottom:12px; color:var(--accent-10); }
.rabo-eb__explanation {  padding:90px 100px 65px; margin-top:68px; }
.rabo-eb__explanation-top { display:grid; grid-template-columns:1fr 1.45fr; gap:65px; }
.rabo-eb__explanation-top h2 { font-size:62px; }
.rabo-eb__checklist { list-style:none; padding:20px 0 0; margin:0; }
.rabo-eb__checklist li { position:relative; padding-left:40px; margin:10px 0; font-style:italic; font-size:21px; }
.rabo-eb__checklist li::before { content:'\2713'; position:absolute; left:0; top:3px; width:26px; height:26px; border-radius:50%; background:var(--accent-3); color:#fff; text-align:center; font-style:normal; line-height:26px; }
.rabo-eb__diagram { display:grid; grid-template-columns:1fr 1.7fr 1fr; align-items:start; gap:30px; margin:70px -60px 0; }
.rabo-eb__document { display:block; width:100%; box-shadow:0 4px 7px #0002; }
.rabo-eb__callouts { display:flex; flex-direction:column; gap:68px; }
.rabo-eb__callouts--right { padding-top:50px; }
.rabo-eb__bubble { position:relative; border-radius:22px; padding:20px; background:var(--accent-10); color:var(--eb-dark); font-size:16px; line-height:1.65; font-style:italic; box-shadow:0 3px 5px #0002; }
.rabo-eb__bubble p:last-child { margin-bottom:0; }
.rabo-eb__bubble::after { content:''; position:absolute; bottom:-30px; right:0; border-style:solid; border-width:30px 0 0 50px; border-color:transparent transparent transparent white; transform:rotate(180deg); }
.rabo-eb__callouts--right .rabo-eb__bubble { background:var(--eb-blue); color:var(--accent-10); }
.rabo-eb__callouts--right .rabo-eb__bubble::after { left:0; right:auto; border-color:transparent transparent transparent var(--eb-blue); }
.rabo-eb__prognosis { display:grid; grid-template-columns:1fr 1fr; gap:95px; align-items:start; margin:135px 0 180px; }
.rabo-eb__prognosis img { width:100%; aspect-ratio:4 / 3; object-fit:cover; border-radius:15px; }
.rabo-eb__guide { position:relative; display:grid; grid-template-columns:340px 1fr; align-items:center; gap:60px; padding:35px 75px; border-radius:15px;  }
.rabo-eb__guide img { width:100%; max-height:490px; object-fit:contain; margin:-90px 0; transform:rotate(-7deg); filter:drop-shadow(2px 5px 4px #0002); }
.rabo-eb__chat { margin:170px 0 125px; }
.rabo-eb__chat > h2 { text-align:center; }
.rabo-eb__chat-intro { max-width:820px; text-align:center; margin:0 auto 45px; }
.rabo-eb a:focus-visible { outline:3px solid var(--eb-dark); outline-offset:5px; }
@media(max-width:1199.98px) { .rabo-eb__hero-grid { gap:40px; } .rabo-eb__notice { padding:30px; } .rabo-eb__explanation { padding:55px 45px; } .rabo-eb__explanation-top h2 { font-size:48px; } .rabo-eb__diagram { margin:55px 0 0; gap:20px; } .rabo-eb__bubble { padding:15px; font-size:14px; } .rabo-eb__guide { grid-template-columns:230px 1fr; padding:30px 40px; } }
@media(max-width:767.98px) { .rabo-eb { font-size:16px; } .rabo-eb h1,.rabo-eb h2 { font-size:30px; }  .rabo-eb__hero { padding:45px 0 90px; } .rabo-eb__hero-grid,.rabo-eb__video-grid,.rabo-eb__explanation-top,.rabo-eb__prognosis,.rabo-eb__guide { grid-template-columns:1fr; gap:25px; } .rabo-eb__notice h2,.rabo-eb__video-grid h2 { font-size:19px; } .rabo-eb__video-grid { margin-top:-40px; } .rabo-eb__video-grid > :first-child { order:2; } .rabo-eb__explanation { padding:32px 22px; margin-top:40px; } .rabo-eb__explanation-top h2 { font-size:38px; } .rabo-eb__checklist li { font-size:18px; } .rabo-eb__diagram { grid-template-columns:1fr; gap:35px; } .rabo-eb__document { grid-row:1; max-width:380px; margin:auto; } .rabo-eb__callouts { gap:30px; } .rabo-eb__callouts--right { padding-top:0; } .rabo-eb__bubble::after { display:none; } .rabo-eb__prognosis { margin:65px 0; gap:30px; } .rabo-eb__guide { padding:30px; } .rabo-eb__guide img { width:190px; margin:0 auto; } .rabo-eb__chat { margin:70px 0; } }

.rabo-eb__play-link { position:absolute; inset:0; z-index:2; }
.rabo-eb__video:not(:has(a)) { cursor:default; }
.rabo-eb__checklist li::before { font-family:Arial,sans-serif; }

/* Bootstrap md boundary: compact layout only below 768px. */
@media (max-width:767.98px) {
 .rabo-eb__diagram { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:0; margin-top:36px; isolation:isolate; }
 .rabo-eb__callouts { display:contents; }
 .rabo-eb__document { grid-column:3 / 11; grid-row:2; width:100%; max-width:none; margin:0; z-index:1; }
 .rabo-eb__bubble { min-width:0; font-size:16px; padding:18px; overflow-wrap:anywhere; z-index:2; }
 .rabo-eb__callouts--left .rabo-eb__bubble:first-child { grid-column:1 / 8; grid-row:1; margin-bottom:-26px; }
 .rabo-eb__callouts--left .rabo-eb__bubble:nth-child(2) { grid-column:1 / 8; grid-row:3; margin-top:-18px; }
 .rabo-eb__callouts--right .rabo-eb__bubble { background:var(--accent-10); color:var(--eb-dark); }
 .rabo-eb__callouts--right .rabo-eb__bubble:first-child { grid-column:2 / 9; grid-row:4; margin-top:30px; }
 .rabo-eb__callouts--right .rabo-eb__bubble:nth-child(2) { grid-column:4 / 11; grid-row:5; margin-top:26px; }
 .rabo-eb__bubble::after { display:none; }
 .rabo-eb__callouts--left .rabo-eb__bubble:first-child::after { display:block; content:''; position:absolute; left:20px; right:auto; top:100%; bottom:auto; width:32px; height:66px; border:0; border-left:2px solid var(--eb-dark); border-bottom:2px solid var(--eb-dark); border-radius:0 0 0 8px; transform:none; background:none; }
 .rabo-eb__callouts--left .rabo-eb__bubble:first-child::before { content:''; position:absolute; left:44px; top:calc(100% + 60px); width:12px; height:12px; border-top:2px solid var(--eb-dark); border-right:2px solid var(--eb-dark); transform:rotate(45deg); }
}
/* Long diagonal desktop tails, matching the original speech bubbles. */
@media (min-width:768px) {
 .rabo-eb__bubble::after { content:''; display:block; position:absolute; top:100%; bottom:auto; right:18px; left:auto; width:72px; height:34px; border:0; background:var(--accent-10); clip-path:polygon(0 0, 58% 0, 100% 100%); transform:none; }
 .rabo-eb__callouts--right .rabo-eb__bubble::after { left:-3px; right:auto; width:72px; height:34px; border:0; background:var(--eb-blue); clip-path:polygon(42% 0, 100% 0, 0 100%); transform:none; }
}

@media (prefers-reduced-motion:no-preference) {
 .rabo-eb__callouts--left .rabo-eb__bubble.eb-reveal-pending { opacity:0; transform:translateX(-120px); }
 .rabo-eb__callouts--right .rabo-eb__bubble.eb-reveal-pending { opacity:0; transform:translateX(120px); }
 .rabo-eb__bubble.eb-reveal-ready { transition:opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }
 .rabo-eb__bubble.eb-reveal-ready:not(.eb-reveal-pending) { opacity:1; transform:none; }
}

.rabo-eb { overflow-x:clip; }
@media (max-width:767.98px) {
 .rabo-eb__prognosis img { aspect-ratio:4 / 3; object-fit:cover; }
}
@media (max-width:767.98px) {
 .rabo-eb__prognosis > img { order:-1; }
}

.rabo-eb__transcript-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:16px 20px; border:0; background:#edf2f4; color:var(--eb-dark); font:inherit; font-weight:600; text-align:left; cursor:pointer; }
.rabo-eb__transcript-toggle:focus-visible { outline:3px solid var(--eb-blue); outline-offset:2px; }
.rabo-eb__transcript-chevron { flex-shrink:0; transition:transform .2s ease; }
.rabo-eb__transcript-toggle[aria-expanded="true"] .rabo-eb__transcript-chevron { transform:rotate(180deg); }
.rabo-eb__transcript-body { padding:20px; background:#f6f8f9; }
.rabo-eb__transcript-body > :last-child { margin-bottom:0; }

.rabo-eb__video-block { position:relative; margin-top:-85px; }
.rabo-eb__video-block > .rabo-eb__video-grid { margin-top:0; }
.rabo-eb__video-block > .rabo-eb__transcript { margin-left:330px; }
@media (max-width:767.98px) {
 .rabo-eb__video-block { margin-top:-40px; }
 .rabo-eb__video-block > .rabo-eb__transcript { margin-left:0; }
}

/* Optional blocks between the prognosis and infographic. */
.rabo-eb__extra-video, .rabo-eb__calendar { position:relative; margin:0 0 150px; }
.rabo-eb__extra-grid, .rabo-eb__calendar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:95px; align-items:center; }
.rabo-eb__inline-player { aspect-ratio:16/9; border-radius:15px; overflow:hidden; background:#000; }
.rabo-eb__inline-player iframe, .rabo-eb__inline-player video { display:block; width:100%; height:100%; border:0; }
.rabo-eb__extra-text > :last-child { margin-bottom:0; }
.rabo-eb__calendar > img { display:block; width:50%; max-height:250px; justify-self:center; object-fit:contain; }
@media(max-width:1199.98px) { .rabo-eb__extra-grid, .rabo-eb__calendar { gap:45px; } }
@media(max-width:767.98px) { .rabo-eb__extra-video, .rabo-eb__calendar { margin-bottom:65px; } .rabo-eb__extra-grid, .rabo-eb__calendar { grid-template-columns:1fr; gap:25px; } }

.rabo-eb__prognosis { margin-bottom:90px; }
.rabo-eb__chat-heading { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; margin-bottom:12px; align-items:start; }
.rabo-eb__chat-heading--with-link { grid-template-columns:minmax(0,1fr) 280px; }
.rabo-eb__chat-heading article { position:relative; min-width:0; }
.rabo-eb__chat-heading h2 { text-align:left; }
.rabo-eb__chat-heading .rabo-eb__chat-intro { text-align:left; max-width:none; margin:0; }
.rabo-eb__chat-heading .rabo-eb__chat-intro > :last-child { margin-bottom:0; }
.rabo-eb__chat-link-slot { display:flex; justify-content:flex-end; }
.rabo-eb__chat-heading .rabo-eb__more { width:100%; text-align:left; margin-bottom:0!important; }
.rabo-eb__chat-heading .rabo-eb__more h3 { font-size:1.5rem; font-weight:400; line-height:1.2; margin:0 0 12px; }
@media(max-width:767.98px) { .rabo-eb__prognosis { margin-bottom:40px; } .rabo-eb__chat-heading--with-link { grid-template-columns:1fr; gap:24px; } .rabo-eb__chat-heading .rabo-eb__more { width:auto; max-width:280px; } }

/* Stack the link card directly above the notice, at an identical width. */
.rabo-eb__hero-side { display:flex; flex-direction:column; gap:16px; min-width:0; }
.rabo-eb__hero-side > .rabo-eb__more { width:100%; margin:0; }
.rabo-eb__hero-side > .rabo-eb__notice { width:100%; padding:28px 32px; }
.rabo-eb__hero-side .rabo-eb__notice p:last-child { margin-bottom:0; }
@media(max-width:767.98px) { .rabo-eb__hero-side > .rabo-eb__notice { padding:24px; } }