/* Video answers preserve the existing photo-led cards and stay inside the family page. */
.answer-watch{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:9px;min-height:46px;padding:7px 13px 7px 8px;background:#00486df2;color:#fff;border:1px solid #ffffffb3;border-radius:30px;box-shadow:0 3px 16px #002c4459;text-align:left;font-weight:800;font-size:12px;z-index:2}
.answer-watch:hover{background:#ad2826;transform:translateY(-1px)}
.watch-play{width:30px;height:30px;display:grid;place-items:center;padding-left:2px;flex-shrink:0;border-radius:50%;background:#fff;color:#00486d;font-size:11px}
.answer-watch small{font-size:10px;font-weight:600;opacity:.9;margin-left:7px}
.answer-watch:focus-visible,.answer-video-preview:focus-visible{outline:3px solid #dfb76b;outline-offset:4px}
.answer-video-dialog{width:min(860px,calc(100% - 40px));padding:32px;max-height:calc(100dvh - 32px)}
.answer-video-dialog .dialog-close{position:sticky;float:right;top:-22px;right:0;margin:-22px -22px -22px 8px;z-index:5;background:white;border:1px solid #d2e0e7;border-radius:50%;color:#00486d;box-shadow:0 2px 10px #00364e12}
.answer-video-dialog>h2{max-width:710px;padding-right:22px;font-size:32px}
.answer-video{margin:22px 0 0}
.answer-film-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px}
.answer-film-heading .eyebrow{margin:0;font-size:9px}
.answer-film-heading>span:last-child{font-size:10px;color:#597481;white-space:nowrap}
.answer-video h3{font-size:19px;line-height:1.4;margin-bottom:13px;color:#00486d}
.answer-video-stage{width:100%;aspect-ratio:16/9;position:relative;background:#00354f;border-radius:10px;overflow:hidden;isolation:isolate}
.answer-video-stage iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0}
.answer-video-preview{position:absolute;inset:0;width:100%;height:100%;display:block;background:#00354f;text-align:center;color:#fff}
.answer-video-preview .guide-photo{width:100%;height:100%;display:block;opacity:.83}
.answer-video-preview:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#002c47c7);z-index:0;pointer-events:none}
.film-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#ad2826;padding-left:4px;box-shadow:0 3px 25px #002e4e60;font-size:22px;z-index:1}
.answer-video-preview:hover .film-play{background:#ad2826;color:white}
.film-label{position:absolute;bottom:18px;left:18px;right:18px;text-align:left;font-size:15px;font-weight:800;z-index:1}
.film-label small{font-size:11px;margin-left:9px;font-weight:600}
.answer-body .answer-video-help{font-size:11px;line-height:1.7;margin:10px 0 18px;color:#526f7d}
.answer-video-dialog .answer-context{margin-top:18px}
.answer-written{padding-bottom:5px}
@media(max-width:600px){
 .answer-watch{bottom:12px;left:12px;font-size:12px;min-height:46px}
 .answer-video-dialog{padding:25px 18px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
 .answer-video-dialog .dialog-close{top:-19px;margin:-18px -12px -18px 8px}
 .answer-video-dialog>h2{font-size:27px;line-height:1.2;padding-right:20px}
 .answer-video{margin-top:18px}
 .answer-film-heading{align-items:start;gap:8px}
 .answer-film-heading .eyebrow{font-size:8px}
 .answer-film-heading>span:last-child{font-size:9px}
 .answer-video h3{font-size:17px}
 .answer-video-stage{border-radius:7px}
 .film-play{width:52px;height:52px;font-size:18px}
 .film-label{font-size:12px;bottom:12px;left:12px;right:12px}
 .answer-body .answer-video-help{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.answer-watch:hover{transform:none}}