/* v8 careers: clear editorial hierarchy, restrained navy rather than the
   warm-red campaign palette used elsewhere. Scoped to this page alone. */
html[data-theme] .career-page-v8{
  --career-navy:#102d4b;
  --career-blue:#286190;
  --career-blue-soft:#edf4f9;
  --career-line:#cad9e5;
  --career-ink:#182430;
  background:#fff;
  color:var(--career-ink);
}
html[data-theme] .career-page-v8 :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}
html[data-theme] .career-page-v8 .page-intro{padding-bottom:54px}
html[data-theme] .career-page-v8 .page-intro .eyebrow,
html[data-theme] .career-page-v8 .career-work-grid article>span,
html[data-theme] .career-page-v8 .job-row>span,
html[data-theme] .career-page-v8 .job-row .job-type,
html[data-theme] .career-page-v8 .principle-grid span{color:var(--career-blue)}
html[data-theme] .career-page-v8 .page-intro h1{color:var(--career-navy);letter-spacing:.035em}
html[data-theme] .career-page-v8 .intro-desc{max-width:39rem}
html[data-theme] .career-page-v8 .salary-feature{border-color:var(--career-line);gap:22px 34px}
html[data-theme] .career-page-v8 .salary-feature strong{color:var(--career-navy)}
html[data-theme] .career-page-v8 .salary-feature .text-link{color:var(--career-blue)}

