/* The explainer belongs to the existing appointment journey and colour palette. */
.appointment-video{margin:0 0 40px;padding:clamp(20px,3vw,34px);border:1px solid #a8c6c5;background:#f9fbfa;scroll-margin-top:165px}
.appointment-video-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;margin-bottom:24px}
.appointment-video .eyebrow{color:#176775;line-height:1.6}
.appointment-video-intro h3{font-size:clamp(28px,3vw,38px);line-height:1.12;margin:12px 0 0;color:var(--ink)}
.appointment-video-intro p{font-size:17px;line-height:1.7;color:#405b67;margin:0}
.appointment-video figure{margin:0}
.appointment-video-player{position:relative;aspect-ratio:16/9;background:#132f3d;overflow:hidden}
.appointment-video-player iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0}
.appointment-video-player iframe[hidden],.appointment-video-choice[hidden],#frollo-video-load[hidden]{display:none}
.appointment-video-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100%;padding:32px;text-align:center;color:#fff}
.appointment-video-choice .eyebrow{color:#b9ddd8}.appointment-video-choice>p{font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0}.appointment-video-choice>span:not(.eyebrow){max-width:55ch;font-size:14px;line-height:1.6}.appointment-video-choice a{color:#d8f0ef}.appointment-video-choice .btn{background:#f8f7f2;color:#152b45;border:1px solid #f8f7f2;min-height:48px}.appointment-video-choice button:focus-visible{outline:3px solid #a8d8cf;outline-offset:5px}
@media(max-width:680px){.appointment-video-player{aspect-ratio:auto;min-height:280px}.appointment-video-choice{padding:24px 18px;gap:14px}.appointment-video-choice>span:not(.eyebrow){font-size:13px}.appointment-video-player:has(iframe:not([hidden])){aspect-ratio:16/9;min-height:0}}
.appointment-video figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:14px 24px;font-size:13px;line-height:1.6;color:#405b67;padding:15px 0 19px}
.appointment-video figcaption strong{font-weight:600}
.appointment-video figcaption>a{flex-shrink:0}
.appointment-video a{color:#13545f;text-decoration:underline;text-underline-offset:3px}
.appointment-video a:hover{color:var(--ink)}
.appointment-video a:focus-visible,.appointment-video summary:focus-visible{outline:3px solid #176775;outline-offset:5px}
.appointment-video-topics{border-block:1px solid #c7dcdb}
.appointment-video-topics summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-weight:600;font-size:16px;padding:18px 0;color:var(--ink)}
.appointment-video-topics summary::-webkit-details-marker{display:none}
.appointment-video-topics summary::after{content:'+';font-size:23px;font-weight:400;line-height:1}
.appointment-video-topics[open] summary::after{content:'−'}
.appointment-video-topics ul{margin:0;padding:0 0 19px 20px;color:#405b67;font-size:15px;line-height:1.7}
.appointment-video-topics li{padding-left:4px;margin-bottom:10px}
.appointment-video-topics li:last-child{margin-bottom:0}
.appointment-video-resources p{font-size:14px;line-height:1.7;color:#405b67;margin:18px 0 0}
@media(max-width:680px){.appointment-video-intro{grid-template-columns:1fr;gap:18px}.appointment-video-intro p{font-size:16px}.appointment-video figcaption{flex-direction:column;gap:10px}.appointment-video{scroll-margin-top:110px}}
@media print{.appointment-video-player{display:none}.appointment-video{break-inside:avoid}.appointment-video-topics{display:none}.appointment-video figcaption>a::after{content:' (https://vimeo.com/1235260985)'}}