@layer siteDesign {
body[data-site-design] {
  --site-bg: #fff !important;
  --site-text: #0f1419 !important;
  --site-muted: #536471 !important;
  --site-line: #bbc5d0 !important;
  --site-hover: #f7f9f9 !important;
  --site-accent: #0877be !important;
  --site-panel: #fff !important;
  --site-input: #f7f9f9 !important;
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
  color-scheme: light !important;
}
body[data-site-design].dark {
  --site-bg: #080a0b !important;
  --site-text: #e7e9ea !important;
  --site-muted: #89949c !important;
  --site-line: #2a3035 !important;
  --site-hover: #111619 !important;
  --site-accent: #68bafa !important;
  --site-panel: #080a0b !important;
  --site-input: #0e1215 !important;
  color-scheme: dark !important;
}
body[data-site-design] {
  --bg: var(--site-bg) !important;
  --bg-base: var(--site-bg) !important;
  --panel: var(--site-panel) !important;
  --surface: var(--site-panel) !important;
  --text: var(--site-text) !important;
  --fg: var(--site-text) !important;
  --muted: var(--site-muted) !important;
  --border: var(--site-line) !important;
  --accent: var(--site-accent) !important;
  --font-ui: 'Segoe UI', Arial, sans-serif !important;
  --font-body: 'Segoe UI', Arial, sans-serif !important;
  --font-heading: 'Segoe UI', Arial, sans-serif !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  text-shadow: none !important;
}

body[data-site-design] *:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)), body[data-site-design] *:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *))::before, body[data-site-design] *:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *))::after {
  box-shadow: none !important;
  text-shadow: none !important;
}
body[data-site-design] *:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  font-family: 'Segoe UI', Arial, sans-serif !important;
}
body[data-site-design] :where(div,section,article,header,aside,main,nav,footer,ul,ol,dl,fieldset):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-site-design] :where(div,section,article,header,aside,main,nav,footer,ul,ol,dl,fieldset):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)):not(:where([style*="background" i])) {
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
}