/* Broadcast / field film */
html[data-theme] .career-page-v8 .career-special-v8{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(30px,5vw,78px);align-items:center;padding-top:28px;padding-bottom:98px}
html[data-theme] .career-page-v8 .career-special-v8__heading h2{margin:20px 0;font-size:clamp(34px,3.4vw,52px);line-height:1.54;letter-spacing:.04em;color:var(--career-navy)}
html[data-theme] .career-page-v8 .career-special-v8__heading>p:last-child{font-size:18px;line-height:2.05}
html[data-theme] .career-page-v8 .career-native-video-wrap{margin:0;background:var(--career-navy);border-radius:3px;overflow:hidden;box-shadow:0 24px 45px #102d4b24}
html[data-theme] .career-page-v8 .career-native-video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#071523}
html[data-theme] .career-page-v8 .career-native-video-wrap figcaption{padding:14px 18px;font-size:15px;line-height:1.8;color:#e7f0f7}

/* Two field scenes work as a pair instead of colliding captions. */
html[data-theme] .career-page-v8 .career-field-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,42px);padding-top:0;padding-bottom:26px}
html[data-theme] .career-page-v8 .career-field-scene figure{min-width:0;margin:0;border:1px solid var(--career-line);background:#fff}
html[data-theme] .career-page-v8 .career-field-scene img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#f4f8fb;display:block}
html[data-theme] .career-page-v8 .career-field-scene figcaption{display:grid;gap:7px;padding:17px 20px 20px;font-size:18px;line-height:1.75;color:var(--career-ink)}
html[data-theme] .career-page-v8 .career-field-scene figcaption span{font-size:13px;line-height:1.4;letter-spacing:.12em;color:var(--career-blue)}

/* The outcome statement now has enough width for a natural Japanese line. */
html[data-theme] .career-page-v8 .career-outcome-v8{max-width:1180px;margin:0 auto;padding:38px clamp(24px,5vw,64px) 58px;border-bottom:1px solid var(--career-line);background:linear-gradient(90deg,#f6fafe 0%,#fff 72%)}
html[data-theme] .career-page-v8 .career-outcome-v8>p:first-child{max-width:none;margin:0 0 16px;font-family:var(--serif);font-size:clamp(28px,3vw,43px);line-height:1.55;letter-spacing:.035em;color:var(--career-navy)}
html[data-theme] .career-page-v8 .career-outcome-v8>p:last-of-type{max-width:760px;margin:0;font-size:18px;line-height:2.05}
html[data-theme] .career-page-v8 .career-outcome-v8 small{font-size:15px;line-height:1.8;color:#5c6b78}

html[data-theme] .career-page-v8 .career-work-grid{gap:28px}
html[data-theme] .career-page-v8 .career-work-grid article{padding-bottom:15px;border-bottom:2px solid var(--career-line)}
html[data-theme] .career-page-v8 .career-work-grid .career-photo{aspect-ratio:1.35;background:#edf4f9}
html[data-theme] .career-page-v8 .career-work-grid .career-photo img{object-fit:cover}
html[data-theme] .career-page-v8 .career-work-grid h3{color:var(--career-navy)}
html[data-theme] .career-page-v8 .principles{background:#f2f7fb}
html[data-theme] .career-page-v8 .principles-lead h2,html[data-theme] .career-page-v8 .principle-grid h3{color:var(--career-navy)}
html[data-theme] .career-page-v8 .principle-grid li{border-color:var(--career-line)}

/* Jobs and conditions are easier to scan as a quiet information surface. */
html[data-theme] .career-page-v8 .job-row{grid-template-columns:72px minmax(0,1fr) minmax(200px,230px);gap:26px;border-color:var(--career-line)}
html[data-theme] .career-page-v8 .job-row h3,html[data-theme] .career-page-v8 .cs-conditions>h3{color:var(--career-navy)}
html[data-theme] .career-page-v8 .job-row .text-link{color:var(--career-blue);border-bottom-color:var(--career-blue)}
html[data-theme] .career-page-v8 .cs-conditions{padding:clamp(24px,4vw,46px);background:var(--career-blue-soft);border:1px solid var(--career-line)}
html[data-theme] .career-page-v8 .job-conditions>div{border-color:var(--career-line)}
html[data-theme] .career-page-v8 .job-conditions dt{color:var(--career-navy);font-weight:700}

/* YouTube cards are regular links until the page script turns them into an
   in-place privacy-enhanced player. */
html[data-theme] .career-page-v8 .career-videos-v8{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,92px);align-items:start;padding-top:106px;padding-bottom:112px;border-top:1px solid var(--career-line)}
html[data-theme] .career-page-v8 .career-videos-v8__heading h2{margin:18px 0;font-size:clamp(34px,3.25vw,50px);line-height:1.58;color:var(--career-navy)}
html[data-theme] .career-page-v8 .career-videos-v8__heading>p:last-child{font-size:18px;line-height:2.05}
html[data-theme] .career-page-v8 .career-youtube-grid{display:grid;gap:18px}
html[data-theme] .career-page-v8 .career-youtube-frame-v8{min-width:0}
html[data-theme] .career-page-v8 .career-youtube-trigger{position:relative;display:grid;grid-template-columns:auto 50px minmax(0,1fr);gap:19px;align-items:center;min-height:130px;padding:22px 25px;border:1px solid var(--career-line);background:#fff;color:var(--career-ink);text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
html[data-theme] .career-page-v8 .career-youtube-trigger:hover{border-color:var(--career-blue);background:#f6faff;transform:translateY(-2px)}
html[data-theme] .career-page-v8 .career-youtube-trigger:focus-visible{outline:3px solid #8ab6d9;outline-offset:4px}
html[data-theme] .career-page-v8 .career-youtube-trigger__index{align-self:start;color:var(--career-blue);font-size:15px;letter-spacing:.1em}
html[data-theme] .career-page-v8 .career-youtube-trigger__play{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--career-navy);color:#fff;font-size:17px;padding-left:3px}
html[data-theme] .career-page-v8 .career-youtube-trigger__copy{display:grid;gap:5px;min-width:0}
html[data-theme] .career-page-v8 .career-youtube-trigger__copy strong{font-size:21px;line-height:1.7;font-weight:500}
html[data-theme] .career-page-v8 .career-youtube-trigger__copy small{font-size:15px;line-height:1.7;color:#4c6579}

/* Keep the existing native form; give its visual system the same blue family. */
html[data-theme] .career-page-v8 .contact-v6{background:linear-gradient(135deg,#edf4f9 0%,#f8fbfd 68%,#e4eff7 100%)}
html[data-theme] .career-page-v8 .contact-v6 .form-section-label{color:var(--career-blue);border-color:var(--career-line)}
html[data-theme] .career-page-v8 .contact-v6 .form-row--message{border-color:var(--career-blue)}
html[data-theme] .career-page-v8 .contact-v6 #contact-form{border:1px solid var(--career-line);box-shadow:0 18px 45px #102d4b14}
html[data-theme] .career-page-v8 .contact-v6 .form-primary{background:var(--career-navy);box-shadow:0 10px 18px #102d4b2b}
html[data-theme] .career-page-v8 .contact-v6 .form-primary:hover{background:#1a4267}

@media (max-width:900px){
 html[data-theme] .career-page-v8 .career-special-v8,html[data-theme] .career-page-v8 .career-videos-v8{grid-template-columns:1fr;gap:30px}
 html[data-theme] .career-page-v8 .career-special-v8{padding-bottom:70px}
 html[data-theme] .career-page-v8 .career-videos-v8{padding-top:76px;padding-bottom:76px}
 html[data-theme] .career-page-v8 .job-row{grid-template-columns:46px minmax(0,1fr)}
 html[data-theme] .career-page-v8 .job-row .text-link{grid-column:2;margin-left:0}
}
@media (max-width:680px){
 html[data-theme] .career-page-v8 .career-special-v8{padding-top:8px;padding-bottom:52px}
 html[data-theme] .career-page-v8 .career-special-v8__heading h2,html[data-theme] .career-page-v8 .career-videos-v8__heading h2{font-size:clamp(30px,9vw,38px);line-height:1.52}
 html[data-theme] .career-page-v8 .career-special-v8__heading>p:last-child,html[data-theme] .career-page-v8 .career-videos-v8__heading>p:last-child{font-size:18px;line-height:2}
 html[data-theme] .career-page-v8 .career-field-scene{grid-template-columns:1fr;gap:19px;padding-bottom:20px}
 html[data-theme] .career-page-v8 .career-field-scene figcaption{font-size:18px;padding:15px 17px 17px}
 html[data-theme] .career-page-v8 .career-outcome-v8{margin:0;padding:30px 23px 42px}
 html[data-theme] .career-page-v8 .career-outcome-v8>p:first-child{font-size:clamp(22px,6vw,30px);line-height:1.6}
 html[data-theme] .career-page-v8 .career-youtube-trigger{grid-template-columns:36px 46px minmax(0,1fr);gap:13px;min-height:112px;padding:18px}
 html[data-theme] .career-page-v8 .career-youtube-trigger__play{width:46px;height:46px}
 html[data-theme] .career-page-v8 .career-youtube-trigger__copy strong{font-size:18px;line-height:1.6}
 html[data-theme] .career-page-v8 .career-youtube-trigger__copy small{font-size:15px}
 html[data-theme] .career-page-v8 .cs-conditions{margin-left:0;margin-right:0;padding:24px 18px}
}
@media (prefers-reduced-motion:reduce){
 html[data-theme] .career-page-v8 .career-youtube-trigger{transition:none}
 html[data-theme] .career-page-v8 .career-youtube-trigger:hover{transform:none}
}

/* A real thumbnail and one correctly proportioned player per film. */
html[data-theme] .career-page-v8 .career-youtube-trigger{display:block;aspect-ratio:16/9;padding:0;overflow:hidden;background:#102d4b;color:#fff;isolation:isolate;min-height:0}
html[data-theme] .career-page-v8 .career-youtube-trigger[hidden]{display:none}
html[data-theme] .career-page-v8 .career-youtube-thumb-v8{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}
html[data-theme] .career-page-v8 .career-youtube-trigger:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06172eeb,transparent 78%)}
html[data-theme] .career-page-v8 .career-youtube-trigger__index{position:absolute;left:20px;top:16px;color:white}
html[data-theme] .career-page-v8 .career-youtube-trigger__play{position:absolute;top:30%;left:calc(50% - 25px);background:#fff;color:#102d4b;box-shadow:0 2px 14px #0003}
html[data-theme] .career-page-v8 .career-youtube-trigger__copy{position:absolute;left:22px;right:22px;bottom:18px;gap:5px;text-shadow:0 1px 6px #0009}
html[data-theme] .career-page-v8 .career-youtube-trigger__copy strong{font-size:20px;color:white;line-height:1.6}
html[data-theme] .career-page-v8 .career-youtube-trigger__copy small{color:#fff;font-size:15px;line-height:1.65}
html[data-theme] .career-page-v8 .career-youtube-frame-v8>iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#06172e}
html[data-theme] .career-page-v8 .career-video-source-v8{font-size:15px;line-height:1.85;text-decoration:underline;text-underline-offset:4px;margin:-6px 0 18px;color:#254f74}
html[data-theme] .career-page-v8 .career-outcome-phrase{display:inline-block;white-space:nowrap}
html[data-theme] .career-page-v8 .contact-entry-v8{background:#102d4b}
html[data-theme] .career-page-v8 .career-video-error-v8{font-size:16px;line-height:1.8;padding:16px;color:#fff}
@media(max-width:480px){
 html[data-theme] .career-page-v8 .career-youtube-trigger__play{width:42px;height:42px;left:calc(50% - 21px);top:18%}
 html[data-theme] .career-page-v8 .career-youtube-trigger__copy{left:15px;right:15px;bottom:13px}
 html[data-theme] .career-page-v8 .career-youtube-trigger__copy strong{font-size:17px}
 html[data-theme] .career-page-v8 .career-youtube-trigger__copy small{font-size:14px}
}
