.measurement-media{min-inline-size:0;text-align:center}
.measurement-media>img{block-size:auto}
.measurement-watch{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-block-start:16px;max-inline-size:100%;font-size:14px;line-height:1.5;text-align:start}
.measurement-watch svg{flex:0 0 18px}
.measurement-video-dialog{border:1px solid var(--line);border-radius:16px;padding:20px;inline-size:min(900px,94vw);max-inline-size:94vw;max-block-size:92vh;overflow:auto;box-shadow:0 24px 80px #0005;color:var(--ink);background:#fff}
.measurement-video-dialog:not([open]){display:none}
.measurement-video-dialog::backdrop{background:#111b}
.measurement-video-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:16px}
.measurement-video-heading h2{margin:0;font-size:22px;line-height:1.4;letter-spacing:normal}
.measurement-video-close{display:grid;place-items:center;flex:0 0 38px;inline-size:38px;block-size:38px;border:0;border-radius:50%;padding:0;background:var(--soft);color:var(--ink);font-size:28px;line-height:1;cursor:pointer}
.measurement-video-close:hover{background:var(--ink);color:#fff}
.measurement-video-dialog video{display:block;inline-size:100%;max-block-size:68vh;background:#111;border-radius:8px}
.measurement-video-fallback{margin:14px 0 0;font-size:14px;color:var(--muted)}
.measurement-video-fallback a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.measurement-video-dialog{padding:16px}.measurement-video-heading h2{font-size:20px}.measurement-watch{margin-block-start:12px}}

.measurement-video-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.measurement-video-links .measurement-watch{margin-top:0;flex:1 1 190px}.measurement-video-choices{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.measurement-choice[aria-pressed="true"]{border-color:var(--accent);background:#fff0e8;color:#9b3b1a}.measurement-video-dialog video{object-fit:contain;max-height:68vh;height:auto}

.measurement-reading-note{font-size:13px;line-height:1.65;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--muted)}

/* Let the portrait video yield space to its heading, selector and controls. */
.measurement-video-dialog[open]{display:flex;flex-direction:column;height:92vh}
.measurement-video-heading,.measurement-video-choices,.measurement-reading-note,.measurement-video-fallback{flex-shrink:0}
.measurement-video-dialog video{flex:1 1 auto;min-height:140px;object-fit:contain}