body[data-site-design] :where(div,section,article,header,aside,main,nav,footer,ul,ol,dl,fieldset):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)):not(:where([style^="color:" i],[style*="; color:" i],#view-rooms .rooms-terminal-line,#view-rooms .rooms-terminal-line *,#view-rooms .rooms-terminal-bar *,#view-rooms .compose-box > label[for="text"] *)) {
  color: var(--site-text) !important;
}
body[data-site-design] :is(span,strong,b,small,p,li,label,dt,dd,legend):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)):not(:where([style^="color:" i],[style*="; color:" i],.buddy-name.away,.bl-name.away,#view-rooms .rooms-terminal-line,#view-rooms .rooms-terminal-line *,#view-rooms .rooms-terminal-bar *,#view-rooms .compose-box > label[for="text"] *)) {
  color: inherit !important;
}
body[data-site-design] :is(.view,.academy-gateway) :is(section,article,header,aside,h1,h2,h3,p,div,dl,dt,dd,span):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  text-align: left !important;
}
body[data-site-design] :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,p,label,summary):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  font-family: 'Segoe UI', Arial, sans-serif !important;
}
body[data-site-design] :is(h1,h2,h3,h4,h5,h6):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  color: var(--site-text) !important;
  letter-spacing: -.025em !important;
}
body[data-site-design] :is(p,li,dd,dt,label):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)):not(:where([style^="color:" i],[style*="; color:" i],#view-rooms .rooms-terminal-line,#view-rooms .rooms-terminal-line *,#view-rooms .rooms-terminal-bar *,#view-rooms .compose-box > label[for="text"] *)) {
  color: inherit !important;
}
body[data-site-design] a:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  color: var(--site-accent) !important;
}
body[data-site-design] :is(button,a,input,select,textarea,[tabindex]):focus-visible:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  outline: 2px solid var(--site-accent) !important;
  outline-offset: 3px !important;
}
body[data-site-design] :is(.academy-gateway,.academy-gateway-main,.academy-landing,.academy-gateway-header,.academy-gateway-footer,.academy-school-card,.academy-hero-record,.academy-practice,.academy-final-cta,.academy-standard-note,.academy-statband,.academy-tour-shell,.academy-tour-stage,.academy-tour-rail,.academy-tour-blueprint,.academy-tour-spotlight,.academy-tour-protection,.academy-tour-preview-grid > *,.academy-enroll-card,.academy-checkout-card,.academy-orientation-card,.academy-signup-shell,.academy-signup-summary,.academy-intake-program,.academy-intake-catalog,.academy-confirmation-summary) {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  border-color: var(--site-line) !important;
  color: var(--site-text) !important;
}
body[data-site-design] :is(.academy-gateway,.academy-gateway-header,.academy-hero-record,.academy-school-card,.academy-tour-shell,.academy-enroll-card,.academy-checkout-card,.academy-orientation-card,.academy-signup-shell,.academy-intake-program)::before,
body[data-site-design] :is(.academy-gateway,.academy-gateway-header,.academy-hero-record,.academy-school-card,.academy-tour-shell,.academy-enroll-card)::after {
  display: none !important;
}
body[data-site-design] .academy-gateway {
  padding: 0 48px !important;
}
body[data-site-design] .academy-gateway-header {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 26px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-gateway-main {
  max-width: 1260px !important;
  padding: 0 !important;
  margin: auto !important;
}
body[data-site-design] .academy-wordmark-seal {
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  background: transparent !important;
}
body[data-site-design] .academy-wordmark strong {
  font-size: 25px !important;
  letter-spacing: -.05em !important;
}
body[data-site-design].dark .academy-gateway-header .academy-wordmark strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body[data-site-design] .academy-wordmark small {
  display: none !important;
}
body[data-site-design] .academy-hero-grid {
  padding: 80px 0 64px !important;
  gap: 72px !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(270px, 1fr) !important;
  align-items: center !important;
}
body[data-site-design] :is(.academy-hero-copy,.academy-hero-record,.academy-section-intro) {
  text-align: left !important;
}
body[data-site-design] :is(.academy-hero-actions,.academy-hero-proof) {
  justify-content: flex-start !important;
}
body[data-site-design] .academy-hero-record dl {
  display: block !important;
}
body[data-site-design] .academy-hero-record dl > div {
  display: grid !important;
  grid-template-columns: 24px 1fr !important;
  gap: 15px !important;
  border-left: 0 !important;
  border-right: 0 !important;
  text-align: left !important;
}
body[data-site-design] .academy-hero-record dd {
  margin: 0 !important;
}
body[data-site-design] .academy-hero-record dd strong, body[data-site-design] .academy-hero-record dd span {
  display: block !important;
}
body[data-site-design] .academy-eyebrow {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  color: var(--site-muted) !important;
}
body[data-site-design] #academyGatewayTitle {
  font-size: clamp(46px, 4.4vw, 68px) !important;
  line-height: 1.05 !important;
  font-weight: 750 !important;
  letter-spacing: -.055em !important;
  margin: 24px 0 !important;
}
body[data-site-design] #academyGatewayTitle em {
  font-style: normal !important;
  color: var(--site-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
body[data-site-design] .academy-hero-lede {
  max-width: 560px !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-hero-record {
  padding: 0 0 0 32px !important;
  border: 0 !important;
  border-left: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-hero-record > span {
  color: var(--site-muted) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
}
body[data-site-design] .academy-hero-record h2 {
  font-size: 24px !important;
  line-height: 1.2 !important;
  max-width: 320px !important;
}
body[data-site-design] .academy-hero-record p {
  color: var(--site-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
body[data-site-design] .academy-hero-record dl > div {
  padding: 15px 0 !important;
  border-color: var(--site-line) !important;
  background: none !important;
}
body[data-site-design] .academy-hero-record dt {
  color: var(--site-muted) !important;
  background: none !important;
  border: 0 !important;
  font-weight: 400 !important;
}
body[data-site-design] .academy-hero-record dd span {
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-statband {
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
  padding: 24px 0 !important;
  gap: 0 !important;
}
body[data-site-design] .academy-stat {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
  --site-stat-pad: 28px;
  padding: 0 var(--site-stat-pad) !important;
  border-right: 1px solid var(--site-line) !important;
}

body[data-site-design] .academy-stat:first-child {
  padding-left: 0 !important;
}

body[data-site-design] .academy-standing-stats .academy-stat {
  padding-left: var(--site-stat-pad) !important;
}
body[data-site-design] .academy-stat:last-child {
  border-right: 0 !important;
}
body[data-site-design] .academy-stat-n {
  color: var(--site-text) !important;
  font-size: 32px !important;
  font-weight: 600 !important;
}
body[data-site-design] .academy-stat-l {
  color: var(--site-muted) !important;
  text-transform: none !important;
}
body[data-site-design] .academy-schools {
  padding: 54px 0 !important;
}
body[data-site-design] .academy-section-intro {
  margin-bottom: 24px !important;
}
body[data-site-design] .academy-section-intro > span, body[data-site-design] .academy-practice-copy > span {
  color: var(--site-muted) !important;
  letter-spacing: .12em !important;
}
body[data-site-design] .academy-section-intro h2 {
  font-size: 30px !important;
}
body[data-site-design] .academy-school-grid {
  display: block !important;
  border-top: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-school-card {
  display: grid !important;
  grid-template-columns: 180px minmax(220px,.9fr) minmax(240px,1fr) 150px !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 30px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  min-height: 0 !important;
  transform: none !important;
}
body[data-site-design] .academy-school-card:hover {
  background: var(--site-hover) !important;
}
body[data-site-design] .academy-school-card h3 {
  font-size: 22px !important;
  margin: 0 !important;
}
body[data-site-design] .academy-school-card p {
  margin: 0 !important;
  color: var(--site-muted) !important;
  font-size: 14px !important;
}
body[data-site-design] .academy-school-card ul {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-column: 2 / -1 !important;
  gap: 8px 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: var(--site-muted) !important;
  font-size: 13px !important;
}
body[data-site-design] .academy-school-head {
  margin: 0 !important;
  align-items: center !important;
}
body[data-site-design] .academy-school-code {
  background: transparent !important;
  border: 0 !important;
  color: var(--site-muted) !important;
  padding: 0 !important;
}
body[data-site-design] .academy-school-head small {
  font-size: 10px !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-school-link {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--site-accent) !important;
  font-size: 13px !important;
}
body[data-site-design] .academy-practice {
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  padding: 40px 0 !important;
}
body[data-site-design] .academy-practice-list > div {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
}
body[data-site-design] .academy-standard-note {
  border: 0 !important;
  border-left: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-final-cta {
  text-align: left !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  padding: 54px 0 !important;
}
body[data-site-design] .academy-final-cta > p {
  margin-left: 0 !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-final-cta > div {
  justify-content: flex-start !important;
}
body[data-site-design] .academy-gateway-footer {
  border-top: 1px solid var(--site-line) !important;
  max-width: 1260px !important;
  margin: auto !important;
  padding: 40px 0 !important;
}

body[data-site-design] :is(.desktop,.gn-shell,.gn-content,.gn-body,.views,.view,.gn-sidebar,.gn-topbar,.window,.window-body,.window-content,.codelab-workspace,.codelab-panel,.classroom-root,.cr-shell,.academy-dashboard) {
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
  border-radius: 0 !important;
  border-color: var(--site-line) !important;
  background-image: none !important;
}
body[data-site-design] .gn-shell {
  border: 0 !important;
}
body[data-site-design] .gn-sidebar {
  border-right: 1px solid var(--site-line) !important;
  padding-top: 24px !important;
}
body[data-site-design] .side-brand {
  padding: 0 16px 26px !important;
}
body[data-site-design] .side-orb {
  width: 35px !important;
  height: 35px !important;
}
body[data-site-design] .side-word b {
  font-size: 24px !important;
  letter-spacing: -.045em !important;
}
body[data-site-design] .side-word-sub {
  color: var(--site-muted) !important;
  font-size: 11px !important;
}
body[data-site-design] :is(.gn-topbar,.cr-crumbs,.academy-dash-head,.panel-subhead) {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .gn-topbar {
  min-height: 66px !important;
  padding: 14px 28px !important;
}
body[data-site-design] .gn-topbar-title {
  font-size: 20px !important;
}
body[data-site-design] .codelab-workspace-identity h1 {
  font-size: 22px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
}
body[data-site-design] .gn-announcement {
  background: none !important;
  border: 0 !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .gn-announcement-track {
  animation: none !important;
}
body[data-site-design] .gn-announcement-copy + .gn-announcement-copy {
  display: none !important;
}
body[data-site-design] .gn-content .views {
  padding: 0 28px 36px !important;
}
body[data-site-design] :is(.nav-drawer,.nav-group,.gn-rail) {
  background: var(--site-bg) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] .nav-group-label {
  font-size: 10px !important;
  color: var(--site-muted) !important;
  letter-spacing: .12em !important;
  margin-top: 20px !important;
}
body[data-site-design] .nav-link {
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--site-text) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 11px 16px !important;
  background: transparent !important;
  min-height: 44px !important;
}
body[data-site-design] .nav-link:is(:hover,.active) {
  background: var(--site-hover) !important;
}
body[data-site-design] .nav-link.active {
  font-weight: 700 !important;
}
body[data-site-design] .nav-ico {
  background: none !important;
  border: 0 !important;
  color: currentColor !important;
}
body[data-site-design] :is(.side-user,.gn-account,.gn-theme-link,.notif-bell,.gn-topbar-search) {
  background: transparent !important;
  border-color: var(--site-line) !important;
  color: var(--site-text) !important;
}

body[data-site-design] :is([class*="-card"],[class*="-panel"],[class*="-tile"],[class*="-surface"],[class*="-box"],.panel,.card,.stat,.metric,.cr-entry,.cr-credential,.cr-role-route,.cr-class-head,.cr-syllabus,.cr-resume-item,.academy-record,.academy-standing,.academy-wall,.academy-wall-group,.academy-credential,.academy-dash-blueprint,.academy-week-grid > *,.campus-metric,.campus-terminal-intro,.campus-terminal-status,.campus-feed,.campus-compose,.campus-right,.cr-picker,.cr-search,.cr-browse,.cr-shelf,.cr-statband,.wt-shell,.wt-lesson,.wt-unit,.gp-shell,.gp-brief,.gp-stage,.bb-shell,.bb-lesson,.bb-stage,.academy-classflow,.academy-classflow-section,.academy-classflow-content):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)):not(:where([style*="background" i])) {
  border-radius: 0 !important;
  background-image: none !important;
  background-color: transparent !important;
  border-color: var(--site-line) !important;
  color: var(--site-text) !important;
}
body[data-site-design] :is([class*="-card"],[class*="-tile"],.panel,.card,.cr-entry,.cr-credential,.cr-resume-item,.academy-record,.academy-standing,.academy-wall,.academy-credential,.campus-metric):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] :is([class*="-card"],[class*="-panel"],[class*="-tile"]):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *))::before {
  background-image: none !important;
}
body[data-site-design] :is([class*="-kicker"],[class*="-eyebrow"],[class*="-meta"],[class*="-hint"],[class*="-sub"],.muted,.cr-entry-summary,.cr-class-summary,.cr-entry-facts,.cr-browse-status,.cr-entry-surface,.academy-dash-lede,.academy-dash-sub):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *,#view-rooms .rooms-terminal-line,#view-rooms .rooms-terminal-line *,#view-rooms .rooms-terminal-bar *,#view-rooms .compose-box > label[for="text"] *)) {
  color: var(--site-muted) !important;
}
body[data-site-design] :is([class*="-tag"],[class*="-badge"],[class*="-chip"]):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: transparent !important;
  border-color: var(--site-line) !important;
  color: var(--site-muted) !important;
  border-radius: 3px !important;
}
body[data-site-design] :is(.academy-dash-head,.cr-head) {
  padding: 32px 0 24px !important;
}
body[data-site-design] :is(.academy-dash-head h1,.academy-dash-head h2,.cr-head h1) {
  font-size: 32px !important;
  font-weight: 700 !important;
}
body[data-site-design] :is(.academy-class-list,.cr-grid,.cr-credential-grid,.cr-resume-list) {
  display: block !important;
}
body[data-site-design] :is(.academy-class-card,.cr-entry,.cr-resume-item) {
  padding: 22px 4px !important;
  margin: 0 !important;
  transform: none !important;
}
body[data-site-design] .cr-entry {
  display: grid !important;
  grid-template-columns: minmax(240px,1fr) minmax(180px,1fr) auto !important;
  gap: 8px 24px !important;
  align-items: center !important;
  text-decoration: none !important;
}
body[data-site-design] .cr-entry-top {
  grid-column: 1 / -1 !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}
body[data-site-design] .cr-entry-title {
  font-size: 18px !important;
  margin: 0 !important;
}
body[data-site-design] .cr-entry-summary {
  font-size: 14px !important;
  margin: 0 !important;
}
body[data-site-design] .cr-entry-facts {
  font-size: 12px !important;
}
body[data-site-design] .cr-entry-cred {
  grid-column: 1 / -1 !important;
  font-size: 11px !important;
}
body[data-site-design] .cr-entry:hover {
  background: var(--site-hover) !important;
}
body[data-site-design] .cr-credential {
  padding: 18px 0 !important;
  display: flex !important;
  gap: 22px !important;
  align-items: center !important;
}
body[data-site-design] .cr-credential > * {
  margin: 0 !important;
}
body[data-site-design] .cr-credential-req {
  flex: 1 !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .cr-search {
  padding: 24px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .cr-class-head {
  padding: 32px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .cr-class-head h1 {
  font-size: 36px !important;
}
body[data-site-design] :is(.cr-class-credential,.cr-picker,.cr-syllabus) {
  border: 0 !important;
  padding: 24px 0 !important;
}
body[data-site-design] :is(.academy-classflow,.academy-classflow-stage,.academy-classflow-body,.academy-classflow-lesson,.academy-classflow-question,.academy-classflow-proof,.wt-lesson,.gp-brief,.bb-content) {
  background: transparent !important;
  color: var(--site-text) !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-site-design] :is(.academy-classflow-card,.academy-classflow-section,.academy-classflow-question-card,.gp-case,.wt-section) {
  padding: 24px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] :is(.academy-classflow-title,.academy-classflow-card h2,.wt-lesson h2,.gp-brief h2) {
  font-size: 28px !important;
}
body[data-site-design] :is(.academy-classflow p,.academy-classflow li,.wt-lesson p,.gp-brief p) {
  line-height: 1.8 !important;
}
body[data-site-design] :is(pre,pre *,code,code *,kbd,samp,.terminal,.code-editor,.bb-editor,.gp-artifact,.wt-code,.code-area,.code-gutter,.code-gutter-cell,.cl-diff-paste):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  font-family: 'Cascadia Code', Consolas, monospace !important;
}
body[data-site-design] :is(pre,.code-editor,.bb-editor,.gp-artifact,.wt-code):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: var(--site-input) !important;
  color: var(--site-text) !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 4px !important;
}
body[data-site-design] :is(button,.btn,.academy-btn,.cr-btn):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  border-radius: 999px !important;
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
}
body[data-site-design] :is(button,.btn,.academy-btn,.cr-btn):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  color: var(--site-text) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] :is(.academy-btn-primary,.academy-header-cta,.btn-primary,button.primary,.btn.primary,.cr-btn-primary,.campus-command-primary,.bba-primary,.wt-primary,.gp-primary,.gn-btn-primary,.help-primary-action,.pro-go,.drop-post-btn,.help-promo-form button,.help-bb-form button):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: var(--site-text) !important;
  color: var(--site-bg) !important;
  border: 1px solid var(--site-text) !important;
  font-weight: 700 !important;
  padding: 11px 22px !important;
  min-height: 44px !important;
}
body[data-site-design] :is(.academy-btn-secondary,.academy-header-link,.academy-enroll-back,.btn-secondary,button.secondary,.btn.secondary,.campus-command,.cr-btn,.academy-classflow-action):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: transparent !important;
}
body[data-site-design] :is(.gn-btn-quiet,.settings-wide-action,.help-center-actions button:not(.help-primary-action)) {
  background: var(--site-hover) !important;
  color: var(--site-text) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: var(--site-input) !important;
  color: var(--site-text) !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}
