/* Media watch pages retain their approved wide player layout. */
body.page-watch{background:#f7f7f7;color:#252525}
.watch-main{max-width:1180px;margin:0 auto;padding:0 40px 80px}
html body.page-watch #watch-main .watch-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;font:400 15px/1.4 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important;color:#55534F;background:#DEDAD2;box-shadow:0 0 0 100vmax #DEDAD2;clip-path:inset(0 -100vmax);padding:20px 0;margin:0 0 30px}
.watch-breadcrumb a{color:#292A29;text-decoration:none}
.watch-breadcrumb [aria-current="page"]{min-width:0}
html body.page-watch #watch-main .watch-kicker{font:600 12px/1.4 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:uppercase;margin:0 0 8px;color:#626262}
html body.page-watch main#watch-main.watch-main h1.watch-title{font:400 56px/1.06 "Libre Caslon Display","Libre Caslon Text",Georgia,serif!important;letter-spacing:0!important;max-width:1000px!important;margin:0 0 14px!important;text-wrap:balance}
html body.page-watch #watch-main .watch-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 24px;font:500 14px/1.5 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important;color:#626262}
.watch-meta span+span{border-left:1px solid #bcbcbc;padding-left:12px}
.watch-player{aspect-ratio:16/9;background:#111;width:100%;position:relative;border-radius:0;overflow:hidden}
.watch-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
html body.page-watch #watch-main .watch-actions{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #d5d5d5;font:500 14px/1.5 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important}
.watch-actions a{display:inline-flex;align-items:center;min-height:48px;color:#333;text-decoration:none;border-bottom:1px solid #888;padding:0}
.watch-info{display:grid;grid-template-columns:1.7fr 1fr;gap:72px;padding:42px 0 44px}
html body.page-watch #watch-main .watch-info>section{padding:0!important;margin:0!important;background:transparent!important}
html body.page-watch main#watch-main.watch-main .watch-info h2,html body.page-watch main#watch-main.watch-main .watch-more h2{font:400 42px/1.12 "Libre Caslon Display","Libre Caslon Text",Georgia,serif!important;letter-spacing:0!important;margin:0 0 18px!important;text-transform:none}
html body.page-watch #watch-main .watch-info p{font:400 18px/1.7 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important;text-align:left!important;color:#414141;margin:0 0 17px}
html body.page-watch #watch-main .watch-info .watch-note{font-size:16px!important;line-height:1.65!important;color:#686868}
.watch-facts{margin:0;display:grid;gap:18px}
.watch-facts div{border-bottom:1px solid #ddd;padding-bottom:14px}
html body.page-watch #watch-main .watch-facts dt{font:600 12px/1.4 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:uppercase;color:#626262}
html body.page-watch #watch-main .watch-facts dd{font:400 14px/1.6 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important;margin:5px 0 0;color:#333}
.watch-more{border-top:1px solid #d5d5d5;padding-top:32px}
.watch-next{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
html body.page-watch #watch-main .watch-next a{font:400 22px/1.24 "Libre Caslon Text",Georgia,serif!important;letter-spacing:0!important;color:#333;text-decoration:none;padding-top:15px;border-top:1px solid #aaa}
html body.page-watch #watch-main .watch-next a span{display:block;font:500 12px/1.4 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:uppercase;color:#626262;margin-bottom:7px}
html body.page-watch #jccHome-headcta,html body.page-watch #jccHome-headcta span,html body.page-watch #jcc-mobile-menu [data-jcc-consultation-primary],html body.page-watch #jcc-mobile-menu [data-jcc-consultation-primary] span{font-family:"Hanken Grotesk",Arial,system-ui,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important}
html body.page-watch .jcc-chatbot:not(.is-open) .jcc-chatbot__button{min-height:52px!important;height:52px!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important}
html body.page-watch .jcc-chatbot .jcc-chatbot__button-label{font-size:inherit!important;letter-spacing:0!important;white-space:nowrap!important}
html body.page-watch #watch-main a:focus-visible{outline:3px solid #355B4A!important;outline-offset:4px!important}
footer .jcc-home-footer-bottom,footer .jcc-home-footer-bottom span,footer .jcc-home-footer-bottom a{color:#A0A0A0!important;-webkit-text-fill-color:#A0A0A0!important}
body.page-watch footer{margin-top:0}
@media(max-width:1100px){html body.page-watch main#watch-main.watch-main .watch-info h2,html body.page-watch main#watch-main.watch-main .watch-more h2{font-size:36px!important}}
@media(max-width:1041px){html body.page-watch #jcc-mobile-menu [data-jcc-consultation-primary],html body.page-watch #jcc-mobile-menu [data-jcc-consultation-primary] span{font-size:12px!important}}
@media(max-width:720px){
 .watch-main{padding:0 24px 46px}
 html body.page-watch #watch-main .watch-breadcrumb{font-size:14px!important;padding:16px 0;margin-bottom:22px}
 html body.page-watch main#watch-main.watch-main h1.watch-title{font-size:38px!important}
 html body.page-watch #watch-main .watch-meta{margin-bottom:20px;gap:6px 10px}
 .watch-meta span:last-child{flex-basis:100%;border-left:0;padding-left:0}
 .watch-actions{gap:16px;align-items:flex-start}
 .watch-info{grid-template-columns:1fr;gap:25px;padding:29px 0}
 html body.page-watch main#watch-main.watch-main .watch-info h2,html body.page-watch main#watch-main.watch-main .watch-more h2{font-size:30px!important}
 html body.page-watch #watch-main .watch-info p{font-size:17px!important}
 .watch-next{grid-template-columns:1fr;gap:22px}
 html body.page-watch #watch-main .watch-next a{font-size:20px!important}
 .watch-more{padding-top:25px}
 html body.page-watch .jcc-chatbot:not(.is-open) .jcc-chatbot__button{font-size:12px!important}
}
@media(max-width:390px){.watch-main{padding-left:20px;padding-right:20px}}

/* Use the existing brand layer above legacy high-specificity type rules. */
@layer jcc-review-brand-20261018 {
 html body.page-watch main#watch-main h1.watch-title{font:400 56px/1.06 "Libre Caslon Display","Libre Caslon Text",Georgia,serif!important;letter-spacing:0!important}
 html body.page-watch main#watch-main .watch-info h2,html body.page-watch main#watch-main .watch-more h2{font:400 42px/1.12 "Libre Caslon Display","Libre Caslon Text",Georgia,serif!important;letter-spacing:0!important}
 html body.page-watch main#watch-main .watch-kicker{font:600 12px/1.4 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important}
 html body.page-watch main#watch-main .watch-meta{font:500 14px/1.5 "Hanken Grotesk",Arial,system-ui,sans-serif!important;letter-spacing:0!important}
 html body.page-watch header #jccHome-headcta,html body.page-watch header #jccHome-headcta span,html body.page-watch header #jcc-mobile-menu [data-jcc-consultation-primary],html body.page-watch header #jcc-mobile-menu [data-jcc-consultation-primary] span{font-family:"Hanken Grotesk",Arial,system-ui,sans-serif!important;font-size:13px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important}
 html body.page-watch #watch-main a:focus-visible{outline:3px solid #355B4A!important;outline-offset:4px!important}
 @media(max-width:1100px){html body.page-watch main#watch-main .watch-info h2,html body.page-watch main#watch-main .watch-more h2{font-size:36px!important}}
 @media(max-width:1041px){html body.page-watch header #jcc-mobile-menu [data-jcc-consultation-primary],html body.page-watch header #jcc-mobile-menu [data-jcc-consultation-primary] span{font-size:12px!important}}
 @media(max-width:720px){html body.page-watch main#watch-main h1.watch-title{font-size:38px!important}html body.page-watch main#watch-main .watch-info h2,html body.page-watch main#watch-main .watch-more h2{font-size:30px!important}}
}
