/* Adapted from the approved preview; every selector is SRPS-route scoped.
   No external font/CDN request. Satoshi files are REQUIRED but not bundled:
   client acquisition/terms acceptance and fontAssetsApproved are release gates. */
@font-face {font-family:'Satoshi';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/Satoshi-Regular.woff2') format('woff2')}
@font-face {font-family:'Satoshi';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/Satoshi-Medium.woff2') format('woff2')}
@font-face {font-family:'Satoshi';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/Satoshi-Bold.woff2') format('woff2')}
html.srps-watch-page {
  color-scheme:light;
  --srps-font:'Satoshi','Helvetica Neue',Arial,sans-serif;
  --srps-xs:clamp(.75rem,.72rem + .15vw,.8125rem);
  --srps-sm:clamp(.875rem,.85rem + .12vw,.9375rem);
  --srps-base:clamp(1rem,.97rem + .15vw,1.0625rem);
  --srps-lg:clamp(1.125rem,1rem + .4vw,1.375rem);
  --srps-xl:clamp(1.75rem,1.3rem + 1.5vw,2.25rem);
  --srps-bg:oklch(97.2% .012 85);
  --srps-surface:oklch(93.8% .015 85);
  --srps-text:oklch(28% .05 251);
  --srps-muted:oklch(46% .025 251);
  --srps-primary:oklch(32% .065 251);
  --srps-border:oklch(28% .05 251 / .16);
  --srps-brand:#112d44;
  --srps-red:#ad303b;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;
}
html.srps-watch-page[data-srps-theme="dark"] {
  color-scheme:dark;
  --srps-bg:oklch(22% .031 251);
  --srps-surface:oklch(27% .033 251);
  --srps-text:oklch(94% .012 85);
  --srps-muted:oklch(76% .021 251);
  --srps-primary:oklch(91% .032 85);
  --srps-border:oklch(94% .012 85 / .19);
}
.srps-watch-page .srps-watch-body {margin:0;min-height:100dvh;line-height:1.6;font-family:var(--srps-font);font-size:var(--srps-base);color:var(--srps-text);background:var(--srps-bg)}
.srps-watch-page .srps-watch-body *,.srps-watch-page .srps-watch-body *::before,.srps-watch-page .srps-watch-body *::after {box-sizing:border-box}
.srps-watch-page :is(h1,h2,p,figure,ol,ul) {margin:0;padding:0}
.srps-watch-page :is(img,video) {display:block;max-width:100%;height:auto}
.srps-watch-page :is(button,input,select,textarea) {font:inherit;color:inherit}
.srps-watch-page :is(h1,h2) {text-wrap:balance;line-height:1.15}
.srps-watch-page :is(p,li,figcaption) {text-wrap:pretty}
.srps-watch-page button {cursor:pointer;background:none;border:none}
.srps-watch-page a {color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
.srps-watch-page :is(a,button,summary) {transition:color 160ms ease,background-color 160ms ease}
.srps-watch-page a:hover {color:var(--srps-primary);text-decoration-thickness:2px}
.srps-watch-page :focus-visible {outline:2px solid var(--srps-primary);outline-offset:4px}
.srps-watch-page [hidden] {display:none!important}
.srps-watch-page .srps-watch-container,.srps-watch-page .srps-watch-header-inner {width:min(100% - 3rem,960px);margin-inline:auto}
.srps-watch-page .srps-watch-header {background:var(--srps-brand);color:#f8f5ee;border-bottom:2px solid var(--srps-red)}
.srps-watch-page .srps-watch-header-inner {display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:1rem}
.srps-watch-page .srps-watch-brand {display:flex;align-items:center;min-height:44px}
.srps-watch-page .srps-watch-site-logo {width:200px;height:auto;object-fit:contain}
.srps-watch-page .srps-watch-header-tools {display:flex;gap:1.25rem;align-items:center}
.srps-watch-page .srps-watch-header-tools nav a {font-size:var(--srps-sm);display:flex;align-items:center;min-height:44px;text-decoration:none}
.srps-watch-page .srps-watch-header a:hover {color:white;text-decoration:underline}
.srps-watch-page .srps-watch-header :focus-visible {outline-color:#f8f5ee}
.srps-watch-page .srps-watch-theme-toggle {width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:var(--srps-lg)}
.srps-watch-page .srps-watch-theme-toggle:hover {background:#ffffff16}
.srps-watch-page .srps-watch-breadcrumb {font-size:var(--srps-xs);color:var(--srps-muted)}
.srps-watch-page .srps-watch-breadcrumb ol {display:flex;flex-wrap:wrap;align-items:center;gap:0 .5rem;list-style:none}
.srps-watch-page .srps-watch-breadcrumb li {display:flex;align-items:center}
.srps-watch-page .srps-watch-breadcrumb li+li::before {content:"/";margin-right:.5rem}
.srps-watch-page .srps-watch-breadcrumb a {display:inline-flex;align-items:center;min-height:44px}
.srps-watch-page .srps-watch-heading {padding-block:.25rem 1.25rem}
.srps-watch-page .srps-watch-heading-topline {display:flex;align-items:center;justify-content:space-between;gap:1rem}
.srps-watch-page .srps-watch-manufacturer {background:var(--srps-brand);padding:.25rem .75rem;flex-shrink:0}
.srps-watch-page .srps-watch-manufacturer img {width:140px;height:auto;object-fit:contain}
.srps-watch-page .srps-watch-eyebrow {font-size:var(--srps-xs);letter-spacing:.12em;font-weight:700;color:var(--srps-muted)}
.srps-watch-page h1 {font-family:var(--srps-font);font-size:var(--srps-xl);font-weight:500;letter-spacing:-.04em;margin-top:.5rem}
.srps-watch-page h2 {font-size:var(--srps-lg);font-weight:500;letter-spacing:-.025em;margin-top:.5rem}
/* Owned text only: beat the host's important Prelo declarations without
   forcing a font on body, generic headings, widgets or icon-font descendants. */
.srps-watch-page :is(
  .srps-watch-heading > h1,
  .srps-watch-heading > p,
  .srps-watch-eyebrow,
  .srps-watch-description-grid > div > h2,
  .srps-watch-description-copy > p,
  .srps-watch-visual-description > summary,
  .srps-watch-visual-description-body > p,
  .srps-watch-related > div > h2,
  .srps-watch-related-link,
  .srps-watch-video-figure > figcaption > span,
  .srps-watch-playback-message,
  .srps-watch-playback-message > a,
  .srps-watch-breadcrumb > ol > li > a,
  .srps-watch-breadcrumb > ol > li > span,
  .srps-watch-breadcrumb > ol > li > form > button,
  .srps-watch-card > h2,
  .srps-watch-card > p,
  .srps-watch-card > span,
  .srps-watch-card > button,
  .srps-watch-header-tools > nav > a,
  .srps-watch-theme-toggle,
  .srps-watch-footer-row > span,
  .srps-watch-footer-row > a,
  .srps-watch-skip
) {font-family:var(--srps-font)!important}
/* Explicit theme-aware heading color; deliberately not important so the
   host's important print colors continue to win. */
.srps-watch-page :is(
  .srps-watch-heading > h1,
  .srps-watch-description-grid > div > h2,
  .srps-watch-related > div > h2,
  .srps-watch-card > h2
) {color:var(--srps-text)}
.srps-watch-page .srps-watch-video-figure {margin:0}
.srps-watch-page video {width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--srps-brand);border-radius:.25rem;outline-offset:4px}
.srps-watch-page .srps-watch-youtube {display:block;width:100%;min-width:200px;min-height:200px;height:auto;aspect-ratio:16/9;border:0;border-radius:.25rem;background:var(--srps-brand);outline-offset:4px}
.srps-watch-page figcaption {display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.75rem;border-bottom:1px solid var(--srps-border);font-size:var(--srps-xs);color:var(--srps-muted)}
.srps-watch-page figcaption b {color:var(--srps-text);font-variant-numeric:tabular-nums;font-weight:700}
.srps-watch-page .srps-watch-caption-divider {display:inline-block;margin-inline:.75rem;opacity:.6}
.srps-watch-page .srps-watch-description-grid {display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;padding-block:2rem 2.5rem}
.srps-watch-page .srps-watch-description-copy p {max-width:60ch}
.srps-watch-page .srps-watch-visual-description {border-block:1px solid var(--srps-border);margin-bottom:1.5rem}
.srps-watch-page .srps-watch-visual-description-body {padding-bottom:1.5rem;max-width:80ch}
.srps-watch-page .srps-watch-visual-description-note {font-size:var(--srps-sm);color:var(--srps-muted);margin-top:.75rem}
.srps-watch-page summary {min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;font-size:var(--srps-sm);font-weight:700}
.srps-watch-page summary::-webkit-details-marker {display:none}
.srps-watch-page summary:hover {color:var(--srps-muted)}
.srps-watch-page .srps-watch-disclosure {font-size:var(--srps-lg);font-weight:400}
.srps-watch-page details[open] .srps-watch-disclosure {transform:rotate(45deg)}
.srps-watch-page .srps-watch-related {display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--srps-surface);padding:1.5rem 2rem}
.srps-watch-page .srps-watch-related-link {display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:44px;font-size:var(--srps-sm);font-weight:500}
.srps-watch-page .srps-watch-playback-message {background:var(--srps-surface);padding:1rem;margin-top:.75rem;font-size:var(--srps-sm)}
.srps-watch-page .srps-watch-playback-message a {display:inline-flex;align-items:center;min-height:44px}
.srps-watch-page .srps-watch-footer {padding-block:2.5rem;font-size:var(--srps-xs);color:var(--srps-muted)}
.srps-watch-page .srps-watch-footer-row {display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--srps-border);padding-top:1rem}
.srps-watch-page .srps-watch-footer-row>span {font-weight:700}
.srps-watch-page .srps-watch-footer a {display:inline-flex;align-items:center;min-height:44px}
.srps-watch-page .srps-watch-skip {position:fixed;left:1rem;top:.5rem;transform:translateY(-200%);padding:.75rem;background:var(--srps-bg);z-index:5;clip-path:inset(100%)}
.srps-watch-page .srps-watch-skip:focus {transform:translateY(0);clip-path:none}
.srps-watch-page .srps-watch-library {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;list-style:none;margin-top:1.5rem}
.srps-watch-page .srps-watch-card {display:block;text-decoration:none}
.srps-watch-page .srps-watch-card img {width:100%;aspect-ratio:16/9;object-fit:contain}
.srps-watch-page .srps-watch-card p {margin-block:.75rem;font-size:var(--srps-sm)}
.srps-watch-page .srps-watch-card span {font-size:var(--srps-xs)}
@media(max-width:640px) {
  .srps-watch-page .srps-watch-container,.srps-watch-page .srps-watch-header-inner {width:calc(100% - 2rem)}
  .srps-watch-page .srps-watch-header-inner {min-height:68px}
  .srps-watch-page .srps-watch-header-tools {gap:.75rem}
  .srps-watch-page .srps-watch-site-logo {width:160px}
  .srps-watch-page .srps-watch-heading-topline {gap:.5rem}
  .srps-watch-page .srps-watch-heading-topline .srps-watch-eyebrow {letter-spacing:.07em}
  .srps-watch-page .srps-watch-manufacturer {padding:.25rem .5rem}
  .srps-watch-page .srps-watch-manufacturer img {width:120px}
  .srps-watch-page .srps-watch-heading {padding-block:.25rem 1rem}
  .srps-watch-page h1 {max-width:16ch}
  .srps-watch-page figcaption {align-items:flex-start;gap:.5rem}
  .srps-watch-page .srps-watch-caption-divider {margin-inline:.5rem}
  .srps-watch-page .srps-watch-description-grid {grid-template-columns:1fr;gap:1rem;padding-block:1.5rem 2rem}
  .srps-watch-page .srps-watch-related {align-items:flex-start;flex-direction:column;gap:.75rem;padding:1.25rem}
  .srps-watch-page .srps-watch-related-link {width:100%}
  .srps-watch-page .srps-watch-library {grid-template-columns:1fr}
}
@media(max-width:350px) {
  .srps-watch-page .srps-watch-site-logo {width:140px}
  .srps-watch-page .srps-watch-header-tools {gap:.5rem}
  .srps-watch-page .srps-watch-header-tools nav a {font-size:var(--srps-xs)}
  .srps-watch-page .srps-watch-heading-topline .srps-watch-eyebrow {max-width:12ch}
  .srps-watch-page .srps-watch-footer-row {align-items:flex-start;flex-direction:column;gap:0}
}
@media(prefers-reduced-motion:reduce) {
  .srps-watch-page *,.srps-watch-page *::before,.srps-watch-page *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Private POST navigation only: retain its inherited theme color despite the
   host's important white button text. Leave print and forced colors alone. */
@media screen and (forced-colors:none) {
  .srps-watch-page .srps-watch-card > button,
  .srps-watch-page .srps-watch-breadcrumb > ol > li > form > button {color:inherit!important}
}