body[data-site-design] :is(input,textarea):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *))::placeholder {
  color: var(--site-muted) !important;
}
body[data-site-design] :is(dialog,[role=dialog],.start-menu,.notif-panel,.context-menu,.dropdown-menu,.popover,.modal-card,.modal-content,.dm-pop,.toast,.cr-search-results):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: var(--site-panel) !important;
  color: var(--site-text) !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 40px #0003 !important;
}
body[data-site-design] :is(dialog,[role=dialog],.start-menu,.notif-panel) :is(button,a):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  color: var(--site-text) !important;
}
body[data-site-design] :is(.modal-backdrop,.modal-overlay,.nav-scrim):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: #0008 !important;
}
body[data-site-design] :is(table,th,td):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  border-color: var(--site-line) !important;
  color: var(--site-text) !important;
}
body[data-site-design] :is(th,thead):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: var(--site-hover) !important;
}
body[data-site-design] :is(.stat-grid,.command-stats) > * {
  background: none !important;
  border: 0 !important;
  border-right: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
}
body[data-site-design] :is(.admin-root,.admin-layout,.admin-main,.admin-sidebar,.sidebar,.main,.page,.container,.privacy-wrap,.verify-shell,.playbooks-shell,.buddy-list,.dm-window) {
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
  border-color: var(--site-line) !important;
  border-radius: 0 !important;
}
body[data-site-design] :is(.tab,.tab-btn,.tabs button,.codelab-tabs button):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
}
body[data-site-design] :is(.tab.active,.tab-btn.active,.tabs button.active,.codelab-tabs button.active,[role=tab][aria-selected=true]):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  border-bottom-color: var(--site-accent) !important;
  color: var(--site-text) !important;
}
body[data-site-design] .academy-landing {
  padding: 0 0 40px !important;
}
body[data-site-design] :is(.academy-hero-grid,.academy-statband,.academy-schools,.academy-practice,.academy-final-cta) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body[data-site-design] .academy-hero-copy {
  align-items: flex-start !important;
}
body[data-site-design] .academy-stat {
  justify-items: start !important;
}
body[data-site-design] :is(.academy-stat-n,.academy-eyebrow,.academy-school-head,.academy-school-code) {
  font-family: 'Segoe UI', Arial, sans-serif !important;
}
body[data-site-design] .academy-hero-proof {
  border: 0 !important;
  padding: 8px 0 !important;
  margin: 16px 0 0 !important;
  font-size: 10px !important;
}
body[data-site-design] .academy-hero-actions {
  margin-top: 24px !important;
}
body[data-site-design] .academy-menu-toggle { display: none !important; }
@media (max-width: 1120px) {
  body[data-site-design] .academy-gateway-header { flex-wrap: wrap; gap: 12px; }
  body[data-site-design] .academy-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 16px;
    margin-left: auto;
    font-size: 16px !important;
  }
  body[data-site-design] .academy-gateway-nav { display: none !important; }
  body[data-site-design] .academy-menu-toggle[aria-expanded="true"] + .academy-gateway-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
    padding-bottom: 12px;
  }
  body[data-site-design] .academy-gateway-nav .academy-header-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    font-size: 15px !important;
    white-space: normal;
  }
  body[data-site-design] .academy-header-divider { display: none !important; }
}
body[data-site-design] .academy-header-link.academy-header-cta {
  background: var(--site-text) !important;
  color: var(--site-bg) !important;
}
body[data-site-design] .academy-practice-list {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
}
body[data-site-design] :is(.academy-section-intro,.academy-practice-copy) {
  align-items: flex-start !important;
  justify-items: start !important;
}
body[data-site-design] .academy-practice {
  grid-template-columns: 220px 1fr !important;
  display: grid !important;
  gap: 32px !important;
}
body[data-site-design] .academy-standard-note {
  grid-column: 2 !important;
}
body[data-site-design].academy-campus-open {
  padding: 0 !important;
}
body[data-site-design] #appDesktop {
  height: 100dvh !important;
  width: 100% !important;
  padding: 0 !important;
}
body[data-site-design] .app-shell.gn-shell {
  padding: 0 !important;
  gap: 0 !important;
  height: 100% !important;
  grid-template-columns: 240px minmax(0,1fr) !important;
}
body[data-site-design] .gn-content {
  border: 0 !important;
}
body[data-site-design] .side-brand {
  background: transparent !important;
  border: 0 !important;
}
body[data-site-design] :is(.cr-shell,.academy-dashboard) {
  padding: 0 16px 40px !important;
  gap: 24px !important;
}
body[data-site-design] :is(.cr-head,.cr-picker,.cr-picker-lede,.cr-browse,.cr-browse-head,.cr-credentials,.cr-lede,.academy-dash-head) {
  align-items: start !important;
  justify-items: stretch !important;
  justify-content: start !important;
  text-align: left !important;
}
body[data-site-design] :is(.cr-head h1,.cr-picker h2,.cr-browse h2) {
  margin: 0 !important;
}
body[data-site-design] .cr-lede {
  margin: 0 !important;
  max-width: none !important;
}
body[data-site-design] .cr-statband {
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  margin-top: 24px !important;
  padding: 18px 0 0 !important;
  gap: 0 !important;
}
body[data-site-design] .cr-statband > div {
  background: none !important;
  border: 0 !important;
  border-right: 1px solid var(--site-line) !important;
  padding: 0 22px !important;
  justify-items: start !important;
}
body[data-site-design] .cr-statband > div:first-child {
  padding-left: 0 !important;
}
body[data-site-design] .cr-statband > div:last-child {
  border-right: 0 !important;
}
body[data-site-design] .cr-search {
  margin: 0 !important;
  padding-top: 0 !important;
}
body[data-site-design] .cr-search-label {
  font-size: 11px !important;
  color: var(--site-muted) !important;
  margin-bottom: 12px !important;
}
body[data-site-design] .cr-picker {
  padding-top: 0 !important;
}
body[data-site-design] .cr-role-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 24px !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .cr-role-chip {
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  gap: 4px !important;
  text-align: left !important;
}
body[data-site-design] .cr-role-chip[aria-pressed=true] {
  border-bottom-color: var(--site-accent) !important;
  color: var(--site-accent) !important;
}
body[data-site-design] .cr-role-chip span {
  font-size: 11px !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .cr-entry {
  border-radius: 0 !important;
  text-align: left !important;
}
body[data-site-design] .cr-entry :is(.cr-entry-title,.cr-entry-top,.cr-entry-summary,.cr-entry-facts) {
  justify-content: flex-start !important;
  text-align: left !important;
}
body[data-site-design] .cr-entry .cr-meter {
  height: 2px !important;
  max-width: 100px !important;
  margin: 0 !important;
}
body[data-site-design] .cr-entry .cr-progress {
  justify-content: flex-start !important;
  gap: 8px !important;
}
body[data-site-design] :is(.cr-shelf,.cr-facets) {
  border: 0 !important;
}
body[data-site-design] .cr-shelf > h3 {
  padding: 24px 0 12px !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .cr-class-identity {
  text-align: left !important;
}
body[data-site-design] :is(.cr-unit,.cr-unit-row,.cr-unit button) {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-site-design] :is(.bba-choice,.bba-lang,.wt-belt,.gp-track,.academy-classroom-lane) {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-site-design] :is(.bba-choices,.bba-lang-grid,.wt-belts,.gp-tracks) {
  gap: 0 24px !important;
}
body[data-site-design] :is(.cr-btn.cr-btn-primary,.academy-btn.academy-btn-primary,.academy-header-link.academy-header-cta,.campus-command.campus-command-primary) {
  background: var(--site-text) !important;
  color: var(--site-bg) !important;
}
body[data-site-design] :is(.cr-class-facts,.cr-class-action,.cr-unit-list,.academy-classflow-terms,.academy-classflow-masteries,.academy-classflow-context) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-site-design] .cr-class-facts {
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .cr-class-facts > div {
  background: transparent !important;
  border-right: 1px solid var(--site-line) !important;
  text-align: left !important;
  padding: 16px 20px !important;
}
body[data-site-design] .cr-class-action {
  border-left: 1px solid var(--site-line) !important;
}
body[data-site-design] .cr-crumbs {
  justify-content: flex-start !important;
  padding: 18px 0 !important;
}
body[data-site-design] :is(.cr-unit-list,.cr-unit-list li) {
  background: transparent !important;
}
body[data-site-design] .cr-unit-row {
  padding: 20px 6px !important;
}
body[data-site-design] :is(.codelab-workspace,.codelab-workspace-head,.codelab-task-rail,.bb-academy,.bb-academy-bar,.bb-academy-body,.whiteteam,.whiteteam-bar,.whiteteam-body,.greypath,.greypath-bar,.greypath-body) {
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-site-design] :is(.bb-academy-bar,.whiteteam-bar,.greypath-bar,.codelab-workspace-head) {
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] :is(.bba-support-form,.bba-support-ticket) {
  background: var(--site-panel) !important;
  color: var(--site-text) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] :is(.codelab-path-switcher button,.bb-academy-xp,.bb-academy-close,.greypath-score,.greypath-close,.greypath-mode-btn,.bba-support-reply .inline-btn) {
  background: var(--site-hover) !important;
  color: var(--site-text) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] .codelab-path-switcher button[aria-pressed=true] {
  color: var(--site-accent) !important;
  border-color: var(--site-accent) !important;
}
body[data-site-design] .codelab-path-switcher .gn-ui-icon {
  color: inherit !important;
}
body[data-site-design] :is(.bb-academy-name,.greypath-name)::before {
  color: var(--site-muted) !important;
}
body[data-site-design] :is(.codelab-path-switcher button,.bb-academy-close,.greypath-close,.greypath-mode-btn,.bba-support-reply .inline-btn) {
  min-height: 44px !important;
  min-width: 44px !important;
}
body[data-site-design] :is(.bb-academy-body,.whiteteam-body,.greypath-body) {
  padding: 26px 16px !important;
}
body[data-site-design] :is(.academy-classflow-terms > div,.academy-classflow-masteries > div) {
  background: transparent !important;
  border-bottom: 1px solid var(--site-line) !important;
  padding: 18px 0 !important;
}
body[data-site-design] .codelab-surface-tab {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
}
body[data-site-design] .codelab-surface-tab[aria-selected=true] {
  border-bottom-color: var(--site-accent) !important;
}
body[data-site-design] :is(#view-classroom,#classroomRoot,.cr-shell,#view-code,.codelab-workspace,.bb-academy,.whiteteam,.greypath) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body[data-site-design].academy-campus-open {
  height: 100dvh !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body[data-site-design].academy-campus-open {
  display: block !important;
  margin: 0 !important;
  min-height: 0 !important;
}
body[data-site-design] #appDesktop {
  min-height: 0 !important;
  max-height: 100dvh !important;
  height: 100dvh !important;
  margin: 0 !important;
}
body[data-site-design] .app-shell.gn-shell {
  min-height: 0 !important;
}
body[data-site-design] :is(.academy-standing button,.academy-dash-standing,.academy-class-card,.academy-wall-chip) {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
}
body[data-site-design] .academy-class-card {
  display: grid !important;
  grid-template-columns: 32px 46px minmax(150px,1fr) 180px 32px !important;
  gap: 20px !important;
  align-items: center !important;
  text-align: left !important;
  min-height: 100px !important;
}
body[data-site-design] .academy-class-icon {
  width: 32px !important;
  height: 32px !important;
  background: transparent !important;
  border: 0 !important;
}
body[data-site-design] .academy-class-icon svg {
  width: 28px !important;
  height: 28px !important;
}
body[data-site-design] .academy-class-go {
  background: transparent !important;
  color: var(--site-accent) !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  justify-self: center !important;
  text-align: center !important;
  transform: none !important;
}
body[data-site-design] .academy-class-copy {
  align-items: flex-start !important;
  text-align: left !important;
}
body[data-site-design] .academy-class-copy strong {
  font-size: 21px !important;
}

body[data-site-design] {
  background: linear-gradient(rgba(241,245,252,.83),rgba(232,239,249,.9)), url('/art/academy-intake-stars.webp') center / cover fixed no-repeat !important;
}
body[data-site-design].dark {
  background: linear-gradient(180deg,rgba(3,6,14,.7),rgba(3,7,18,.84)), radial-gradient(circle at 50% 28%,rgba(7,21,48,.1),rgba(1,4,10,.42) 72%), url('/art/academy-intake-stars.webp') center / cover fixed no-repeat !important;
}
body[data-site-design].academy-campus-open {
  background: linear-gradient(rgba(239,244,250,.86),rgba(231,238,248,.9)), url('/art/academy-campus-space.webp') center / cover fixed no-repeat !important;
}
body[data-site-design].dark.academy-campus-open {
  background: linear-gradient(rgba(3,7,15,.34),rgba(3,7,15,.5)), url('/art/academy-campus-space.webp') center / cover fixed no-repeat !important;
}
body[data-site-design] :is(#appDesktop,.app-shell.gn-shell,.gn-content,.gn-body,.views,.view,.classroom-root,.cr-shell,.academy-dashboard,.codelab-workspace,.codelab-workspace-head,.codelab-task-rail,.bb-academy,.bb-academy-bar,.bb-academy-body,.whiteteam,.whiteteam-bar,.whiteteam-body,.greypath,.greypath-bar,.greypath-body,.admin-root,.admin-layout,.admin-main,.main,.page,.container,.privacy-wrap,.verify-shell,.playbooks-shell,.window,.window-body) {
  background: transparent !important;
}
body[data-site-design] :is(.gn-sidebar,.gn-topbar,.academy-gateway-header,.admin-sidebar) {
  background: rgba(239,244,250,.88) !important;
}
body[data-site-design].dark :is(.gn-sidebar,.gn-topbar,.academy-gateway-header,.admin-sidebar) {
  background: rgba(5,9,17,.88) !important;
}

body[data-site-design] .gn-sidebar {
  background: rgba(239,244,250,.18) !important;
}
body[data-site-design].dark .gn-sidebar {
  background: rgba(3,7,15,.22) !important;
}
body[data-site-design] .gn-sidebar :is(.nav-drawer,.nav-group,.gn-rail,.side-brand,.side-user) {
  background: transparent !important;
}
body[data-site-design] .gn-sidebar .nav-link:is(:hover,.active) {
  background: rgba(255,255,255,.36) !important;
}
body[data-site-design].dark .gn-sidebar .nav-link:is(:hover,.active) {
  background: rgba(114,160,209,.14) !important;
}
body[data-site-design] .academy-gateway-header {
  top: 0 !important;
}
body[data-site-design] :is(h1,h2,h3)[tabindex="-1"]:focus {
  outline: none !important;
}
body[data-site-design] .cr-class-summary {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body[data-site-design] .cr-class-facts > div {
  justify-items: start !important;
}
body[data-site-design] :is(.window,.command-status) {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .sidenav button {
  border: 0 !important;
  background: transparent !important;
}
body[data-site-design] .sidenav button:hover {
  background: var(--site-hover) !important;
}
body[data-site-design] :is(code,kbd,samp):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  color: var(--site-text) !important;
  background: var(--site-input) !important;
}
body[data-site-design] :is(header.nav,body > header,.site-header) {
  top: 0 !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] .view h1:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  font-size: 34px !important;
}
body[data-site-design] .view h2:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  font-size: 26px !important;
}
body[data-site-design] :is(.settings-hero,.profile-hero,.help-hero,.pgb-hero) {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
  min-height: 0 !important;
}
body[data-site-design]:not(.dark) .side-orb {
  background: #07101c !important;
  border-radius: 50% !important;
}
body[data-site-design] .academy-class-card {
  grid-template-areas: none !important;
}
body[data-site-design] .academy-class-card > * {
  grid-area: auto !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
}
body[data-site-design] .academy-class-card .academy-class-number {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body[data-site-design] .academy-class-card .academy-class-icon {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 32px !important;
}
body[data-site-design] .academy-class-card .academy-class-copy {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 100% !important;
}
body[data-site-design] .academy-class-copy {
  justify-items: start !important;
  justify-content: start !important;
}
body[data-site-design] .academy-class-copy > * {
  text-align: left !important;
}
body[data-site-design] .academy-class-card .academy-class-progress {
  grid-column: 4 !important;
  grid-row: 1 !important;
  width: 100% !important;
}
body[data-site-design] .academy-class-card .academy-class-go {
  grid-column: 5 !important;
  grid-row: 1 !important;
}
body[data-site-design] :is(.campus-terminal,.gn-win,.campus-terminal-composer,.campus-quick-action) {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body[data-site-design] .campus-terminal::before {
  display: none !important;
}
body[data-site-design] .campus-terminal-intro {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body[data-site-design] .campus-quick-action {
  display: flex !important;
  padding: 18px 0 !important;
  gap: 16px !important;
}
body[data-site-design] .pgb-hero-copy .pgb-h2 {
  font-size: 44px !important;
  max-width: none !important;
  line-height: 1.08 !important;
}
body[data-site-design] button:disabled:not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  opacity: .55 !important;
}
body[data-site-design] .pgb-cta {
  background: var(--site-text) !important;
  color: var(--site-bg) !important;
  border: 0 !important;
}
body[data-site-design] .cr-head {
  display: block !important;
}
body[data-site-design] .cr-statband {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  width: 100% !important;
}
body[data-site-design] :is(.cr-resume,.cr-resume-list) {
  width: 100% !important;
  max-width: none !important;
}
body[data-site-design] .cr-resume-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  text-align: left !important;
}
body[data-site-design] .cr-resume-copy {
  flex: 1 !important;
  text-align: left !important;
  align-items: flex-start !important;
}
body[data-site-design] .cr-resume-copy strong {
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  body[data-site-design] .cr-resume-item {
    flex-direction: column;
    align-items: stretch !important;
    gap: 14px !important;
  }
  body[data-site-design] .cr-resume-tail { justify-content: space-between; }
}
body[data-site-design] .cr-picker-lede {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body[data-site-design] .cr-role-chips {
  justify-content: flex-start !important;
}
body[data-site-design] .gn-topbar {
  flex-shrink: 0 !important;
}
body[data-site-design] :is(.nav-drawer-head,.nav-group-label) {
  text-align: left !important;
}

body[data-site-design] .cr-browse {
  width: 100% !important;
  grid-template-columns: minmax(0,1fr) !important;
  justify-content: stretch !important;
}
body[data-site-design] :is(.cr-shelf,.cr-grid) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
body[data-site-design] .cr-browse-head {
  justify-content: center !important;
  text-align: center !important;
}
body[data-site-design] .cr-shelf > h3 {
  width: 100% !important;
  text-align: center !important;
}
body[data-site-design] .cr-facets {
  justify-content: center !important;
}
body[data-site-design] .cr-entry {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 10px !important;
  padding: 28px 20px !important;
  text-align: center !important;
}
body[data-site-design] .cr-entry > * {
  grid-area: auto !important;
  margin: 0 !important;
  max-width: 100% !important;
}
body[data-site-design] .cr-entry :is(.cr-entry-title,.cr-entry-top,.cr-entry-summary,.cr-entry-facts) {
  text-align: center !important;
  justify-content: center !important;
}
body[data-site-design] .cr-entry .cr-entry-title {
  font-size: 20px !important;
}
body[data-site-design] .cr-entry .cr-entry-summary {
  max-width: min(70ch,100%) !important;
}
body[data-site-design] .cr-entry .cr-entry-facts {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  align-items: center !important;
}
body[data-site-design] .cr-entry .cr-progress {
  justify-content: center !important;
  align-items: center !important;
  width: 200px !important;
  max-width: 100% !important;
}
body[data-site-design] .cr-entry .cr-meter {
  width: 160px !important;
  max-width: 160px !important;
}

body[data-site-design] .age-gate {
  top: 0 !important;
  padding: 24px !important;
  background: linear-gradient(rgba(239,244,250,.94),rgba(231,238,248,.96)), url('/art/academy-intake-stars.webp') center / cover no-repeat !important;
}
body[data-site-design].dark .age-gate {
  background: linear-gradient(rgba(3,7,15,.76),rgba(3,7,15,.9)), url('/art/academy-intake-stars.webp') center / cover no-repeat !important;
}
body[data-site-design] .age-panel {
  width: 100% !important;
  max-width: 640px !important;
  max-height: calc(100dvh - 48px) !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--site-text) !important;
  color-scheme: inherit !important;
}
body[data-site-design] :is(.age-brand,.age-content) {
  padding: 20px 0 !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] :is(.age-body,.age-consent-copy) {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--site-text) !important;
}
body[data-site-design] .age-jurisdiction {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  padding: 18px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .age-consent {
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 20px 0 !important;
}
body[data-site-design] .age-gate :is(.age-read-legal,.age-leave,.age-legal-close) {
  background: transparent !important;
  color: var(--site-text) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] .age-gate .age-enter {
  background: var(--site-text) !important;
  color: var(--site-bg) !important;
  border-color: var(--site-text) !important;
}
body[data-site-design] .age-legal-review {
  top: 0 !important;
  padding: 20px !important;
  background: var(--site-panel) !important;
}
body[data-site-design] :is(.age-legal-window,.age-legal-titlebar,.age-legal-content) {
  background: var(--site-panel) !important;
  color: var(--site-text) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] .age-legal-window {
  width: 100% !important;
  height: 100% !important;
  max-width: 960px !important;
  max-height: 100% !important;
}
body[data-site-design] :is(.academy-signup-shell,.academy-orientation,.academy-tour-shell) {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 40px 0 56px !important;
  border: 0 !important;
}
body[data-site-design] :is(.academy-signup-shell,.academy-orientation,.academy-tour-shell) {
  --academy-ink: var(--site-text) !important;
  --academy-sub: var(--site-muted) !important;
  --academy-muted: var(--site-muted) !important;
  --academy-line: var(--site-line) !important;
  --academy-blue: var(--site-accent) !important;
  --academy-blue-strong: var(--site-accent) !important;
}
body[data-site-design].dark :is(.academy-signup-shell,.academy-orientation,.academy-tour-shell) {
  --site-muted: #a7b1be !important;
}
body[data-site-design] :is(.academy-signup-shell,.academy-orientation) :is(h1,h2,h3,p,small,strong,span,li,div,header,aside,dl,dt,dd) {
  text-align: left !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-head {
  margin: 0 0 28px !important;
  max-width: 780px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body[data-site-design] :is(.academy-signup-shell .academy-enroll-head,.academy-orientation) h1 {
  font-size: clamp(34px,4vw,52px) !important;
  line-height: 1.12 !important;
  margin: 0 0 18px !important;
}
body[data-site-design] :is(.academy-enroll-head p,.academy-orientation-lede,.academy-intake-reassurance) {
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--site-muted) !important;
  font-weight: 400 !important;
}
body[data-site-design] .academy-signup-progress {
  max-width: 760px !important;
  margin: 0 0 38px !important;
}
body[data-site-design] .academy-signup-progress ol {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 16px !important;
}
body[data-site-design] .academy-signup-progress li {
  grid-template-columns: 32px minmax(0,1fr) !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-signup-progress li::after {
  display: none !important;
}
body[data-site-design] .academy-signup-progress li > span {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
body[data-site-design] .academy-signup-progress li > small {
  background: transparent !important;
  padding: 0 !important;
  font-size: 12px !important;
}
body[data-site-design] .academy-signup-progress li:is(.active,.complete) {
  border-color: var(--site-accent) !important;
  color: var(--site-text) !important;
}
body[data-site-design] .academy-signup-progress li:is(.active,.complete) > span {
  border-color: var(--site-accent) !important;
  color: var(--site-accent) !important;
}
body[data-site-design] .academy-signup-progress li.active > span {
  background: var(--site-accent) !important;
  color: var(--site-bg) !important;
}
body[data-site-design] .academy-intake-preference {
  max-width: 640px !important;
  margin: 0 0 30px !important;
  gap: 10px !important;
}
body[data-site-design] .academy-intake-preference select {
  width: 100% !important;
  min-height: 44px !important;
}
body[data-site-design] .academy-intake-preference small {
  font-size: 13px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-choices {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 28px 32px 28px 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--site-text) !important;
  font-weight: 400 !important;
  transform: none !important;
  text-align: left !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-card:last-child {
  padding: 28px 0 28px 32px !important;
  border: 0 !important;
  border-left: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-card[aria-disabled=true] {
  opacity: 1 !important;
  cursor: default !important;
}
body[data-site-design] .academy-enroll-card .academy-plan-icon {
  display: none !important;
}
body[data-site-design] .academy-enroll-card .academy-plan-top {
  width: 100% !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-card h2 {
  max-width: none !important;
  margin: 24px 0 12px !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-card > p {
  min-height: 76px !important;
  margin: 0 0 16px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-enroll-card .academy-plan-price {
  min-height: 34px !important;
  margin: 0 0 6px !important;
  font-size: 24px !important;
  color: var(--site-text) !important;
}
body[data-site-design] .academy-enroll-card .academy-plan-price[data-state=unavailable] {
  font-size: 19px !important;
}
body[data-site-design] :is(.academy-plan-price-note,.academy-plan-footnote) {
  color: var(--site-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
body[data-site-design] .academy-plan-action {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 20px 0 0 !important;
  padding: 11px 22px !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--site-text) !important;
  text-align: center !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}
body[data-site-design] .academy-enroll-card.primary .academy-plan-action {
  background: var(--site-text) !important;
  color: var(--site-bg) !important;
  border-color: var(--site-text) !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-card ul {
  margin: 24px 0 20px !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-signup-shell .academy-enroll-card li {
  grid-template-columns: 18px minmax(0,1fr) !important;
  justify-content: start !important;
  gap: 8px !important;
  padding: 4px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body[data-site-design] .academy-signup-shell .academy-plan-footnote {
  margin: auto 0 0 !important;
  text-align: left !important;
}
body[data-site-design] .academy-signup-trust {
  gap: 28px !important;
  margin: 28px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  background: transparent !important;
}
body[data-site-design] .academy-signup-trust > div {
  min-height: 0 !important;
  padding: 0 0 24px !important;
  grid-template-columns: 24px minmax(0,1fr) !important;
  justify-items: start !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-site-design] .academy-signup-trust > div > span {
  grid-row: 1 / 3 !important;
}
body[data-site-design] .academy-signup-trust p {
  color: var(--site-muted) !important;
  font-size: 12px !important;
}
body[data-site-design] .academy-intake-programs {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 28px !important;
  margin: 32px 0 !important;
}
body[data-site-design] .academy-intake-program {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 0 !important;
  padding: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
  transform: none !important;
}
body[data-site-design] .academy-intake-program :is(h2,p) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body[data-site-design] .academy-intake-program p {
  color: var(--site-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
body[data-site-design] .academy-intake-program .academy-plan-action {
  margin-top: auto !important;
}
body[data-site-design] .academy-intake-program-icon {
  width: 38px !important;
  height: 38px !important;
  margin: 16px 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body[data-site-design] .academy-intake-catalog {
  padding: 28px 0 !important;
  border: 0 !important;
}
body[data-site-design] .academy-intake-catalog :is(header,summary,li) {
  border-color: var(--site-line) !important;
}
body[data-site-design] .academy-intake-catalog summary {
  min-height: 44px !important;
  padding: 14px 0 !important;
}
body[data-site-design] .academy-intake-catalog li {
  padding: 14px 0 !important;
}
body[data-site-design] :is(.academy-profile-layout,.academy-signup-shell .academy-checkout-grid) {
  grid-template-columns: minmax(0,1fr) minmax(280px,.6fr) !important;
  gap: 40px !important;
  border-top: 1px solid var(--site-line) !important;
  padding-top: 28px !important;
}
body[data-site-design] .academy-signup-shell :is(.academy-profile-form,.academy-checkout-value) {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-site-design] :is(.academy-signup-summary,.academy-gateway .academy-signup-shell .academy-checkout-card) {
  position: static !important;
  padding: 0 0 0 32px !important;
  border: 0 !important;
  border-left: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-signup-shell .academy-identity-note {
  grid-template-columns: 38px minmax(0,1fr) !important;
  padding: 20px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
  background: transparent !important;
}
body[data-site-design] .academy-signup-shell .academy-identity-note p {
  grid-column: 2 !important;
  margin: 0 !important;
  color: var(--site-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
body[data-site-design] .academy-signup-shell .academy-profile-form label {
  display: grid !important;
  gap: 10px !important;
  font-size: 14px !important;
}
body[data-site-design] .academy-field-help {
  color: var(--site-muted) !important;
  font-size: 12px !important;
}
body[data-site-design] .academy-summary-plan {
  padding: 20px 0 0 !important;
  border-top: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-signup-summary li p {
  color: var(--site-muted) !important;
  font-size: 12px !important;
}
body[data-site-design] .academy-confirmation-summary {
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-confirmation-summary > div {
  padding: 20px 0 !important;
}
body[data-site-design] :is(.academy-orientation-card,.academy-access-active,.academy-orientation-model > div,.academy-week-grid > div) {
  padding: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  background: transparent !important;
}
body[data-site-design] .academy-orientation-model {
  display: block !important;
  border: 0 !important;
}
body[data-site-design] .academy-orientation-model > div {
  display: grid !important;
  grid-template-columns: 36px 110px minmax(0,1fr) !important;
  gap: 16px !important;
  justify-items: start !important;
  min-height: 0 !important;
  text-align: left !important;
}
body[data-site-design] .academy-orientation-model > div > * {
  margin: 0 !important;
}
body[data-site-design] .academy-week-grid > div {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  justify-items: start !important;
  min-height: 0 !important;
}
body[data-site-design] .academy-week-grid > div > * {
  margin: 0 !important;
}
body[data-site-design] :is(.academy-orientation-actions,.academy-profile-actions,.academy-confirmation-actions) {
  gap: 12px !important;
  flex-wrap: wrap !important;
}
body[data-site-design] .academy-tour-shell {
  grid-template-columns: 240px minmax(0,1fr) !important;
  gap: 36px !important;
}
body[data-site-design] :is(.academy-tour-rail,.academy-tour-stage,.academy-tour-blueprint,.academy-tour-spotlight,.academy-tour-protection) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
}
body[data-site-design] .academy-tour-rail {
  border-right: 1px solid var(--site-line) !important;
  padding-right: 24px !important;
}
body[data-site-design] .academy-tour-metrics {
  border-top: 1px solid var(--site-line) !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-tour-preview-grid > * {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-tour {
  padding: 0 !important;
}
body[data-site-design] .academy-tour-heading {
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body[data-site-design] .academy-tour-heading h1 {
  font-size: clamp(34px,4vw,52px) !important;
  line-height: 1.12 !important;
}
body[data-site-design] .academy-tour-heading p {
  color: var(--site-muted) !important;
  line-height: 1.65 !important;
}
body[data-site-design] .academy-tour-metrics {
  gap: 16px !important;
  padding: 18px 0 !important;
}
body[data-site-design] .academy-tour-metrics span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 13px !important;
}
body[data-site-design] #academyTourSteps button {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-height: 44px !important;
  padding: 12px 0 !important;
  color: var(--site-muted) !important;
  text-align: left !important;
}
body[data-site-design] #academyTourSteps button.active {
  background: transparent !important;
  color: var(--site-text) !important;
  border-color: var(--site-accent) !important;
  font-weight: 700 !important;
}
body[data-site-design] .academy-tour-preview-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 32px !important;
}
body[data-site-design] :is(.academy-tour-path,.academy-tour-blueprint) {
  min-height: 0 !important;
  padding: 24px 0 !important;
  align-content: start !important;
}
body[data-site-design] .academy-tour-blueprint {
  grid-template-rows: auto auto auto !important;
}
body[data-site-design] .academy-tour-blueprint-head {
  min-height: 0 !important;
  padding: 0 0 20px !important;
}
body[data-site-design] .academy-tour-chooser {
  background: transparent !important;
  gap: 12px !important;
  padding: 0 !important;
}
body[data-site-design] .academy-tour-chooser button {
  min-height: 48px !important;
  padding: 12px !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--site-muted) !important;
}
body[data-site-design] .academy-tour-chooser button.active {
  background: transparent !important;
  color: var(--site-text) !important;
  border-color: var(--site-accent) !important;
}
body[data-site-design] .academy-tour-spotlight {
  min-height: 0 !important;
  padding: 24px 0 0 !important;
  justify-items: start !important;
  text-align: left !important;
}
body[data-site-design] .academy-tour-spotlight > * {
  text-align: left !important;
}
body[data-site-design] :is(.academy-tour-protection,.academy-tour-finish) {
  padding: 20px 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-classflow {
  --site-success: #13683f !important;
  --site-success-wash: rgba(19, 104, 63, .07) !important;
  --site-danger: #b42318 !important;
  --site-danger-wash: rgba(180, 35, 24, .07) !important;
}
body[data-site-design].dark .academy-classflow {
  --site-success: #79dbaa !important;
  --site-success-wash: rgba(121, 219, 170, .1) !important;
  --site-danger: #ff8f85 !important;
  --site-danger-wash: rgba(255, 143, 133, .1) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-answer {
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--site-text) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  padding: 18px 0 !important;
}
body[data-site-design] .academy-classflow .academy-classflow-answer-key {
  background: transparent !important;
  color: var(--site-muted) !important;
  border-color: var(--site-line) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-answer[aria-pressed=true] {
  border-color: var(--site-accent) !important;
}
body[data-site-design] .academy-classflow :is(.academy-classflow-answer[data-state=right],.academy-classflow-answer[data-state=right] .academy-classflow-answer-key) {
  color: var(--site-success) !important;
  border-color: var(--site-success) !important;
}
body[data-site-design] .academy-classflow :is(.academy-classflow-answer[data-state=wrong],.academy-classflow-answer[data-state=wrong] .academy-classflow-answer-key) {
  color: var(--site-danger) !important;
  border-color: var(--site-danger) !important;
}

body[data-site-design] .academy-classflow .academy-classflow-answer[data-state=right] {
  border-left: 3px solid var(--site-success) !important;
  padding-left: 14px !important;
  background: var(--site-success-wash) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-answer[data-state=wrong] {
  border-left: 3px solid var(--site-danger) !important;
  padding-left: 14px !important;
  background: var(--site-danger-wash) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-answer-tag {
  background: transparent !important;
  border: 1px solid currentColor !important;
  border-radius: 0 !important;
  color: inherit !important;
}
body[data-site-design] .academy-classflow .academy-classflow-artifact {
  background: var(--site-input) !important;
  border: 1px solid var(--site-line) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-line {
  border: 0 !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--site-text) !important;
  font-family: 'Cascadia Code',Consolas,monospace !important;
}
body[data-site-design] .academy-classflow .academy-classflow-line:hover {
  background: var(--site-hover) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-line[data-state=right] {
  color: var(--site-success) !important;
  border-left-color: var(--site-success) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-feedback[data-kind=right] {
  color: var(--site-success) !important;
}
body[data-site-design] .academy-classflow .academy-classflow-feedback[data-kind=wrong] {
  color: var(--site-danger) !important;
}
body[data-site-design] .academy-gateway-header {
  position: relative !important;
}
body[data-site-design] :is(.academy-checkout-waiting,.academy-checkout-unconfirmed) {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 40px 0 56px !important;
  border: 0 !important;
  background: transparent !important;
}
body[data-site-design] :is(.academy-checkout-waiting,.academy-checkout-unconfirmed) h1 {
  font-size: clamp(34px,4vw,52px) !important;
  line-height: 1.12 !important;
}
body[data-site-design] .academy-checkout-actions {
  gap: 12px !important;
  flex-wrap: wrap !important;
}
@media (max-width: 760px) {
  body[data-site-design] :is(.academy-signup-shell,.academy-orientation,.academy-tour-shell) {
  padding-top: 28px !important;
}
  body[data-site-design] :is(.academy-signup-shell .academy-enroll-choices,.academy-intake-programs,.academy-profile-layout,.academy-signup-shell .academy-checkout-grid,.academy-tour-shell) {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
}
  body[data-site-design] .academy-signup-shell .academy-enroll-card {
  padding: 24px 0 !important;
}
  body[data-site-design] .academy-signup-shell .academy-enroll-card:last-child {
  padding: 24px 0 !important;
  border-left: 0 !important;
  border-top: 1px solid var(--site-line) !important;
}
  body[data-site-design] .academy-signup-shell .academy-enroll-card > p {
  min-height: 0 !important;
}
  body[data-site-design] .academy-signup-trust {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
}
  body[data-site-design] .academy-signup-progress ol {
  gap: 10px !important;
}
  body[data-site-design] .academy-signup-progress li {
  gap: 6px !important;
}
  body[data-site-design] .academy-intake-program {
  border-top: 0 !important;
  gap: 10px !important;
}
  body[data-site-design] .academy-intake-programs {
  border-top: 1px solid var(--site-line) !important;
}
  body[data-site-design] :is(.academy-signup-summary,.academy-gateway .academy-signup-shell .academy-checkout-card) {
  padding: 24px 0 0 !important;
  margin-top: 28px !important;
  border-left: 0 !important;
  border-top: 1px solid var(--site-line) !important;
}
  body[data-site-design] .academy-tour-rail {
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  padding: 0 0 24px !important;
  margin-bottom: 24px !important;
}
  body[data-site-design] .academy-tour-preview-grid {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
}
  body[data-site-design] .academy-orientation-model > div {
  grid-template-columns: 28px minmax(0,1fr) !important;
  gap: 10px 16px !important;
}
  body[data-site-design] .academy-orientation-model > div > p {
  grid-column: 2 !important;
}
  body[data-site-design] .academy-week-grid {
  grid-template-columns: minmax(0,1fr) !important;
}
}

@media (max-width: 1023px) {
  body[data-site-design] .app-shell.gn-shell {
  grid-template-columns: minmax(0,1fr) !important;
}
  body[data-site-design] .gn-sidebar {
  top: 0 !important;
  bottom: 0 !important;
  height: 100dvh !important;
  width: 264px !important;
  max-width: 85vw !important;
  background: linear-gradient(rgba(239,244,250,.88),rgba(231,238,248,.92)), url('/art/academy-campus-space.webp') center / cover fixed no-repeat !important;
}
  body[data-site-design].dark .gn-sidebar {
  background: linear-gradient(rgba(3,7,15,.62),rgba(3,7,15,.78)), url('/art/academy-campus-space.webp') center / cover fixed no-repeat !important;
}
  body[data-site-design] .gn-sidebar .nav-drawer {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 12px !important;
}
  body[data-site-design] .gn-sidebar .nav-link {
  white-space: nowrap !important;
}
  body[data-site-design] .gn-sidebar .side-brand {
  flex-shrink: 0 !important;
}
}
@media (max-width: 1000px) {
  body[data-site-design] .academy-class-card {
  grid-template-columns: 22px minmax(0,1fr) 24px !important;
  gap: 12px !important;
}
  body[data-site-design] .academy-class-card .academy-class-icon {
  display: none !important;
}
  body[data-site-design] .academy-class-card .academy-class-copy {
  grid-column: 2 !important;
}
  body[data-site-design] .academy-class-card .academy-class-progress {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
}
  body[data-site-design] .academy-class-card .academy-class-go {
  grid-column: 3 !important;
  grid-row: 1 !important;
}
}
@media (max-width: 1100px) {
  body[data-site-design] .academy-school-card {
  grid-template-columns: 140px 1fr 1fr !important;
}
  body[data-site-design] .academy-school-link {
  grid-column: 2 / -1 !important;
}
  body[data-site-design] .academy-hero-grid {
  gap: 40px !important;
}
  body[data-site-design] .cr-entry {
  grid-template-columns: 1fr 1fr !important;
}
  body[data-site-design] .cr-entry-facts {
  grid-column: 1 / -1 !important;
}
}
@media (max-width: 760px) {
  body[data-site-design] .academy-gateway {
  padding: 0 22px !important;
}
  body[data-site-design] .academy-gateway-header {
  padding: 20px 0 !important;
}
  body[data-site-design] .academy-hero-grid {
  grid-template-columns: 1fr !important;
  padding: 42px 0 !important;
  gap: 40px !important;
}
  body[data-site-design] #academyGatewayTitle {
  font-size: 46px !important;
}
  body[data-site-design] .academy-eyebrow {
  white-space: normal !important;
  line-height: 1.5 !important;
}
  body[data-site-design] .academy-hero-record {
  border-left: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  padding: 26px 0 0 !important;
}
  body[data-site-design] .academy-statband {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px 0 !important;
}
  body[data-site-design] .academy-stat {
  --site-stat-pad: 20px;
  padding: 0 var(--site-stat-pad) !important;
}
  body[data-site-design] .academy-stat:nth-child(odd) {
  padding-left: 0 !important;
}

  body[data-site-design] .academy-standing-stats .academy-stat {
  padding-left: var(--site-stat-pad) !important;
}
  body[data-site-design] .academy-stat:nth-child(even) {
  border-right: 0 !important;
}
  body[data-site-design] .academy-school-card {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  padding: 28px 0 !important;
}
  body[data-site-design] .academy-school-link {
  grid-column: auto !important;
}
  body[data-site-design] .academy-practice {
  display: block !important;
}
  body[data-site-design] .academy-standard-note {
  border-left: 0 !important;
  padding: 24px 0 !important;
}
  body[data-site-design] .gn-content .views {
  padding: 0 18px 24px !important;
}
  body[data-site-design] .gn-topbar {
  padding: 10px 16px !important;
  min-height: 60px !important;
}
  body[data-site-design] .nav-drawer {
  top: 60px !important;
}
  body[data-site-design] .cr-entry {
  padding: 24px 4px !important;
}
  body[data-site-design] .cr-credential {
  display: block !important;
}
  body[data-site-design] .cr-credential > * + * {
  margin-top: 8px !important;
}
  body[data-site-design] .cr-class-head h1 {
  font-size: 30px !important;
}
  body[data-site-design] :is(.cr-shell,.academy-dashboard) {
  padding: 0 0 32px !important;
}
  body[data-site-design] .cr-statband {
  grid-template-columns: 1fr 1fr !important;
  gap: 20px 0 !important;
}
  body[data-site-design] .cr-statband > div:nth-child(odd) {
  padding-left: 0 !important;
}
  body[data-site-design] .cr-statband > div:nth-child(even) {
  border-right: 0 !important;
}
  body[data-site-design] .cr-class-action {
  border-left: 0 !important;
  border-top: 1px solid var(--site-line) !important;
  padding: 20px 0 !important;
}
  body[data-site-design] .academy-standard-note {
  grid-column: auto !important;
}

}

body[data-site-design] :is(dialog,[role=dialog]) :is(button.primary,.btn-primary,.academy-btn-primary,.cr-btn-primary):not(:where(.gnos,.gnos *,.bb-fix-card,.bb-fix-card *,.gp-clearcard,.gp-clearcard *)) {
  background: var(--site-text) !important;
  color: var(--site-bg) !important;
}
@media (max-width: 760px) { body[data-site-design] .academy-school-card ul {
  grid-column: auto !important;
} }
body[data-site-design] [hidden][hidden][hidden] {
  display: none !important;
}

body[data-site-design] #view-rooms .compose-grid textarea#text,
body[data-site-design] #view-rooms .compose-grid textarea#text:focus,
body[data-site-design] #view-rooms .compose-grid textarea#text:focus-visible {
  color: var(--rooms-terminal-yellow) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body[data-site-design]:not(.dark) #view-rooms .rooms-terminal-shell {
  background:
    radial-gradient(circle at 82% 14%, rgba(24, 134, 125, .09), transparent 32%),
    #091112 !important;
}
}

[data-site-design] .evidence-pack { margin-block: 24px; border: 1px solid #42526a; border-radius: 8px; background: rgba(12, 22, 38, .82); color: #ecf1f8; }
[data-site-design] .evidence-pack summary { cursor: pointer; padding: 16px; font-weight: 600; line-height: 1.5; min-height: 44px; }
[data-site-design] .evidence-pack-body { padding: 0 16px 16px; }
[data-site-design] .evidence-file { margin-block-start: 16px; border-top: 1px solid #42526a; }
[data-site-design] .evidence-text { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.65; max-width: 78ch; }
[data-site-design] .evidence-pack button { min-height: 44px; white-space: normal; text-align: left; }
[data-site-design] .evidence-pack summary:focus-visible { outline: 2px solid #a8c7ff; outline-offset: 3px; }
[data-site-design] #users-host { min-width: 0; }
[data-site-design] .users-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; margin-block: 24px; }
[data-site-design] .users-metric { display: grid; gap: 8px; padding: 16px; border: 1px solid #42526a; border-radius: 8px; }
[data-site-design] .users-metric strong { font-size: 28px; }
[data-site-design] .users-search, [data-site-design] .users-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-block: 20px; }
[data-site-design] .users-search input { flex: 1 1 240px; min-width: 0; }
[data-site-design] .users-detail { margin-block-start: 32px; }
[data-site-design] .users-card { padding: 20px; margin-block: 16px; border: 1px solid #42526a; border-radius: 8px; overflow-wrap: anywhere; }
[data-site-design] .users-card summary { min-height: 44px; cursor: pointer; font-weight: 600; }
[data-site-design] .users-review { display: grid; gap: 12px; margin-block-start: 20px; max-width: 70ch; }
[data-site-design] .users-confirm { display: flex; align-items: flex-start; gap: 12px; }
[data-site-design] .users-confirm input { flex: none; width: 20px; height: 20px; }
[data-site-design] .users-report { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.65; }
[data-site-design] .users-identity { overflow-wrap: anywhere; }
[data-site-design] .users-key { display: block; margin-block-start: 6px; }
[data-site-design] #users-host .btn { min-height: 44px; white-space: normal; }
[data-site-design] #users-host :is(input, textarea) { color: #f4f7fb; background: #101c2d; border: 1px solid #62728c; padding: 12px; border-radius: 5px; font: inherit; }
[data-site-design] #users-host :is(input, textarea, button, a, summary):focus-visible { outline: 2px solid #a8c7ff; outline-offset: 3px; }
[data-site-design] #users-host :disabled { opacity: .6; cursor: not-allowed; }

[data-site-design] .evidence-document { max-width: 78ch; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
[data-site-design] .evidence-document :is(h4, h5) { font-size: 18px; line-height: 1.4; margin-block: 24px 12px; }
[data-site-design] .evidence-document p { margin-block: 12px; white-space: pre-line; }
[data-site-design] .evidence-document li { margin-block: 8px; }
[data-site-design] .evidence-text { font-family: ui-monospace, Consolas, monospace; font-size: 14px; }

@layer siteDesign {

  body[data-site-design] #examPanel {
    background: var(--site-panel) !important;
    color: var(--site-text) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border: 1px solid var(--site-line) !important;
  }
  body[data-site-design] :is(#examPanel, #bbAcademy) .bb-academy-bar {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) 44px;
    gap: 8px 12px;
  }
  body[data-site-design] :is(#examPanel, #bbAcademy) .bb-avatar { grid-row: 1 / span 2; width: 32px; height: 32px; }
  body[data-site-design] :is(#examPanel, #bbAcademy) .bb-academy-titles { min-width: 0; }
  body[data-site-design] :is(#examPanel, #bbAcademy) .bb-academy-sub { white-space: normal; overflow-wrap: anywhere; }
  body[data-site-design] :is(#examPanel, #bbAcademy) .bb-academy-name::before,
  body[data-site-design] :is(#examPanel, #bbAcademy) .bb-academy-name::after { display: none; }
  body[data-site-design] :is(#examMeta, #bbAcademyXp) { grid-column: 2; justify-self: start; margin: 0; }
  body[data-site-design] :is(#examClose, #bbAcademyClose) { grid-column: 3; grid-row: 1 / span 2; }
  @media (max-width: 1023px) {
    body[data-site-design] #examPanel::before { display: none; }
    body[data-site-design] #examPanelBody { padding: 16px 12px !important; }
    body[data-site-design] #examPanel .bba-q { padding: 12px; }
    body[data-site-design] #examPanel { transform: none !important; resize: none !important; width: 100% !important; }
  }
}

#examPanel .inline-btn {
  min-height: 44px;
  padding: 10px 16px;
  white-space: normal;
}