/* Dedicated watch pages: one complete player before supporting material. */
body.mcc-watch-page.mcc-layout-page #hero{min-height:0;height:auto;aspect-ratio:auto;overflow:visible;padding-block:16px 32px!important}
body.mcc-watch-page .tutorial-crumb{margin:0 0 8px;font-size:13px;line-height:1.4}
body.mcc-watch-page .tutorial-eyebrow,body.mcc-watch-page #hero .eyebrow{margin:0 0 6px;font-size:12px;line-height:1.4}
body.mcc-watch-page #hero h1{max-width:100%;margin:0 0 12px!important;font-size:clamp(1.35rem,2.3vw,2rem)!important;line-height:1.2!important;letter-spacing:0!important}
body.mcc-watch-page .tutorial-watch-layout{display:block;margin:0 0 20px}
body.mcc-watch-page #hero .hero-inner{display:block;padding:0}
body.mcc-watch-page #hero .mcc-media-block{width:100%;max-width:100%;margin:0}
body.mcc-watch-page #hero .mcc-media-player{width:min(100%,calc((100svh - 240px)*16/9));min-height:0!important;height:auto;aspect-ratio:16/9;overflow:hidden;margin-inline:auto;scroll-margin-top:96px}
body.mcc-watch-page #hero .mcc-media-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border:0;aspect-ratio:16/9}
body.mcc-watch-page #hero .mcc-media-caption{justify-content:center;gap:8px 16px;margin:10px 0 0}
body.mcc-watch-page .tutorial-lead,body.mcc-watch-page .mcc-watch-details{margin:20px 0;max-width:960px}
body.mcc-watch-page .tutorial-resources{margin-top:20px}
body.mcc-watch-page .mcc-watch-details .lead{margin-bottom:16px}
@media(max-width:600px){body.mcc-watch-page.mcc-layout-page #hero{padding-top:12px!important}body.mcc-watch-page #hero .mcc-media-player{width:100%}body.mcc-watch-page #hero h1{font-size:1.35rem!important}body.mcc-watch-page .tutorial-crumb{font-size:12px}}
@media(max-height:500px) and (orientation:landscape){body.mcc-watch-page #hero .mcc-media-player{width:min(100%,calc((100svh - 180px)*16/9))}body.mcc-watch-page .tutorial-crumb,body.mcc-watch-page .tutorial-eyebrow,body.mcc-watch-page #hero .eyebrow{display:none}body.mcc-watch-page #hero h1{font-size:1.15rem!important;margin-bottom:8px!important}}

/* A watch page's main landmark is dedicated to its single video. */
body.mcc-watch-focused .mcc-watch-description{max-width:76ch;margin:16px auto 0;font-size:1rem;line-height:1.65;color:var(--mcc-ink,#163f35)}
body.mcc-watch-focused #hero{padding-bottom:20px!important}
body.mcc-watch-focused .mcc-watch-extras,body.mcc-watch-focused .mcc-watch-support{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:24px 0}
body.mcc-watch-focused .mcc-watch-extras>section{margin:0 0 24px}
body.mcc-watch-focused .mcc-watch-extras h2,body.mcc-watch-focused .mcc-watch-support>h2{margin:0 0 16px;font-size:1.3rem;line-height:1.35}
body.mcc-watch-focused .mcc-watch-support{border-top:1px solid #d6e4df;margin-top:16px;padding-top:28px}
body.mcc-watch-focused .mcc-watch-disclosure{margin:0 0 24px;border:1px solid #c9dcd4;border-radius:16px;background:#fff;color:#163f35}
body.mcc-watch-focused .mcc-watch-disclosure>summary{display:list-item;list-style:disclosure-closed inside;padding:18px 20px;font-weight:650;line-height:1.5;cursor:pointer;min-height:48px;overflow-wrap:anywhere}
body.mcc-watch-focused .mcc-watch-disclosure[open]>summary{list-style-type:disclosure-open;border-bottom:1px solid #d6e4df}
body.mcc-watch-focused .mcc-watch-disclosure>summary:focus-visible{outline:3px solid #166852;outline-offset:4px;border-radius:12px}
body.mcc-watch-focused .mcc-watch-disclosure-body{padding:20px;min-width:0;overflow-wrap:anywhere}
body.mcc-watch-focused .mcc-watch-disclosure-body .tutorial-resources{margin-top:0}
body.mcc-watch-focused .mcc-watch-disclosure-body>section{margin-block:24px}
body.mcc-watch-focused .mcc-watch-disclosure-body .section{padding:20px 0}
body.mcc-watch-focused .mcc-watch-disclosure-body .section-inner{width:100%;padding-inline:0}
body.mcc-watch-focused .mcc-watch-disclosure-body .mcc-watch-details{margin:0 0 20px}
body.mcc-watch-focused .mcc-watch-disclosure-body .tutorial-note{margin:24px 0}
body.mcc-watch-focused .mcc-watch-extras .tutorial-chapters{margin:0;padding-left:24px}
body.mcc-watch-focused .mcc-watch-extras .tutorial-chapters li{margin:6px 0}
body.mcc-watch-focused .mcc-watch-extras .tutorial-chapters a{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:10px 12px;line-height:1.5}
body.mcc-watch-focused .mcc-watch-extras .tutorial-chapters a span:first-child{flex:0 0 auto;min-width:3.2em;white-space:nowrap}
body.mcc-watch-focused .mcc-watch-support :target{scroll-margin-top:96px}
@media(max-width:600px){body.mcc-watch-focused .mcc-watch-extras,body.mcc-watch-focused .mcc-watch-support{width:calc(100% - 28px);padding-block:20px}body.mcc-watch-focused .mcc-watch-disclosure-body{padding:16px}body.mcc-watch-focused .mcc-watch-disclosure>summary{padding:16px}body.mcc-watch-focused .mcc-watch-description{font-size:1rem}}