.seo179-article{margin-block:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid #c5dfea;border-radius:1.2rem;background:#fff;color:#173f48;scroll-margin-top:160px}
.seo179-article h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.25;margin:0 0 1rem}
.seo179-article h3{font-size:1.1rem;margin:1.5rem 0 .6rem}
.seo179-article p{font-size:1rem;line-height:1.65;max-width:80ch}
.seo179-article .seo179-lead{font-size:1.1rem}
.seo179-article a{color:#006e78;text-decoration:underline;text-underline-offset:.15em}
.seo179-article nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.seo179-source{font-size:.9rem!important}
.seo179-video-page{padding:24px;color:#fff;overflow-wrap:anywhere}
.seo179-video-page h1{font-size:clamp(24px,3vw,36px);line-height:1.25;margin:12px 0 20px}
.seo179-video-page p{max-width:80ch;line-height:1.6}
.seo179-video-poster{display:block;width:100%;max-width:600px;max-height:65vh;object-fit:contain;background:#082d36;border-radius:12px}
.seo179-video-description{white-space:pre-line}
/* Mirror the accepted video h2 geometry when its active title becomes h1. */
.vd164-caption h1{color:white;font-size:clamp(20px,2vw,26px);line-height:1.24;letter-spacing:-.02em;margin:12px 0 16px;text-shadow:0 2px 10px #0007}
@media(max-width:799px){.vd164-caption h1{font-size:24px;margin-top:11px;margin-bottom:14px}}
@media(max-height:660px){.vd164-caption h1{font-size:20px}}
@media(max-width:350px){.vd164-caption h1{font-size:21px}}
@media(max-height:540px){.vd164-caption h1{font-size:18px;margin:7px 0}}
@media(max-width:799px) and (max-height:480px) and (min-width:550px){.vd164-caption h1{font-size:22px}}
.seo179-scenario-detail{padding:1.5rem;scroll-margin-top:160px}
/* Semantic H1/H2 changes must retain the accepted heading sizes and spacing. */
.scenario-hero h1{flex-shrink:0;overflow-wrap:anywhere;max-width:790px;min-height:2.05em;color:var(--ink);margin:9px 0 18px;font-size:calc(clamp(34px,3.1vw,54px) - 5px);line-height:1.02}
.product-heading-row h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3vw,48px);line-height:1.08}
@media(max-width:620px){.scenario-hero h1{min-height:0;font-size:29px}.product-heading-row h2{font-size:38px}}
@media(max-width:620px){.seo179-article{margin-inline:12px;width:calc(100% - 24px)}.seo179-article nav{flex-direction:column}}
/* 179: a continuous playback line, distinct from the existing clip counter. */
.vd164-stage .vd179-seek{position:absolute;z-index:4;bottom:0;left:12px;right:12px;height:44px;touch-action:none}
.vd179-seek-track{position:absolute;left:0;right:0;bottom:7px;height:5px;background:#ffffff59;border-radius:3px;box-shadow:0 0 2px #0009;pointer-events:none}
.vd179-seek-fill{display:block;width:var(--vd179-progress);height:100%;border-radius:inherit;background:#fff}
.vd179-seek-thumb{position:absolute;bottom:-4px;left:var(--vd179-progress);width:13px;height:13px;border-radius:50%;background:#fff;transform:translateX(-50%);opacity:0}
.vd164-stage .vd179-seek input{position:absolute;inset:0;appearance:none;-webkit-appearance:none;opacity:0;width:100%;height:44px;margin:0;padding:0;border:0;cursor:pointer;touch-action:none}
.vd179-seek input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1px;height:44px}
.vd179-seek input::-moz-range-thumb{width:1px;height:44px;border:0}
.vd179-seek:focus-within .vd179-seek-track{outline:2px solid #fff;outline-offset:3px}
.vd179-seek:focus-within .vd179-seek-thumb,.vd179-seek:active .vd179-seek-thumb{opacity:1}
.vd179-seek.is-unavailable{opacity:.45}.vd179-seek.is-unavailable input{cursor:default}
.vd164-stage .vd164-progress{bottom:22px}.vd164-stage .vd164-caption{bottom:34px}
@media(hover:hover){.vd179-seek:hover .vd179-seek-thumb{opacity:1}}
@media(max-width:799px){.vd164-stage .vd179-seek{bottom:env(safe-area-inset-bottom,0px)}.vd164-stage .vd164-progress{bottom:calc(22px + env(safe-area-inset-bottom,0px))}.vd164-stage .vd164-caption{bottom:calc(38px + env(safe-area-inset-bottom,0px))}}