/* Clean v2 course UI. No legacy cascade. */ body:has(#ysc-sus-course){background:#0c0d10!important} body:has(#ysc-sus-course) :is(#content,#primary,.site-main,.entry-content){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#0c0d10!important} #ysc-sus-course{--bg:#0c0d10;--panel:#181b21;--panel2:#121419;--line:#30343d;--ink:#f4f5f7;--muted:#aeb3bc;--orange:#ff7a2f;--purple:#7c6cf5;--green:#57d09a;width:100%;max-width:none;margin:0;background:var(--bg);color:var(--ink);font:18px/1.55 "Plus Jakarta Sans",system-ui,sans-serif;color-scheme:dark} #ysc-sus-course,#ysc-sus-course *{box-sizing:border-box;font-family:"Plus Jakarta Sans",system-ui,sans-serif!important} #ysc-sus-course :is(h1,h2,h3,h4,h5,h6){margin:0;color:#fff;font-weight:700;text-transform:none;line-height:1.2} #ysc-sus-course :is(p,li,label,a,button,input,textarea,select){font-size:18px} #ysc-sus-course p{color:var(--muted)} #ysc-sus-course [hidden]{display:none!important} #ysc-sus-course :is(.ysc-sus-layout,.ysc-sus-module-view,.ysc-sus-certificate-wrap){width:calc(100% - 80px);max-width:1440px;margin:0 auto} #ysc-sus-course .ysc-sus-layout{display:grid;gap:28px;padding:48px 0 64px} #ysc-sus-course .ysc-sus-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:40px;align-items:center;padding:36px 0;background:none;border:0;border-radius:0} #ysc-sus-course .ysc-sus-hero__content{display:grid;gap:18px} #ysc-sus-course .ysc-sus-hero h1{font-size:clamp(36px,5vw,64px)} #ysc-sus-course .ysc-sus-kicker{color:var(--orange);font-size:15px;text-transform:none} #ysc-sus-course :is(.ysc-sus-hero__panel,.ysc-sus-path-card,.ysc-sus-sidebar,.ysc-sus-section-card,.ysc-sus-module-header,.ysc-ds-card){padding:24px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:none} #ysc-sus-course .ysc-sus-intro-video{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:16px} #ysc-sus-course .ysc-sus-intro-copy{display:grid;align-content:center;gap:12px;padding:30px} #ysc-sus-course .ysc-sus-video-wrap{background:#0c0d10;overflow:hidden} #ysc-sus-course .ysc-sus-video-wrap :is(iframe,video){display:block;width:100%;height:100%;min-height:260px;aspect-ratio:16/9;border:0;background:#0c0d10;object-fit:cover} #ysc-sus-course .ysc-sus-comic-callout{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:linear-gradient(145deg,rgba(124,108,245,.16),var(--panel));border:1px solid #34304b;border-radius:16px} #ysc-sus-course .ysc-sus-comic-copy{display:grid;align-content:center;gap:12px;padding:28px} #ysc-sus-course .ysc-sus-comic-media{min-height:220px;background:var(--panel2)} #ysc-sus-course .ysc-sus-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start} #ysc-sus-course .ysc-sus-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #ysc-sus-course .ysc-sus-module-card{display:flex;flex-direction:column;gap:14px;min-height:220px;padding:22px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--module-accent,var(--orange));border-radius:16px;box-shadow:none} #ysc-sus-course .ysc-sus-module-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} #ysc-sus-course :is(.ysc-sus-module-number,.ysc-sus-status){font-size:15px;text-transform:none} #ysc-sus-course .ysc-sus-status{padding:6px 10px;background:#242831;border-radius:999px;color:#c9ced6} #ysc-sus-course :is(button,.ysc-sus-btn,.ysc-sus-link-btn){min-height:44px;padding:11px 18px;background:transparent;color:var(--ink);border:1px solid #414751;border-radius:10px;box-shadow:none;outline:0;text-decoration:none;font-weight:700} #ysc-sus-course :is(.ysc-sus-btn--primary,button[type=submit]){background:var(--orange);color:#160e06;border-color:var(--orange)} #ysc-sus-course .ysc-sus-badge-list{display:flex;gap:12px;overflow-x:auto;padding:8px 0 14px;scrollbar-width:thin;scrollbar-color:#7c6cf5 #17191f} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar{height:10px} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar-track{background:#17191f;border-radius:999px} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--orange),var(--purple));border:2px solid #17191f;border-radius:999px} #ysc-sus-course .ysc-sus-badge{flex:0 0 188px;min-height:144px;padding:18px;background:#171a20;color:#c7ccd4;border:1px solid #3a404a;border-radius:15px;opacity:.9} #ysc-sus-course :is(input,textarea,select){width:100%;padding:12px 14px;background:#111318;color:var(--ink);border:1px solid #3a3f49;border-radius:10px} @media(max-width:1000px){#ysc-sus-course .ysc-sus-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ysc-sus-course :is(.ysc-sus-hero,.ysc-sus-intro-video,.ysc-sus-comic-callout,.ysc-sus-main){grid-template-columns:1fr}} @media(max-width:640px){#ysc-sus-course :is(.ysc-sus-layout,.ysc-sus-module-view,.ysc-sus-certificate-wrap){width:calc(100% - 40px)}#ysc-sus-course .ysc-sus-module-grid{grid-template-columns:1fr}} /* Good Teammate parity: module typography, status case, and stable question layout. */ #ysc-sus-course .material-symbols-rounded{font-family:"Material Symbols Rounded"!important;font-weight:normal!important;font-style:normal!important;text-transform:none!important;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga"} #ysc-sus-course :is(.ysc-sus-module-number,.ysc-sus-status){font-size:15px!important;line-height:1.4!important;text-transform:none!important} #ysc-sus-course .ysc-sus-module-card h3{font-size:19px!important;font-weight:700!important;line-height:1.25!important} #ysc-sus-course .ysc-sus-module-card>p{font-size:18px!important;line-height:1.5!important} #ysc-sus-course .ysc-sus-card-footer :is(span,button){font-size:18px!important;line-height:1.4!important} #ysc-sus-course .ysc-sus-status{white-space:nowrap!important} #ysc-sus-course .ysc-sus-answer-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important} #ysc-sus-course .ysc-sus-answer{position:relative!important;display:block!important;width:100%!important;min-width:0!important;min-height:64px!important;padding:16px 68px 16px 20px!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;text-align:left!important;line-height:1.55!important} #ysc-sus-course .ysc-sus-answer:after{position:absolute;right:18px;top:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:30px;font-weight:700;line-height:1;opacity:0;transform:translateY(-50%)} #ysc-sus-course .ysc-sus-answer.is-correct:after{content:"✓";background:var(--green);color:#0c0d10;opacity:1} #ysc-sus-course .ysc-sus-answer.is-wrong:after{content:"×";background:#e2564d;color:#fff;opacity:1} #ysc-sus-course .ysc-sus-quiz-question label{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important} #ysc-sus-course .ysc-sus-quiz-question label input{flex:0 0 auto!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important} /* 1.6.28 structural parity with the approved Good Teammate course. */ body:has(#ysc-sus-course) .ysc-full-bleed-post-hero{display:none!important} #ysc-sus-course{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;column-gap:20px!important;padding:0 max(20px,calc((100vw - 1440px)/2)) 56px!important;overflow:hidden!important} #ysc-sus-course>.ysc-sus-hero{grid-column:1/-1!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:56px 0 48px!important;background:radial-gradient(110% 130% at 84% -10%,rgba(124,108,245,.30),transparent 60%)!important;border:0!important;border-radius:0!important} #ysc-sus-course .ysc-sus-hero__content{display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important} #ysc-sus-course .ysc-sus-hero h1{font-size:clamp(36px,4.4vw,56px)!important;line-height:1.04!important} #ysc-sus-course .ysc-sus-hero__content>p{max-width:62ch!important;font-size:18px!important;line-height:1.6!important} #ysc-sus-course .ysc-sus-hero__panel{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:16px!important;padding:28px!important;background:linear-gradient(160deg,#1a1d24,#131519)!important;border:1px solid #262a33!important;border-radius:18px!important} #ysc-sus-course .ysc-sus-progress-ring{margin:0 auto!important} #ysc-sus-course .ysc-sus-athlete-card{display:grid!important;gap:9px!important;max-width:620px!important;padding:16px!important;background:#15171c!important;border:1px solid #292d35!important;border-radius:12px!important} #ysc-sus-course .ysc-sus-name-row{display:flex!important;gap:9px!important} #ysc-sus-course .ysc-sus-name-row input{flex:1!important;min-width:0!important} #ysc-sus-course>.ysc-sus-intro-video{grid-column:1!important;width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)!important;min-height:250px!important;background:#15171c!important;border:1px solid #23262e!important;border-radius:18px!important;overflow:hidden!important} #ysc-sus-course .ysc-sus-intro-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;padding:30px!important} #ysc-sus-course .ysc-sus-video-wrap{min-height:250px!important;background:#101216!important;line-height:0!important} #ysc-sus-course .ysc-sus-video-wrap iframe{display:block!important;width:100%!important;height:100%!important;min-height:250px!important;aspect-ratio:16/9!important;border:0!important;background:#101216!important} #ysc-sus-course>.ysc-sus-comic-callout{grid-column:2!important;width:100%!important;max-width:none!important;margin:0!important;display:block!important;min-height:250px!important;background:linear-gradient(150deg,rgba(124,108,245,.18),#15171c)!important;border:1px solid #2c2f3c!important;border-radius:18px!important;overflow:hidden!important} #ysc-sus-course .ysc-sus-comic-media{display:none!important} #ysc-sus-course .ysc-sus-comic-copy{display:flex!important;min-height:250px!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;padding:30px!important} #ysc-sus-course>.ysc-consent-card{grid-column:1/-1!important;width:100%!important;max-width:1440px!important;margin:28px auto 0!important;padding:22px 26px!important;background:linear-gradient(145deg,rgba(87,208,154,.08),#15171c)!important;border:1px solid #263a33!important;border-left:4px solid #57d09a!important;border-radius:18px!important} #ysc-sus-course>.ysc-sus-path-card{grid-column:1/-1!important;width:100%!important;max-width:1440px!important;margin:28px auto 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:18px 0!important;background:transparent!important;border:0!important;border-top:1px solid #1a1d24!important;border-radius:0!important} #ysc-sus-course .ysc-sus-path-card h3{font-size:18px!important} #ysc-sus-course .ysc-sus-path-card p{font-size:15px!important} #ysc-sus-course .ysc-sus-path-pill{color:#8b9099!important;font-size:15px!important;text-transform:none!important} #ysc-sus-course .ysc-sus-toggle{display:flex!important;gap:10px!important;flex:none!important} #ysc-sus-course .ysc-sus-toggle button{min-height:0!important;padding:9px 18px!important;background:transparent!important;color:#aeb3bc!important;border:1px solid #2a2e37!important;border-radius:999px!important;box-shadow:none!important;font-size:16px!important} #ysc-sus-course .ysc-sus-toggle button.is-active{background:#7c6cf5!important;color:#0c0d10!important;border-color:#7c6cf5!important} #ysc-sus-course>.ysc-sus-layout{grid-column:1/-1!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important} #ysc-sus-course .ysc-sus-main{order:1!important;display:block!important;width:100%!important;min-width:0!important} #ysc-sus-course .ysc-sus-sidebar{order:2!important;margin-top:44px!important;padding:36px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid #1a1d24!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important} #ysc-sus-course .ysc-sus-sidebar>h3{display:inline-block!important;margin:0 14px 18px 0!important;font-size:22px!important} #ysc-sus-course .ysc-sus-sidebar>.ysc-sus-link-btn{float:right!important;margin:0!important;padding:8px 16px!important;background:transparent!important;color:#aeb3bc!important;border:1px solid #2a2e37!important;border-radius:999px!important;font-size:16px!important} #ysc-sus-course .ysc-sus-badge-list{clear:both!important;display:flex!important;gap:12px!important;overflow-x:auto!important;padding:0 0 14px!important} #ysc-sus-course .ysc-sus-badge{flex:0 0 172px!important;min-height:144px!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:18px 16px!important;background:#15181e!important;border:1px solid #343944!important;border-radius:14px!important;opacity:.86!important} #ysc-sus-course .ysc-sus-badge>span{display:grid!important;gap:7px!important} #ysc-sus-course .ysc-sus-badge strong{color:#c9ced6!important;font-size:15px!important;line-height:1.3!important} #ysc-sus-course .ysc-sus-badge em{color:#969eaa!important;font-size:14px!important;font-style:normal!important} #ysc-sus-course .ysc-sus-badge-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;background:#272b34!important;color:var(--module-accent)!important;border-radius:10px!important} #ysc-sus-course .ysc-sus-badge:is(.is-started,.is-earned){background:color-mix(in srgb,var(--module-accent) 14%,#15181e)!important;border-color:var(--module-accent)!important;opacity:1!important} #ysc-sus-course .ysc-sus-badge:is(.is-started,.is-earned) strong{color:#f4f6f8!important} #ysc-sus-course .ysc-sus-module-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important;overflow:visible!important} #ysc-sus-course .ysc-sus-module-card{position:relative!important;display:flex!important;flex-direction:column!important;gap:12px!important;width:auto!important;min-width:0!important;min-height:260px!important;padding:22px 24px!important;overflow:hidden!important;background:linear-gradient(155deg,color-mix(in srgb,var(--module-accent) 11%,transparent),transparent 62%),#181b21!important;border:1px solid color-mix(in srgb,var(--module-accent) 30%,#2b2f38)!important;border-radius:16px!important} #ysc-sus-course .ysc-sus-module-card:before{content:""!important;position:absolute!important;inset:0 0 auto!important;height:3px!important;background:var(--module-accent)!important} #ysc-sus-course .ysc-sus-module-card__top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0!important} #ysc-sus-course .ysc-sus-module-number{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;color:#9299a4!important} #ysc-sus-course .ysc-sus-module-card h3{margin:0!important;font-size:19px!important;line-height:1.25!important} #ysc-sus-course .ysc-sus-module-card>p{margin:0!important;color:#aeb3bc!important;font-size:18px!important;line-height:1.5!important} #ysc-sus-course .ysc-sus-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid #30343d!important} #ysc-sus-course .ysc-sus-card-footer button{width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:2px 0!important;background:transparent!important;color:var(--module-accent)!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:18px!important} @media(max-width:1000px){#ysc-sus-course{grid-template-columns:1fr!important}#ysc-sus-course>.ysc-sus-intro-video,#ysc-sus-course>.ysc-sus-comic-callout{grid-column:1!important}#ysc-sus-course .ysc-sus-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:640px){#ysc-sus-course{padding-left:20px!important;padding-right:20px!important}#ysc-sus-course .ysc-sus-hero,#ysc-sus-course .ysc-sus-intro-video{grid-template-columns:1fr!important}#ysc-sus-course .ysc-sus-module-grid{grid-template-columns:1fr!important}#ysc-sus-course>.ysc-sus-path-card{align-items:flex-start!important;flex-direction:column!important}.ysc-sus-name-row{flex-direction:column!important}} /* 1.6.29 one authoritative content boundary; removes nested/double gutters. */ #ysc-sus-course{ left:auto!important; width:calc(100% - 80px)!important; max-width:1440px!important; margin:0 auto!important; padding:0 0 56px!important } #ysc-sus-course>:is(.ysc-sus-hero,.ysc-sus-intro-video,.ysc-sus-comic-callout,.ysc-consent-card,.ysc-sus-path-card,.ysc-sus-layout){ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important } #ysc-sus-course>.ysc-sus-intro-video{grid-column:1!important} #ysc-sus-course>.ysc-sus-comic-callout{grid-column:2!important} @media(max-width:1000px){#ysc-sus-course>.ysc-sus-intro-video,#ysc-sus-course>.ysc-sus-comic-callout{grid-column:1!important}} @media(max-width:640px){#ysc-sus-course{width:calc(100% - 40px)!important;padding-left:0!important;padding-right:0!important}} /* 1.6.30 deep visual QA: responsive geometry and hero utility panel. */ #ysc-sus-course .ysc-sus-progress-ring{display:grid!important;place-items:center!important;width:112px!important;height:112px!important;border-radius:50%!important;background:conic-gradient(var(--orange) var(--pct,0%),#292d35 0)!important;position:relative!important} #ysc-sus-course .ysc-sus-progress-ring:before{content:""!important;position:absolute!important;inset:9px!important;background:#17191f!important;border-radius:50%!important} #ysc-sus-course .ysc-sus-progress-ring span{position:relative!important;z-index:1!important;color:#f4f5f7!important;font-size:22px!important;font-weight:700!important} #ysc-sus-course .ysc-sus-progress-bar{height:6px!important;overflow:hidden!important;background:#292d35!important;border-radius:999px!important} #ysc-sus-course .ysc-sus-progress-bar span{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--orange),var(--purple))!important;border-radius:inherit!important} #ysc-sus-course .ysc-sus-hero__panel>.ysc-sus-btn--primary{width:100%!important;background:var(--orange)!important;color:#160e06!important;border:0!important;border-radius:12px!important} #ysc-sus-course .ysc-sus-certificate-menu{border-top:1px solid #292d35!important;color:#aeb3bc!important} #ysc-sus-course .ysc-sus-certificate-menu summary{padding-top:12px!important;cursor:pointer!important;font-size:15px!important} #ysc-sus-course .ysc-sus-certificate-menu .ysc-sus-athlete-card{margin-top:12px!important;padding:0!important;background:transparent!important;border:0!important} #ysc-sus-course .ysc-sus-certificate-menu .ysc-sus-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} #ysc-sus-course .ysc-sus-certificate-menu .ysc-sus-btn{min-height:0!important;padding:9px 11px!important;background:transparent!important;color:#cfd4dc!important;border:1px solid #343842!important;border-radius:8px!important;font-size:14px!important} #ysc-sus-course .ysc-sus-intro-copy h3,#ysc-sus-course .ysc-sus-comic-copy h3{font-size:20px!important;line-height:1.3!important} #ysc-sus-course :is(.ysc-sus-intro-copy,.ysc-sus-comic-copy)>p{font-size:15px!important;line-height:1.55!important} #ysc-sus-course .ysc-consent-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important} #ysc-sus-course .ysc-consent-summary h3{font-size:18px!important} #ysc-sus-course .ysc-consent-body{margin-top:16px!important} #ysc-sus-course .ysc-consent-check{display:flex!important;align-items:center!important;gap:10px!important;margin-top:14px!important;padding:13px!important;background:#121419!important;border:1px solid #30333c!important;border-radius:10px!important;color:#f4f5f7!important} @media(max-width:1200px){#ysc-sus-course{grid-template-columns:1fr!important}#ysc-sus-course>.ysc-sus-intro-video,#ysc-sus-course>.ysc-sus-comic-callout{grid-column:1!important}#ysc-sus-course>.ysc-sus-hero{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important}} @media(max-width:780px){#ysc-sus-course>.ysc-sus-hero,#ysc-sus-course>.ysc-sus-intro-video{grid-template-columns:1fr!important}#ysc-sus-course .ysc-sus-hero__panel{margin-top:8px!important}#ysc-sus-course .ysc-sus-module-grid{grid-template-columns:1fr!important}} /* 1.6.31 complete Good Teammate module component system. */ :root{--ysc-sus-sticky-offset:104px} body:has(#ysc-sus-course){background:#0c0d10!important} body:has(#ysc-sus-course) .ysc-full-bleed-post-hero{display:none!important} body:has(#ysc-sus-course) #content,body:has(#ysc-sus-course) #primary,body:has(#ysc-sus-course) #primary :is(.site-main,.entry-content,.elementor,.elementor-section-wrap,.e-con-parent){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#0c0d10!important} #ysc-sus-course{--bg:#0C0D10;--panel:#15171C;--panel2:#121419;--line:#23262E;--ink:#F2F3F5;--muted:#8B9099;--dim:#6E747E;--orange:#FF7A2F;--violet:#7C6CF5;--green:#57D09A;--blue:#38BDF8;--pink:#F4628A;--gold:#F5C147;position:relative;left:calc(50% - 50vw);width:100vw;max-width:none!important;margin-left:0!important;background:var(--bg);color:var(--ink);font:16px/1.5 "Plus Jakarta Sans",system-ui,sans-serif;overflow:hidden;color-scheme:dark} #ysc-sus-course,#ysc-sus-course *{box-sizing:border-box} #ysc-sus-course :is(h1,h2,h3,h4){margin:0;color:var(--ink);font-family:"Plus Jakarta Sans",system-ui,sans-serif} #ysc-sus-course p{margin:0;color:var(--muted)} #ysc-sus-course button,#ysc-sus-course input{font:inherit} #ysc-sus-course button{cursor:pointer} #ysc-sus-course [hidden]{display:none!important} #ysc-sus-course .ysc-sus-new-wrap{width:100%;max-width:1440px;margin:0 auto} .ysc-sus-new-hero{padding:56px 40px;background:radial-gradient(110% 130% at 84% -10%,rgba(124,108,245,.3),transparent 60%)} .ysc-sus-new-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:56px;align-items:center} .ysc-sus-new-hero-copy{display:flex;flex-direction:column;gap:20px;min-width:0} .ysc-sus-new-eyebrow,.ysc-sus-kicker{display:block;color:var(--orange);font-size:11px;font-weight:700;text-transform:uppercase} .ysc-sus-new-hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.04} .ysc-sus-new-lede{max-width:60ch;font-size:18px;line-height:1.6} .ysc-sus-new-stats{display:flex;gap:28px;align-items:stretch;flex-wrap:wrap;margin-top:12px}.ysc-sus-new-stats>i{width:1px;background:var(--line)} .ysc-sus-new-stat{display:flex;flex-direction:column;gap:2px}.ysc-sus-new-stat b{color:var(--ink);font:700 30px/1.2 "Plus Jakarta Sans",sans-serif}.ysc-sus-new-stat b span{font:inherit;color:inherit}.ysc-sus-new-stat b.is-orange{color:var(--orange)}.ysc-sus-new-stat>span{color:var(--muted);font-size:13px} .ysc-sus-new-resume{display:flex;flex-direction:column;gap:16px;padding:28px;background:linear-gradient(160deg,#1a1d24,#131519);border:1px solid #262a33;border-radius:18px}.ysc-sus-new-resume .ysc-sus-new-eyebrow{color:var(--violet)}.ysc-sus-new-resume h2{font-size:23px;line-height:1.2}.ysc-sus-new-resume p{font-size:15px;line-height:1.55} .ysc-sus-new-bar{height:6px;overflow:hidden;background:var(--line);border-radius:999px}.ysc-sus-new-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--orange),var(--violet));border-radius:inherit;transition:width .8s ease} .ysc-sus-new-primary{min-height:0!important;padding:15px 22px!important;background:var(--orange)!important;color:#160e06!important;border:0!important;border-radius:12px!important;box-shadow:none!important;outline:0!important;font-weight:700!important} .ysc-sus-new-strip{padding:0 40px 48px}.ysc-sus-new-strip-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px} .ysc-sus-new-start{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:18px}.ysc-sus-new-start:before,.ysc-sus-new-start:after{display:none!important;content:none!important}.ysc-sus-intro-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:30px;border-right:1px solid var(--line)}.ysc-sus-intro-copy h3,.ysc-sus-new-guide h3{font-size:20px}.ysc-sus-intro-copy p,.ysc-sus-new-guide p{font-size:15px;line-height:1.55}.ysc-sus-video-wrap{min-height:200px;background:linear-gradient(150deg,#242833,#14161b)}.ysc-sus-video-wrap iframe{display:block;width:100%;height:100%;min-height:200px;border:0} .ysc-sus-new-guide{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:30px;background:linear-gradient(150deg,rgba(124,108,245,.18),var(--panel));border:1px solid #2c2f3c;border-radius:18px}.ysc-sus-new-guide .ysc-sus-new-eyebrow{color:#9b8cff}.ysc-sus-new-ghost{align-self:flex-start;margin-top:8px;padding:12px 20px;background:var(--ink);color:var(--bg)!important;border-radius:10px;font-weight:700;text-decoration:none} .ysc-sus-new-consent{max-width:1360px;margin:0 auto 30px;padding:22px 26px;background:linear-gradient(145deg,rgba(244,98,138,.1),var(--panel));border:1px solid #392832;border-left:4px solid #f4628a;border-radius:18px}.ysc-consent-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.ysc-consent-summary h3{font-size:18px}.ysc-consent-body{margin-top:16px}.ysc-consent-card.is-collapsed .ysc-consent-body{display:none}.ysc-consent-check{display:flex;gap:10px;margin-top:14px;padding:13px;background:var(--panel2);border:1px solid #30333c;border-radius:10px;color:var(--ink)}.ysc-consent-card.is-accepted{background:linear-gradient(145deg,rgba(87,208,154,.08),var(--panel));border-color:#263a33;border-left-color:var(--green)}.ysc-consent-card.is-accepted .ysc-sus-kicker{color:var(--green)}.ysc-consent-summary button{min-height:0!important;padding:10px 16px!important;background:transparent!important;color:#cfd4dc!important;border:1px solid #3a414b!important;border-radius:10px!important;box-shadow:none!important;outline:0!important;font-size:13px!important} .ysc-sus-new-course{padding:0 40px}.ysc-sus-new-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:22px 0 18px;border-top:1px solid #1a1d24}.ysc-sus-new-toolbar>i{width:1px;height:24px;margin:0 6px;background:var(--line)}.ysc-sus-new-label{color:var(--dim);font-size:13px;font-weight:700;text-transform:uppercase}.ysc-sus-new-chip{min-height:0!important;padding:9px 18px!important;background:transparent!important;color:var(--muted)!important;border:1px solid #2a2e37!important;border-radius:999px!important;box-shadow:none!important;outline:0!important;font-size:14px!important;font-weight:600!important}.ysc-sus-new-chip.is-active{background:var(--ink)!important;color:var(--bg)!important;border-color:var(--ink)!important}[data-ysc-sus-track=rookie].is-active{background:var(--orange)!important;border-color:var(--orange)!important}[data-ysc-sus-track=captain].is-active{background:var(--violet)!important;border-color:var(--violet)!important}.ysc-sus-new-shown{margin-left:auto;color:var(--dim);font-size:14px}.ysc-sus-new-path-copy{margin:0 0 18px!important;color:#aeb3bc!important;font-size:15px} .ysc-sus-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ysc-sus-new-module{position:relative;display:flex;flex-direction:column;gap:12px;min-height:220px;padding:22px 24px;overflow:hidden;background:linear-gradient(155deg,color-mix(in srgb,var(--module-accent) 13%,transparent),transparent 62%),#181b21;border:1px solid color-mix(in srgb,var(--module-accent) 34%,#2b2f38);border-radius:16px}.ysc-sus-new-module:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--module-accent)}.ysc-sus-new-module-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ysc-sus-new-module-left{display:flex;align-items:flex-start;gap:7px;min-width:0}.ysc-sus-new-module-number{flex:none;padding-top:4px;color:#9299a4;font:700 10px/1.35 "Plus Jakarta Sans",sans-serif;text-transform:uppercase;white-space:nowrap}.ysc-sus-new-module-theme{min-width:0;padding:4px 7px;background:color-mix(in srgb,var(--module-accent) 16%,transparent);color:var(--module-accent);border-radius:6px;font-size:10px;font-weight:700;line-height:1.25}.ysc-sus-new-module-status{flex:none;padding:5px 9px;background:#1e2128;color:#a2a8b2;border-radius:999px;font-size:10px;font-weight:700}.ysc-sus-new-module-status.is-started{color:var(--module-accent)}.ysc-sus-new-module-status.is-complete{color:var(--green)}.ysc-sus-new-module h3{font-size:19px;line-height:1.25}.ysc-sus-new-module>p{color:#aeb3bc;font-size:15px;line-height:1.5}.ysc-sus-new-module-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid #30343d}.ysc-sus-new-module-foot>span{color:#9299a4;font-size:13px}.ysc-sus-new-module-foot button,.ysc-sus-new-module-foot button:is(:hover,:active,:focus,:focus-visible){display:inline-flex;gap:7px;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:2px 0!important;background:transparent!important;color:var(--module-accent)!important;border:0!important;border-width:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;font-size:14px!important;font-weight:700!important}.ysc-sus-new-module-foot button:focus-visible{text-decoration:underline;text-underline-offset:5px} .ysc-sus-new-badges{padding:44px 40px 56px}.ysc-sus-new-badges-inner{padding-top:36px;border-top:1px solid #1a1d24}.ysc-sus-new-badge-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:18px}.ysc-sus-new-badge-head h2{font-size:22px}.ysc-sus-new-badge-head>span{color:var(--dim);font-size:14px}.ysc-sus-new-badge-head button{margin-left:auto!important;min-width:0!important;min-height:0!important;padding:8px 16px!important;background:transparent!important;color:var(--dim)!important;border:1px solid #2a2e37!important;border-radius:999px!important;box-shadow:none!important;outline:0!important;font-size:13px!important}.ysc-sus-badge-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#4b505a #17191f}.ysc-sus-badge-list::-webkit-scrollbar{height:10px}.ysc-sus-badge-list::-webkit-scrollbar-track{background:#17191f;border-radius:999px}.ysc-sus-badge-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--orange),var(--violet));border:2px solid #17191f;border-radius:999px}.ysc-sus-new-badge{flex:0 0 172px;display:flex;flex-direction:column;gap:10px;padding:18px 16px;background:#17191f;border:1px solid #292d35;border-radius:14px;opacity:.72}.ysc-sus-new-badge-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#24272e;color:#9299a4;border-radius:10px;font:700 13px/1 "Plus Jakarta Sans",sans-serif}.ysc-sus-new-badge strong{color:#aeb3bc;font-size:14px;line-height:1.3}.ysc-sus-new-badge em{color:#858c97;font-size:12px;font-style:normal}.ysc-sus-new-badge.is-earned{opacity:1;border-color:var(--module-accent)}.ysc-sus-new-badge.is-earned .ysc-sus-new-badge-icon{background:var(--module-accent);color:#160e06}.ysc-sus-new-badge.is-earned strong{color:var(--ink)}.ysc-sus-new-badge.is-earned em{color:var(--green)} .ysc-sus-new-certificate-menu{border-top:1px solid #292d35;color:var(--muted)}.ysc-sus-new-certificate-menu summary{padding-top:12px;font-size:13px;cursor:pointer}.ysc-sus-new-certificate-menu-body{display:grid;gap:9px;padding-top:12px}.ysc-sus-name-row,.ysc-sus-new-certificate-actions{display:flex;gap:8px}.ysc-sus-new-certificate-menu input{min-width:0;flex:1;padding:9px 10px;background:var(--panel2);color:var(--ink);border:1px solid #30333c;border-radius:8px}.ysc-sus-new-certificate-menu button{min-height:0!important;padding:9px 11px!important;background:transparent!important;color:#c6cad1!important;border:1px solid #343842!important;border-radius:8px!important;box-shadow:none!important;outline:0!important}.ysc-sus-new-certificate-actions button{flex:1} .ysc-sus-module-view{padding:36px 0}.ysc-sus-module-nav{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.ysc-sus-btn{min-height:0;padding:11px 16px;background:transparent;color:var(--ink);border:1px solid #343842;border-radius:10px;font-weight:700}.ysc-sus-btn--primary{background:var(--orange);color:#160e06;border-color:var(--orange)}.ysc-sus-module-header,.ysc-sus-section-card,.ysc-sus-scenario-card,.ysc-sus-quiz-question,.ysc-sus-complete-box,.ysc-sus-challenge-card,.ysc-sus-audio-card{margin-bottom:16px;padding:22px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px}.ysc-sus-module-header{display:grid;grid-template-columns:64px 1fr;gap:16px}.ysc-sus-module-large-icon{display:grid;place-items:center;width:64px;height:64px;background:var(--module-accent);border-radius:16px;color:#101216}.ysc-sus-section-card{display:grid;gap:14px}.ysc-sus-section-card ul{color:var(--muted)}.ysc-sus-section-image img,.ysc-sus-module-photo img{display:block;width:100%;border-radius:12px}.ysc-sus-module-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ysc-sus-module-photo__button{padding:0;background:none;border:0}.ysc-sus-answer-list,.ysc-sus-quiz-list{display:grid;gap:10px}.ysc-sus-answer,.ysc-sus-quiz-question label{display:flex;gap:10px;width:100%;padding:14px;background:var(--panel2);color:var(--ink);border:1px solid #30333c;border-radius:10px;text-align:left}.ysc-sus-answer.is-correct{border-color:var(--green)}.ysc-sus-answer.is-wrong{border-color:#f4628a}.ysc-sus-feedback{margin-top:10px;color:var(--muted)} .ysc-sus-lightbox{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:30px;background:rgba(0,0,0,.86)}.ysc-sus-lightbox__image{max-width:92vw;max-height:88vh}.ysc-sus-lightbox__close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#15171c;color:#f2f3f5;border:1px solid #23262e;border-radius:50%} .ysc-sus-lightbox[hidden]{display:none!important} .ysc-sus-certificate-wrap{padding:30px 0}.ysc-sus-certificate{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#f7f2ea;border-radius:18px}.ysc-sus-certificate-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ysc-sus-certificate-inner{position:relative;z-index:1;max-width:70%;padding:32px;background:rgba(255,255,255,.88);color:#161616;text-align:center;border-radius:16px}.ysc-sus-certificate-inner :is(h3,p){color:#161616}.ysc-sus-certificate-line{margin:18px 0;padding-bottom:8px;border-bottom:2px solid #161616;font-size:28px;font-weight:700}.ysc-sus-cert-footer{display:flex;justify-content:space-between}.ysc-sus-cert-actions{display:flex;gap:14px;align-items:center;margin-top:14px} @media(max-width:1000px){.ysc-sus-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ysc-sus-new-hero-grid,.ysc-sus-new-strip-grid,.ysc-sus-new-start{grid-template-columns:1fr}.ysc-sus-intro-copy{border-right:0;border-bottom:1px solid var(--line)}} @media(max-width:640px){.ysc-sus-new-hero,.ysc-sus-new-strip,.ysc-sus-new-course,.ysc-sus-new-badges{padding-left:20px;padding-right:20px}.ysc-sus-module-grid{grid-template-columns:1fr}.ysc-sus-new-stats{gap:16px}.ysc-sus-new-toolbar>i{display:none}.ysc-sus-new-shown{width:100%;margin-left:0}.ysc-sus-module-photos{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){#ysc-sus-course *{transition:none!important;scroll-behavior:auto!important}} /* 2.0.3 typography, sentence case, and viewport-independent centered content boundary. */ #ysc-sus-course,#ysc-sus-course *{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important} #ysc-sus-course :is(h1,h2,h3,h4){font-family:"Plus Jakarta Sans",system-ui,sans-serif!important} #ysc-sus-course .ysc-sus-new-wrap{width:calc(100% - 80px)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important} #ysc-sus-course .ysc-sus-new-hero, #ysc-sus-course .ysc-sus-new-strip, #ysc-sus-course .ysc-sus-new-course, #ysc-sus-course .ysc-sus-new-badges{padding-left:0!important;padding-right:0!important} #ysc-sus-course .ysc-sus-new-consent{width:calc(100% - 80px)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important} @media(max-width:640px){#ysc-sus-course .ysc-sus-new-wrap,#ysc-sus-course .ysc-sus-new-consent{width:calc(100% - 40px)!important}} /* 2.0.4 readable type floor: no visible course text below 14px. */ #ysc-sus-course :is( small, .ysc-sus-new-eyebrow, .ysc-sus-kicker, .ysc-sus-new-stat > span, .ysc-consent-summary button, .ysc-sus-new-label, .ysc-sus-new-chip, .ysc-sus-new-shown, .ysc-sus-new-module-number, .ysc-sus-new-module-theme, .ysc-sus-new-module-status, .ysc-sus-new-module-foot > span, .ysc-sus-new-module-foot button, .ysc-sus-new-badge-head > span, .ysc-sus-new-badge-head button, .ysc-sus-new-badge-icon, .ysc-sus-new-badge em, .ysc-sus-new-certificate-menu summary ){font-size:14px!important} /* 2.0.5 exact reference-design surfaces and neutral colors. */ #ysc-sus-course .ysc-sus-new-module{background:linear-gradient(155deg,color-mix(in srgb,var(--module-accent) 11%,transparent),transparent 62%),var(--panel);border-color:color-mix(in srgb,var(--module-accent) 26%,transparent)} #ysc-sus-course .ysc-sus-new-module-status{background:#1E2128;color:#7A808A} #ysc-sus-course .ysc-sus-new-module-number, #ysc-sus-course .ysc-sus-new-module-foot>span{color:var(--dim)} #ysc-sus-course .ysc-sus-new-module>p{color:var(--muted)} #ysc-sus-course .ysc-sus-new-module-foot{border-color:var(--line)} #ysc-sus-course .ysc-sus-new-badge{background:#121419;border-color:#20232B;opacity:.5} #ysc-sus-course .ysc-sus-new-badge-icon{background:#1C1F26;color:#5A606A} #ysc-sus-course .ysc-sus-new-badge strong{color:#7A808A} #ysc-sus-course .ysc-sus-new-badge em{color:var(--dim)} #ysc-sus-course .ysc-sus-badge-list{scrollbar-color:#2A2E37 #121419} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar-track{background:#121419} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar-thumb{background:#2A2E37;border-color:#121419} /* 2.1.0 module experience rebuilt from the supplied Rookie Module reference. */ #ysc-sus-course.ysc-sus-is-module-open .ysc-sus-new-toolbar, #ysc-sus-course.ysc-sus-is-module-open .ysc-sus-new-path-copy{display:none!important} #ysc-sus-course .ysc-sus-module-view{width:calc(100% - 40px);max-width:1120px;margin:0 auto;padding:28px 0 80px} #ysc-sus-course .ysc-sus-module-nav{align-items:center;margin:0 0 18px} #ysc-sus-course .ysc-sus-module-nav .ysc-sus-btn{padding:11px 18px!important;background:var(--orange)!important;color:#160E06!important;border:0!important;border-radius:10px!important;font-size:14px!important} #ysc-sus-course .ysc-sus-status{padding:7px 14px;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700;text-transform:uppercase} #ysc-sus-course .ysc-sus-status.is-complete{color:var(--green)} #ysc-sus-course .ysc-sus-module-header{position:relative;display:block;margin:0 0 18px;padding:26px 28px;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--module-accent) 14%,transparent),var(--panel) 62%);border:1px solid #2C2A2E;border-radius:18px} #ysc-sus-course .ysc-sus-module-header:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--module-accent)} #ysc-sus-course .ysc-sus-module-header>div{display:flex;flex-direction:column;gap:8px} #ysc-sus-course .ysc-sus-module-header .ysc-sus-kicker{color:var(--module-accent);font-size:14px!important} #ysc-sus-course .ysc-sus-module-header h1{margin:0;color:var(--ink);font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.06} #ysc-sus-course .ysc-sus-module-header p{max-width:62ch;color:#9BA1AB;font-size:17px;line-height:1.55} #ysc-sus-course .ysc-sus-module-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px} #ysc-sus-course .ysc-sus-module-photos.is-single{grid-template-columns:minmax(0,1fr)} #ysc-sus-course .ysc-sus-module-photo{margin:0;aspect-ratio:4/3;overflow:hidden;background:#101216;border:1px solid var(--line);border-radius:16px} #ysc-sus-course .ysc-sus-module-photo__button{display:block;width:100%;height:100%!important;border:0!important;border-radius:0!important;outline:0!important} #ysc-sus-course .ysc-sus-module-photo img{width:100%;height:100%;object-fit:cover;border-radius:0} #ysc-sus-course .ysc-sus-audio-card{display:flex;align-items:center;gap:24px;margin:0 0 18px;padding:20px 24px;background:var(--panel);border:1px solid var(--line);border-radius:16px} #ysc-sus-course .ysc-course-audio-card__copy{display:flex;flex:1 1 240px;min-width:220px} #ysc-sus-course .ysc-course-audio-card__copy>div{display:flex;flex-direction:column;gap:3px} #ysc-sus-course .ysc-course-audio-card__icon, #ysc-sus-course .ysc-course-audio-card__copy h3{display:none!important} #ysc-sus-course .ysc-course-audio-card__label{color:var(--orange);font-size:14px!important;font-weight:700;text-transform:uppercase} #ysc-sus-course .ysc-course-audio-card__copy p{color:var(--muted);font-size:15px;line-height:1.45} #ysc-sus-course .ysc-sus-audio-card audio{flex:1 1 300px;min-width:260px;height:38px} #ysc-sus-course .ysc-sus-section-card{display:block;margin:0 0 18px;padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:18px} #ysc-sus-course .ysc-sus-section-card>.ysc-ds-card__header{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:18px 24px;border-bottom:1px solid var(--line);font-size:19px;font-weight:600} #ysc-sus-course .ysc-sus-section-card>.ysc-ds-card__header:before{content:"";width:3px;height:20px;flex:none;background:var(--orange);border-radius:999px} #ysc-sus-course .ysc-sus-section-card>.ysc-ds-card__header>.material-symbols-outlined{display:none!important} #ysc-sus-course .ysc-sus-scenario>.ysc-ds-card__header:before{background:var(--violet)} #ysc-sus-course .ysc-sus-quiz-section>.ysc-ds-card__header:before{background:var(--blue)} #ysc-sus-course .ysc-sus-challenge-card>.ysc-ds-card__header:before{background:var(--green)} #ysc-sus-course .ysc-sus-section-image{margin:0;aspect-ratio:16/8;background:#101216} #ysc-sus-course .ysc-sus-section-image img{width:100%;height:100%;object-fit:cover;border-radius:0} #ysc-sus-course .ysc-sus-skill-card>p, #ysc-sus-course .ysc-sus-challenge-card>p{margin:0;padding:24px;color:#C6CAD1;font-size:16px;line-height:1.6} #ysc-sus-course .ysc-sus-challenge-card>p{font-size:17px} #ysc-sus-course .ysc-sus-track-explainer{position:relative;margin:0 24px 24px;padding:14px 18px 14px 20px;background:rgba(255,122,47,.08);color:#E7C6AC;border:1px solid rgba(255,122,47,.22);border-radius:12px;font-size:15px;line-height:1.55} #ysc-sus-course .ysc-sus-track-explainer:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange);border-radius:999px 0 0 999px} #ysc-sus-course .ysc-sus-section-intro{position:relative;margin:24px 24px 18px!important;padding:14px 18px 14px 20px;background:rgba(124,108,245,.09);color:#C0BAEA!important;border:1px solid rgba(124,108,245,.22);border-radius:12px;font-size:15px;line-height:1.55} #ysc-sus-course .ysc-sus-section-intro:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--violet);border-radius:999px 0 0 999px} #ysc-sus-course .ysc-sus-scenario-list, #ysc-sus-course .ysc-sus-quiz-list{display:grid;gap:18px;padding:0 24px 24px} #ysc-sus-course .ysc-sus-scenario-card, #ysc-sus-course .ysc-sus-quiz-question{display:flex;flex-direction:column;gap:16px;margin:0;padding:22px;background:#101216;border:1px solid var(--line);border-radius:14px} #ysc-sus-course .ysc-sus-question-head{display:flex;align-items:flex-start;gap:0} #ysc-sus-course .ysc-sus-question-head>.material-symbols-outlined{display:none!important} #ysc-sus-course .ysc-sus-quiz-question>.ysc-sus-question-head p{color:#FFF;font-size:17px;font-weight:700;line-height:1.5} #ysc-sus-course .ysc-sus-mini-label{display:block;margin-bottom:4px;color:var(--orange);font-size:14px!important;font-weight:700;text-transform:uppercase} #ysc-sus-course .ysc-sus-scenario-card h4{margin:0;color:var(--ink);font-size:20px;font-weight:600} #ysc-sus-course .ysc-sus-scenario-card>p{color:#9BA1AB;font-size:16px;line-height:1.6} #ysc-sus-course .ysc-sus-question-title{color:#FFF!important;font-size:17px!important;font-weight:700} #ysc-sus-course .ysc-sus-question-title>.material-symbols-outlined{display:none!important} #ysc-sus-course .ysc-sus-answer-list{gap:10px} #ysc-sus-course .ysc-sus-answer, #ysc-sus-course .ysc-sus-quiz-question label{padding:14px 16px;background:rgba(124,108,245,.08);color:#CFC9F7;border:1px solid rgba(124,108,245,.26);border-left:3px solid var(--violet);border-radius:10px;font-size:15px;line-height:1.5;transition:border-color .2s,transform .2s,background .2s} #ysc-sus-course .ysc-sus-answer:nth-child(3n+2), #ysc-sus-course .ysc-sus-quiz-question label:nth-of-type(3n+2){background:rgba(56,189,248,.07);color:#C3DCF5;border-color:rgba(56,189,248,.24);border-left-color:var(--blue)} #ysc-sus-course .ysc-sus-answer:nth-child(3n), #ysc-sus-course .ysc-sus-quiz-question label:nth-of-type(3n){background:rgba(139,147,165,.08);color:#CDD2DB;border-color:rgba(139,147,165,.26);border-left-color:#8B93A5} #ysc-sus-course .ysc-sus-answer:hover, #ysc-sus-course .ysc-sus-quiz-question label:hover{border-color:#4A505C;transform:translateX(2px)} #ysc-sus-course .ysc-sus-answer.is-correct{background:rgba(87,208,154,.14);color:#DFF6EA;border-color:var(--green);border-left-color:var(--green)} #ysc-sus-course .ysc-sus-answer.is-wrong{background:rgba(226,86,77,.12);color:#F3C9C6;border-color:#E2564D;border-left-color:#E2564D} #ysc-sus-course .ysc-sus-quiz-actions{display:flex;align-items:center;gap:16px;padding:0 24px 24px} #ysc-sus-course .ysc-sus-quiz-actions .ysc-sus-btn{padding:13px 22px!important;background:var(--ink)!important;color:var(--bg)!important;border:0!important;border-radius:10px!important;font-size:15px!important} #ysc-sus-course .ysc-sus-quiz-section>[data-quiz-feedback]{margin:0;padding:0 24px 24px;color:var(--muted);font-size:15px} #ysc-sus-course .ysc-sus-complete-box{margin:0;padding:22px 24px;background:linear-gradient(150deg,rgba(87,208,154,.12),var(--panel));border:1px solid rgba(87,208,154,.35);border-radius:18px} #ysc-sus-course .ysc-sus-complete-box:not(.is-visible){display:none} #ysc-sus-course .ysc-sus-complete-box .ysc-ds-card__header{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--green);font-size:19px} #ysc-sus-course .ysc-sus-complete-box p{margin-bottom:16px;color:#C6CAD1;font-size:16px} #ysc-sus-course .ysc-sus-complete-box .ysc-sus-btn{background:var(--green)!important;color:#0C0D10!important;border:0!important} @media(max-width:700px){ #ysc-sus-course .ysc-sus-module-view{width:100%;padding-top:20px} #ysc-sus-course .ysc-sus-module-header{padding:24px 22px} #ysc-sus-course .ysc-sus-module-photos{grid-template-columns:1fr} #ysc-sus-course .ysc-sus-audio-card{align-items:stretch;flex-direction:column} #ysc-sus-course .ysc-sus-audio-card audio{width:100%;min-width:0;flex-basis:auto} #ysc-sus-course .ysc-sus-section-card>.ysc-ds-card__header{padding:17px 20px} #ysc-sus-course .ysc-sus-skill-card>p,#ysc-sus-course .ysc-sus-challenge-card>p{padding:20px} #ysc-sus-course .ysc-sus-track-explainer{margin:0 20px 20px} #ysc-sus-course .ysc-sus-section-intro{margin:20px 20px 16px!important} #ysc-sus-course .ysc-sus-scenario-list,#ysc-sus-course .ysc-sus-quiz-list{padding:0 20px 20px} #ysc-sus-course .ysc-sus-scenario-card,#ysc-sus-course .ysc-sus-quiz-question{padding:18px} #ysc-sus-course .ysc-sus-quiz-actions{padding:0 20px 20px} } /* 2.1.1 module media, typography, icon fallback, and answer-state corrections. */ #ysc-sus-course .ysc-sus-module-view .material-symbols-rounded{display:none!important} #ysc-sus-course .ysc-sus-module-photos{align-items:start} #ysc-sus-course .ysc-sus-module-photo{aspect-ratio:auto;height:auto} #ysc-sus-course .ysc-sus-module-photo__button{height:auto!important;padding:0!important;background:transparent!important;border:0!important} #ysc-sus-course .ysc-sus-module-photo img{height:auto;object-fit:contain} #ysc-sus-course .ysc-sus-section-image{aspect-ratio:auto;height:auto;margin:0} #ysc-sus-course .ysc-sus-section-image img{height:auto;object-fit:contain} #ysc-sus-course .ysc-sus-question-head{display:block} #ysc-sus-course .ysc-sus-question-head>div{display:flex;flex-direction:column;gap:4px} #ysc-sus-course .ysc-sus-question-title{display:block;margin:0!important;color:#FFF!important} #ysc-sus-course .ysc-sus-question-title strong{color:#FFF!important;font-size:17px!important;font-weight:700!important;line-height:1.5!important} #ysc-sus-course .ysc-sus-answer{position:relative;display:block!important;padding:15px 62px 15px 18px!important;font-weight:500!important;line-height:1.55!important} #ysc-sus-course .ysc-sus-answer:after{position:absolute;top:50%;right:16px;display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:20px;font-weight:800;line-height:1;opacity:0;transform:translateY(-50%) scale(.75);transition:opacity .18s,transform .18s} #ysc-sus-course .ysc-sus-answer.is-correct:after{content:"✓";background:var(--green);color:#0C0D10;border-color:var(--green);opacity:1;transform:translateY(-50%) scale(1)} #ysc-sus-course .ysc-sus-answer.is-wrong:after{content:"×";background:#E2564D;color:#FFF;border-color:#E2564D;opacity:1;transform:translateY(-50%) scale(1)} #ysc-sus-course .ysc-sus-answer.is-correct{box-shadow:0 0 0 2px rgba(87,208,154,.22)} #ysc-sus-course .ysc-sus-answer.is-wrong{box-shadow:0 0 0 2px rgba(226,86,77,.22)} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback{position:relative;margin:0;padding:14px 18px 14px 48px;border-radius:10px;font-size:15px;font-weight:700;line-height:1.5} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback:not([hidden]){display:block!important} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback.is-correct{background:rgba(87,208,154,.1);color:#DFF6EA;border:1px solid rgba(87,208,154,.3)} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback.is-wrong{background:rgba(226,86,77,.1);color:#F3C9C6;border:1px solid rgba(226,86,77,.3)} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback:before{position:absolute;left:16px;top:13px;font-size:20px;font-weight:800} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback.is-correct:before{content:"✓";color:var(--green)} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback.is-wrong:before{content:"×";color:#E2564D} #ysc-sus-course .ysc-sus-quiz-question{position:relative} #ysc-sus-course .ysc-sus-quiz-question:after{position:absolute;top:16px;right:16px;display:none;place-items:center;width:32px;height:32px;border-radius:50%;font-size:21px;font-weight:800;line-height:1} #ysc-sus-course .ysc-sus-quiz-question.is-correct:after{content:"✓";display:grid;background:var(--green);color:#0C0D10} #ysc-sus-course .ysc-sus-quiz-question.is-wrong:after{content:"×";display:grid;background:#E2564D;color:#FFF} #ysc-sus-course .ysc-sus-quiz-question.is-correct{border-color:var(--green);box-shadow:0 0 0 2px rgba(87,208,154,.18)} #ysc-sus-course .ysc-sus-quiz-question.is-wrong{border-color:#E2564D;box-shadow:0 0 0 2px rgba(226,86,77,.18)} #ysc-sus-course .ysc-sus-quiz-question.is-correct label:has(input:checked){background:rgba(87,208,154,.14);color:#DFF6EA;border-color:var(--green);border-left-color:var(--green)} #ysc-sus-course .ysc-sus-quiz-question.is-wrong label:has(input:checked){background:rgba(226,86,77,.12);color:#F3C9C6;border-color:#E2564D;border-left-color:#E2564D} /* 2.1.2 heading discipline and clearer scenario choices. */ #ysc-sus-course :is(h1,h2,h3,h4){font-weight:700!important} #ysc-sus-course .ysc-sus-answer{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:14px;min-height:64px;padding:12px 64px 12px 14px!important;background:rgba(124,108,245,.12)!important;border:1px solid rgba(124,108,245,.48)!important;border-left:4px solid var(--violet)!important;color:#E8E5FF!important} #ysc-sus-course .ysc-sus-answer:nth-child(3n+2){background:rgba(56,189,248,.1)!important;border-color:rgba(56,189,248,.44)!important;border-left-color:var(--blue)!important;color:#DDF4FE!important} #ysc-sus-course .ysc-sus-answer:nth-child(3n){background:rgba(245,193,71,.09)!important;border-color:rgba(245,193,71,.4)!important;border-left-color:var(--gold)!important;color:#FFF1C7!important} #ysc-sus-course .ysc-sus-choice-marker{display:grid;place-items:center;width:34px;height:34px;background:rgba(255,255,255,.08);color:currentColor;border:1px solid currentColor;border-radius:9px;font-size:14px!important;font-weight:700;line-height:1} #ysc-sus-course .ysc-sus-choice-copy{min-width:0;color:inherit;font-size:15px!important;font-weight:600;line-height:1.55} #ysc-sus-course .ysc-sus-answer:hover{border-color:currentColor!important;transform:translateX(3px);filter:brightness(1.12)} #ysc-sus-course .ysc-sus-answer.is-correct{background:rgba(87,208,154,.16)!important;color:#DFF6EA!important;border-color:var(--green)!important;border-left-color:var(--green)!important} #ysc-sus-course .ysc-sus-answer.is-wrong{background:rgba(226,86,77,.15)!important;color:#FCE0DE!important;border-color:#E2564D!important;border-left-color:#E2564D!important} #ysc-sus-course .ysc-sus-answer:after{inset-block:0;top:auto!important;right:16px;margin-block:auto;transform:scale(.75)!important} #ysc-sus-course .ysc-sus-answer.is-correct:after, #ysc-sus-course .ysc-sus-answer.is-wrong:after{transform:scale(1)!important} #ysc-sus-course .ysc-sus-scenario-card>.ysc-sus-feedback:before{top:50%;transform:translateY(-50%)} #ysc-sus-course .ysc-sus-quiz-question:after{inset-block:0;top:auto!important;margin-block:auto} /* 2.1.2 accessibility type floor: all readable interface text is at least 18px. */ #ysc-sus-course{font-size:18px} #ysc-sus-course :is(p,a,button,label,li,small,strong,em,input,textarea,select,summary,span:not(.material-symbols-rounded),.ysc-sus-track-explainer){font-size:18px!important} #ysc-sus-course .ysc-sus-new-stat b, #ysc-sus-course .ysc-sus-new-stat b span{font-size:30px!important} #ysc-sus-course .ysc-sus-module-header h1{font-size:clamp(28px,3.6vw,40px)!important} #ysc-sus-course .ysc-sus-new-module h3, #ysc-sus-course .ysc-sus-section-card>.ysc-ds-card__header, #ysc-sus-course .ysc-sus-complete-box .ysc-ds-card__header{font-size:19px!important} #ysc-sus-course .ysc-sus-scenario-card h4{font-size:20px!important} #ysc-sus-course .ysc-sus-new-badge-head h2{font-size:22px!important} #ysc-sus-course .ysc-sus-new-module{min-height:260px} #ysc-sus-course .ysc-sus-new-module-top, #ysc-sus-course .ysc-sus-new-module-left{flex-wrap:wrap} #ysc-sus-course .ysc-sus-answer{min-height:76px} #ysc-sus-course .ysc-sus-choice-marker{font-size:18px!important} #ysc-sus-course .ysc-sus-choice-copy{font-size:18px!important} /* 2.1.4 distinct knowledge-check options and centered result symbols. */ #ysc-sus-course .ysc-sus-quiz-question label:nth-of-type(4n+1){background:rgba(124,108,245,.12)!important;color:#E8E5FF!important;border-color:rgba(124,108,245,.48)!important;border-left-color:var(--violet)!important} #ysc-sus-course .ysc-sus-quiz-question label:nth-of-type(4n+2){background:rgba(56,189,248,.1)!important;color:#DDF4FE!important;border-color:rgba(56,189,248,.44)!important;border-left-color:var(--blue)!important} #ysc-sus-course .ysc-sus-quiz-question label:nth-of-type(4n+3){background:rgba(245,193,71,.09)!important;color:#FFF1C7!important;border-color:rgba(245,193,71,.4)!important;border-left-color:var(--gold)!important} #ysc-sus-course .ysc-sus-quiz-question label:nth-of-type(4n){background:rgba(244,98,138,.1)!important;color:#FFE2EC!important;border-color:rgba(244,98,138,.42)!important;border-left-color:var(--pink)!important} #ysc-sus-course .ysc-sus-quiz-question label{border-left-width:4px!important;min-height:58px;align-items:center} #ysc-sus-course .ysc-sus-quiz-question.is-correct label:has(input:checked){background:rgba(87,208,154,.16)!important;color:#DFF6EA!important;border-color:var(--green)!important;border-left-color:var(--green)!important} #ysc-sus-course .ysc-sus-quiz-question.is-wrong label:has(input:checked){background:rgba(226,86,77,.15)!important;color:#FCE0DE!important;border-color:#E2564D!important;border-left-color:#E2564D!important} #ysc-sus-course .ysc-sus-answer:after{inset-block:0!important;top:0!important;bottom:0!important;width:38px;height:38px;margin-block:auto!important;font-size:30px!important;line-height:1!important;transform:scale(.75)!important} #ysc-sus-course .ysc-sus-answer.is-correct:after, #ysc-sus-course .ysc-sus-answer.is-wrong:after{transform:scale(1)!important} #ysc-sus-course .ysc-sus-quiz-section>[data-quiz-feedback]{position:relative;display:flex;align-items:center;gap:14px;margin:0 24px 24px;padding:16px 18px!important;border-radius:12px;font-size:18px!important;font-weight:700} #ysc-sus-course .ysc-sus-quiz-section>[data-quiz-feedback]:before{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;font-size:30px;font-weight:700;line-height:1} #ysc-sus-course .ysc-sus-quiz-section>[data-quiz-feedback].is-correct{background:rgba(87,208,154,.12);color:#DFF6EA;border:1px solid rgba(87,208,154,.38)} #ysc-sus-course .ysc-sus-quiz-section>[data-quiz-feedback].is-correct:before{content:"✓";background:var(--green);color:#0C0D10} #ysc-sus-course .ysc-sus-quiz-section>[data-quiz-feedback].is-wrong{background:rgba(226,86,77,.12);color:#FCE0DE;border:1px solid rgba(226,86,77,.42)} #ysc-sus-course .ysc-sus-quiz-section>[data-quiz-feedback].is-wrong:before{content:"×";background:#E2564D;color:#FFF} /* 2.1.5 media, listening, consent, and module-label refinements. */ #ysc-sus-course .ysc-sus-audio-card{ position:relative; background:linear-gradient(135deg,rgba(255,122,47,.17),rgba(255,122,47,.06) 42%,var(--panel) 76%)!important; border-color:rgba(255,122,47,.52)!important; border-left:5px solid var(--orange)!important; box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04) } #ysc-sus-course .ysc-course-audio-card__label{color:var(--orange)!important;text-transform:none!important} #ysc-sus-course .ysc-sus-new-start{overflow:hidden;background:#101216!important} #ysc-sus-course .ysc-sus-video-wrap{ overflow:hidden; background:#101216!important; line-height:0 } #ysc-sus-course .ysc-sus-video-wrap iframe{ display:block; width:100%; height:100%; min-height:200px; margin:0!important; padding:0!important; background:#101216!important; border:0!important; outline:0!important; vertical-align:top; color-scheme:dark } #ysc-sus-course .ysc-sus-video-placeholder{background:#101216!important} #ysc-sus-course .ysc-sus-new-consent{margin-top:28px!important} #ysc-sus-course .ysc-sus-new-module-number{ font-size:16px!important; line-height:1.4!important; text-transform:none!important } #ysc-sus-course .ysc-sus-new-ghost, #ysc-sus-course .ysc-sus-new-ghost:is(:hover,:focus,:focus-visible,:active){text-decoration:none!important} /* 2.1.6 preserve authored sentence case across all course headings. */ #ysc-sus-course :is(h1,h2,h3,h4,h5,h6), #ysc-sus-course :is(.ysc-sus-new-eyebrow,.ysc-sus-kicker,.ysc-sus-mini-label){text-transform:none!important} /* 2.1.7 badge shelf aligned to the supplied course design. */ #ysc-sus-course .ysc-sus-new-badges{padding-top:48px!important;padding-bottom:60px!important} #ysc-sus-course .ysc-sus-new-badges-inner{padding-top:30px;border-top:1px solid #20232b} #ysc-sus-course .ysc-sus-new-badge-head{align-items:center;gap:14px;margin-bottom:18px} #ysc-sus-course .ysc-sus-new-badge-head h2{margin:0!important;color:#fff!important} #ysc-sus-course .ysc-sus-new-badge-head>span{color:#8f96a3!important} #ysc-sus-course .ysc-sus-new-badge-head button, #ysc-sus-course .ysc-sus-new-badge-head button:is(:hover,:focus,:focus-visible,:active){ margin-left:auto!important; padding:10px 18px!important; background:transparent!important; color:#9da5b3!important; border:1px solid #343943!important; border-radius:999px!important; box-shadow:none!important; text-decoration:none!important } #ysc-sus-course .ysc-sus-new-badge-head button:hover{color:#fff!important;border-color:#596170!important} #ysc-sus-course .ysc-sus-badge-list{ gap:12px; padding:0 0 14px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#3d434e #15171c } #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar{height:8px} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar-track{background:#15171c;border-radius:999px} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar-thumb{background:#3d434e;border:0;border-radius:999px} #ysc-sus-course .ysc-sus-badge-list::-webkit-scrollbar-thumb:hover{background:#596170} #ysc-sus-course .ysc-sus-new-badge{ flex:0 0 188px; min-height:144px; gap:10px; padding:18px 16px; background:#121419!important; border:1px solid #252933!important; border-radius:15px; opacity:.5; scroll-snap-align:start } #ysc-sus-course .ysc-sus-new-badge-icon{ width:38px; height:38px; background:#20232a!important; color:#68707d!important; border-radius:10px } #ysc-sus-course .ysc-sus-new-badge strong{color:#8d949f!important;line-height:1.3} #ysc-sus-course .ysc-sus-new-badge em{margin-top:auto;color:#707782!important;font-style:normal} #ysc-sus-course .ysc-sus-new-badge.is-earned{ background:color-mix(in srgb,var(--module-accent) 20%,#15171c)!important; border-color:color-mix(in srgb,var(--module-accent) 78%,#fff)!important; opacity:1 } #ysc-sus-course .ysc-sus-new-badge.is-earned .ysc-sus-new-badge-icon{background:var(--module-accent)!important;color:#111318!important} #ysc-sus-course .ysc-sus-new-badge.is-earned strong{color:#fff!important} #ysc-sus-course .ysc-sus-new-badge.is-earned em{color:#42e79a!important} #ysc-sus-course .ysc-sus-new-badge.is-started:not(.is-earned){opacity:.8;border-color:color-mix(in srgb,var(--module-accent) 48%,#252933)!important} /* 2.1.8 keep the Vimeo frame at its native widescreen ratio without white letterboxing. */ #ysc-sus-course .ysc-sus-video-wrap{ display:flex; align-items:center; min-height:0!important; background:#101216!important } #ysc-sus-course .ysc-sus-video-wrap iframe{ width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:16/9; background:#101216!important; border-radius:0!important } /* 2.1.9 compact course filters with neutral character spacing. */ #ysc-sus-course :is(.ysc-sus-new-label,.ysc-sus-new-chip){ font-size:16px!important; } /* 2.1.10 compact badge reset control. */ #ysc-sus-course .ysc-sus-new-badge-head button{font-size:16px!important} /* 2.1.11 higher-contrast badge states. */ #ysc-sus-course .ysc-sus-new-badge{ background:#15181e!important; border-color:#343944!important; opacity:.86 } #ysc-sus-course .ysc-sus-new-badge-icon{background:#272b34!important;color:#aeb5c0!important} #ysc-sus-course .ysc-sus-new-badge strong{color:#c9ced6!important} #ysc-sus-course .ysc-sus-new-badge em{color:#969eaa!important} #ysc-sus-course .ysc-sus-new-badge.is-started:not(.is-earned){ background:color-mix(in srgb,var(--module-accent) 11%,#15181e)!important; border-color:color-mix(in srgb,var(--module-accent) 70%,#343944)!important; opacity:1 } #ysc-sus-course .ysc-sus-new-badge.is-started:not(.is-earned) .ysc-sus-new-badge-icon{ background:color-mix(in srgb,var(--module-accent) 28%,#252933)!important; color:#f4f6f8!important } #ysc-sus-course .ysc-sus-new-badge.is-started:not(.is-earned) strong{color:#f4f6f8!important} #ysc-sus-course .ysc-sus-new-badge.is-started:not(.is-earned) em{color:var(--module-accent)!important} /* 2.1.12 compact module status pill. */ #ysc-sus-course .ysc-sus-new-module-status{font-size:16px!important} /* 2.1.13 compact module-card labels. */ #ysc-sus-course :is(.ysc-sus-new-module-number,.ysc-sus-new-module-theme,.ysc-sus-new-module-status){font-size:15px!important} /* 2.1.14 sentence-case course toolbar labels. */ #ysc-sus-course .ysc-sus-new-label{text-transform:none!important} /* Final module QA: plain-text scenario answers must never occupy an icon column. */ #ysc-sus-course .ysc-sus-answer-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important} #ysc-sus-course .ysc-sus-answer{position:relative!important;display:block!important;width:100%!important;min-width:0!important;min-height:76px!important;padding:16px 70px 16px 20px!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;text-align:left!important;font-size:18px!important;line-height:1.55!important} #ysc-sus-course .ysc-sus-answer:after{inset:auto 18px auto auto!important;top:50%!important;width:38px!important;height:38px!important;margin:0!important;font-size:30px!important;transform:translateY(-50%) scale(.75)!important} #ysc-sus-course .ysc-sus-answer:is(.is-correct,.is-wrong):after{transform:translateY(-50%) scale(1)!important} #ysc-sus-course .ysc-sus-question-title{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important} #ysc-sus-course .ysc-sus-question-title strong{display:block!important;min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important} #ysc-sus-course .ysc-sus-quiz-question label{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important} #ysc-sus-course .ysc-sus-quiz-question label input{flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important} #ysc-sus-course .ysc-sus-section-image img,#ysc-sus-course .ysc-sus-module-photo img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important} /* 1.6.32 explicit page grid: DOM order must not split the video/download strip. */ #ysc-sus-course{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important;grid-template-rows:auto auto auto auto auto!important} #ysc-sus-course>.ysc-sus-hero{grid-column:1/-1!important;grid-row:1!important} #ysc-sus-course>.ysc-sus-intro-video{grid-column:1!important;grid-row:2!important} #ysc-sus-course>.ysc-sus-comic-callout{grid-column:2!important;grid-row:2!important} #ysc-sus-course>.ysc-consent-card{grid-column:1/-1!important;grid-row:3!important} #ysc-sus-course>.ysc-sus-path-card{grid-column:1/-1!important;grid-row:4!important} #ysc-sus-course>.ysc-sus-layout{grid-column:1/-1!important;grid-row:5!important} #ysc-sus-course .ysc-consent-card.is-collapsed .ysc-consent-body{display:none!important} #ysc-sus-course .ysc-consent-check>input[type=checkbox]{flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;padding:0!important} #ysc-sus-course .ysc-consent-check>span{flex:1!important;min-width:0!important;font-size:15px!important;line-height:1.45!important} #ysc-sus-course .ysc-sus-hero__panel :is(p,strong){color:#c8cdd5!important} #ysc-sus-course .ysc-sus-hero__panel p{text-align:center!important} #ysc-sus-course .ysc-sus-comic-copy .is-disabled{display:inline-flex!important;align-items:center!important;align-self:flex-start!important;width:auto!important;min-height:44px!important;padding:11px 18px!important;background:#f4f5f7!important;color:#0c0d10!important;border:0!important;border-radius:10px!important} @media(max-width:1200px){#ysc-sus-course{grid-template-columns:1fr!important;grid-template-rows:repeat(6,auto)!important}#ysc-sus-course>.ysc-sus-hero{grid-column:1!important;grid-row:1!important}#ysc-sus-course>.ysc-sus-intro-video{grid-column:1!important;grid-row:2!important;margin-bottom:20px!important}#ysc-sus-course>.ysc-sus-comic-callout{grid-column:1!important;grid-row:3!important}#ysc-sus-course>.ysc-consent-card{grid-column:1!important;grid-row:4!important}#ysc-sus-course>.ysc-sus-path-card{grid-column:1!important;grid-row:5!important}#ysc-sus-course>.ysc-sus-layout{grid-column:1!important;grid-row:6!important}} /* 1.6.33 full-viewport near-black background, separate from content width. */ body:has(#ysc-sus-course), body:has(#ysc-sus-course) :is(#page,#content,#primary,.site-main,.entry-content){background:#0c0d10!important} #ysc-sus-course{position:relative!important;background:#0c0d10!important;box-shadow:0 0 0 100vmax #0c0d10!important;clip-path:inset(0 -100vmax)!important} #ysc-sus-course>.ysc-sus-hero{background:#0c0d10!important} /* 1.6.35 original gradient treatment with blue replacing purple. */ body:has(#ysc-sus-course), body:has(#ysc-sus-course) :is(#page,#content,#primary,.site-main,.entry-content){ background:#0c0d10!important; background-image:none!important; background-attachment:scroll!important; } #ysc-sus-course{ background:#0c0d10!important; background-image:none!important; box-shadow:0 0 0 100vmax #0c0d10!important; } #ysc-sus-course>.ysc-sus-hero{ background:radial-gradient(110% 130% at 84% -10%,rgba(63,111,143,.30),transparent 60%)!important; } /* 1.6.45 structural parity with Good Teammate: full-width bands, contained content. */ #ysc-sus-course{ display:block!important; padding:0!important; overflow:hidden!important; background:#0c0d10!important; } #ysc-sus-course .ysc-sus-wrap{ width:calc(100% - 80px)!important; max-width:1440px!important; margin-left:auto!important; margin-right:auto!important; } #ysc-sus-course .ysc-sus-band{ width:100%!important; } #ysc-sus-course .ysc-sus-band--hero{ padding:56px 0 48px!important; background:radial-gradient(110% 130% at 84% -10%,rgba(63,111,143,.30),transparent 60%)!important; } #ysc-sus-course .ysc-sus-band--hero .ysc-sus-hero{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important; gap:56px!important; align-items:center!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; background:none!important; border:0!important; } #ysc-sus-course .ysc-sus-course-inner{ display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important; grid-template-rows:auto auto auto auto!important; column-gap:20px!important; padding:0 0 56px!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-intro-video{ grid-column:1!important; grid-row:1!important; width:100%!important; min-height:250px!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-comic-callout{ grid-column:2!important; grid-row:1!important; width:100%!important; min-height:250px!important; display:block!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-comic-callout .ysc-sus-comic-media{ display:none!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-comic-callout .ysc-sus-comic-copy{ display:flex!important; min-height:250px!important; flex-direction:column!important; justify-content:center!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-consent-card{ grid-column:1/-1!important; grid-row:2!important; width:100%!important; margin:28px 0 0!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card{ grid-column:1/-1!important; grid-row:3!important; width:100%!important; margin:28px 0 0!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-layout{ grid-column:1/-1!important; grid-row:4!important; display:flex!important; flex-direction:column!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } #ysc-sus-course .ysc-sus-course-inner .ysc-sus-sidebar{order:1!important} #ysc-sus-course .ysc-sus-course-inner .ysc-sus-main{order:2!important;width:100%!important} @media(max-width:1200px){ #ysc-sus-course .ysc-sus-course-inner{grid-template-columns:1fr!important;grid-template-rows:repeat(5,auto)!important} #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-intro-video{grid-column:1!important;grid-row:1!important;margin-bottom:20px!important} #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-comic-callout{grid-column:1!important;grid-row:2!important} #ysc-sus-course .ysc-sus-course-inner>.ysc-consent-card{grid-column:1!important;grid-row:3!important} #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card{grid-column:1!important;grid-row:4!important} #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-layout{grid-column:1!important;grid-row:5!important} } @media(max-width:700px){ #ysc-sus-course .ysc-sus-wrap{width:calc(100% - 40px)!important} #ysc-sus-course .ysc-sus-band--hero{padding:40px 0 32px!important} #ysc-sus-course .ysc-sus-band--hero .ysc-sus-hero{grid-template-columns:1fr!important;gap:28px!important} } /* 1.6.46 neutralize the legacy left:auto rule without touching Astra or the footer. */ html:has(#ysc-sus-course),body:has(#ysc-sus-course){overflow-x:clip!important} #ysc-sus-course{ position:relative!important; left:calc(50% - 50vw)!important; width:100vw!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } /* 1.6.47 path spacing and badges after modules. */ #ysc-sus-course .ysc-sus-course-inner .ysc-sus-main{ order:1!important; } #ysc-sus-course .ysc-sus-course-inner .ysc-sus-sidebar{ order:2!important; width:100%!important; margin-top:44px!important; padding-top:36px!important; border-top:1px solid #20232b!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:28px!important; padding:24px 26px!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card>div:first-child{ display:grid!important; gap:8px!important; min-width:0!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card :is(.ysc-sus-path-pill,h3,p){ margin:0!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card .ysc-sus-toggle{ display:flex!important; align-items:center!important; gap:10px!important; flex:0 0 auto!important; } @media(max-width:850px){ #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card{ align-items:flex-start!important; flex-direction:column!important; } } /* 1.6.48 section breathing room. */ #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-layout{ margin-top:28px!important; } #ysc-sus-course .ysc-sus-course-inner .ysc-sus-sidebar>.ysc-sus-link-btn{ margin-top:20px!important; } /* 1.6.49 responsive rules for the rebuilt nested structure. */ #ysc-sus-course .ysc-sus-wrap, #ysc-sus-course .ysc-sus-course-inner, #ysc-sus-course .ysc-sus-course-inner>*{ min-width:0!important; } @media(max-width:1000px){ #ysc-sus-course .ysc-sus-band--hero .ysc-sus-hero, #ysc-sus-course .ysc-sus-course-inner, #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-intro-video{ grid-template-columns:minmax(0,1fr)!important; } #ysc-sus-course .ysc-sus-course-inner .ysc-sus-module-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-path-card{ align-items:flex-start!important; flex-direction:column!important; } } @media(max-width:700px){ #ysc-sus-course .ysc-sus-wrap{ width:calc(100% - 40px)!important; } #ysc-sus-course .ysc-sus-band--hero .ysc-sus-hero, #ysc-sus-course .ysc-sus-course-inner, #ysc-sus-course .ysc-sus-course-inner>.ysc-sus-intro-video, #ysc-sus-course .ysc-sus-course-inner .ysc-sus-module-grid, #ysc-sus-course .ysc-sus-module-photos{ grid-template-columns:minmax(0,1fr)!important; } #ysc-sus-course .ysc-sus-hero__panel, #ysc-sus-course .ysc-sus-intro-copy, #ysc-sus-course .ysc-sus-comic-copy, #ysc-sus-course .ysc-consent-card, #ysc-sus-course .ysc-sus-path-card, #ysc-sus-course .ysc-sus-module-card{ padding:20px!important; } #ysc-sus-course .ysc-consent-summary, #ysc-sus-course .ysc-sus-module-card__top{ align-items:flex-start!important; flex-wrap:wrap!important; } #ysc-sus-course .ysc-sus-toggle, #ysc-sus-course .ysc-sus-actions, #ysc-sus-course .ysc-sus-name-row{ width:100%!important; flex-wrap:wrap!important; } #ysc-sus-course .ysc-sus-toggle button{ flex:1 1 140px!important; } #ysc-sus-course .ysc-sus-hero h1{ font-size:clamp(34px,11vw,48px)!important; } } @media(max-width:420px){ #ysc-sus-course .ysc-sus-wrap{width:calc(100% - 28px)!important} #ysc-sus-course .ysc-sus-card-footer{align-items:flex-start!important;flex-direction:column!important} #ysc-sus-course .ysc-sus-card-footer button{width:100%!important;justify-content:center!important} } /* 1.6.50 shared accessibility and media standards. */ body:has(#ysc-sus-course) :is(#page,#content,#primary,.site-main,.entry-content,.ast-container,.site-content){margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important} #ysc-sus-course :is(p,li,label,a,button,input,textarea,select,summary,small,strong,em,span:not(.material-symbols-rounded)){font-size:max(16px,1em)} #ysc-sus-course :is(button,.ysc-sus-btn,.ysc-sus-link-btn){font-size:16px!important} #ysc-sus-course :is(.ysc-sus-primary,[data-action="resume"],[data-action="start"]){background:#ff7a2f!important;color:#160e06!important;border-color:#ff7a2f!important} #ysc-sus-course strong{color:#f7f7f8} #ysc-sus-course .ysc-sus-video-wrap{aspect-ratio:16/9!important;min-height:0!important;overflow:hidden!important;background:#07080a!important} #ysc-sus-course .ysc-sus-video-wrap :is(iframe,video){display:block!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:contain!important;border:0!important;background:#07080a!important} #ysc-sus-course>.ysc-premium-value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:calc(100% - 80px);max-width:1440px;margin:28px auto}.ysc-premium-value-strip>div{min-width:0}#ysc-sus-course>.ysc-premium-value-strip>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:20px;background:linear-gradient(145deg,#1b1e25,#14161b);border:1px solid #30343d;border-top:3px solid var(--module-accent,#ff7a2f);border-radius:14px}#ysc-sus-course>.ysc-premium-value-strip>div:nth-child(2){--module-accent:#57d09a}#ysc-sus-course>.ysc-premium-value-strip>div:nth-child(3){--module-accent:#7c6cf5}#ysc-sus-course .ysc-premium-value-strip .material-symbols-rounded{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;color:var(--module-accent);background:#101216;border-radius:12px}#ysc-sus-course .ysc-premium-value-strip strong{align-self:end;color:#fff!important;font-size:18px!important}#ysc-sus-course .ysc-premium-value-strip small{align-self:start;color:#aeb3bc!important;font-size:16px!important;line-height:1.4}@media(max-width:800px){#ysc-sus-course>.ysc-premium-value-strip{grid-template-columns:1fr;width:calc(100% - 40px)}} #ysc-sus-course :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #7c6cf5!important;outline-offset:3px!important}#ysc-sus-course .ysc-premium-value-strip .ysc-premium-glyph{grid-row:1/3;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;background:#101216!important;color:var(--module-accent,#ff7a2f)!important;border-radius:12px!important;font:700 24px/1 "Plus Jakarta Sans",sans-serif!important}@media(prefers-reduced-motion:reduce){#ysc-sus-course *,#ysc-sus-course *:before,#ysc-sus-course *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #ysc-sus-course :is(button,.ysc-sus-btn,[role="button"]):not(:disabled){transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}#ysc-sus-course :is(button,.ysc-sus-btn,[role="button"]):not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 18px rgba(0,0,0,.24)}#ysc-sus-course :is(button,.ysc-sus-btn,[role="button"]):not(:disabled):active{transform:translateY(0);filter:brightness(.96)} #ysc-sus-course .ysc-sus-new-chip{background:#15181e!important;color:#c1c7d0!important;border:1px solid #3a414c!important;box-shadow:none!important}#ysc-sus-course [data-ysc-sus-track="rookie"].is-active{background:#ff7a2f!important;color:#15100c!important;border-color:#ff9b62!important}#ysc-sus-course [data-ysc-sus-track="captain"].is-active{background:#7c6cf5!important;color:#0f0d1f!important;border-color:#a79cff!important}#ysc-sus-course [data-ysc-sus-filter].is-active{background:#f4f5f7!important;color:#111318!important;border-color:#fff!important}#ysc-sus-course [data-ysc-sus-filter="remaining"].is-active{background:#4d9bc5!important;color:#081219!important;border-color:#7fc4e8!important}#ysc-sus-course [data-ysc-sus-filter="done"].is-active{background:#57d09a!important;color:#07140e!important;border-color:#85e7b9!important}#ysc-sus-course .ysc-sus-new-chip:not(.is-active):hover{background:#242933!important;color:#fff!important;border-color:#788292!important;box-shadow:0 0 0 3px rgba(124,108,245,.12)!important}#ysc-sus-course .ysc-sus-new-module-foot button,#ysc-sus-course .ysc-sus-new-module-foot button:is(:hover,:focus,:focus-visible,:active){display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-height:40px!important;padding:8px 12px!important;background:color-mix(in srgb,var(--module-accent) 12%,transparent)!important;color:var(--module-accent)!important;border:1px solid color-mix(in srgb,var(--module-accent) 65%,#fff)!important;border-radius:9px!important;box-shadow:none!important}#ysc-sus-course .ysc-sus-new-module-foot button:hover{background:color-mix(in srgb,var(--module-accent) 25%,#111318)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--module-accent) 20%,transparent),0 8px 18px rgba(0,0,0,.28)!important;transform:translateY(-2px)!important;filter:brightness(1.16)!important}