/* Market Lab 1.37: one Academy submenu and a readable decision workspace.
   Scope every rule to the Lab frame; site navigation and other Academy pages
   retain their existing layout. Loaded after the legacy and mission sheets. */
body.oml-studio { background: #f5f7fa; color: #192c43; }
.oml-studio { --studio-line: #dce3eb; --studio-muted: #52647b; --studio-blue: #2459d6; }
.oml-studio .omm { --omm-ink: #192c43; --omm-muted: #52647b; --omm-line: #dce3eb; --omm-blue: #2459d6; max-width: 1320px; width: calc(100% - 64px); padding-top: 20px; }
.oml-studio .oml-shell, .oml-studio .oml-training-footer { max-width: 1320px; width: calc(100% - 64px); }
.oml-studio .oml-subnav { background: #fff; border-bottom: 1px solid var(--studio-line); font: 600 14px/1.4 Inter, ui-sans-serif, system-ui, sans-serif; }
.oml-studio .oml-subnav-inner { display: flex; align-items: stretch; gap: 32px; max-width: 1320px; width: calc(100% - 64px); margin: 0 auto; }
.oml-studio .oml-subnav a { display: flex; align-items: center; min-height: 48px; padding: 12px 0; border-bottom: 2px solid transparent; color: #52647b; text-decoration: none; white-space: nowrap; box-sizing: border-box; }
.oml-studio .oml-subnav a.is-current { color: #2459d6; border-bottom-color: #2459d6; }
.oml-studio .oml-subnav a:hover { color: #163f9c; }
.oml-studio .oml-subnav a:focus-visible { outline: 3px solid #2459d6; outline-offset: -3px; }
.oml-studio .omm-page-nav { font-size: 13px; margin-bottom: 16px; gap: 20px; }
.oml-studio .omm-page-nav > button { font-size: 13px; min-height: 44px; }
.oml-studio .omm .omm-intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; gap: 20px 64px; padding: 10px 0 24px; margin: 0 0 28px; border: 0; border-bottom: 1px solid var(--studio-line); border-radius: 0; box-shadow: none; background: transparent; overflow: visible; }
.oml-studio .omm .omm-intro h1 { font-size: 36px; font-weight: 740; line-height: 1.15; letter-spacing: -.035em; }
.oml-studio .omm .omm-intro .omm-kicker { color: #52647b !important; font-size: 11px; letter-spacing: .08em; margin-bottom: 12px !important; }
.oml-studio .omm .omm-intro-lead { font-size: 15px; line-height: 1.75; margin: 16px 0 0; max-width: 640px; }
.oml-studio .omm .omm-intro-safety { display: flex; align-items: baseline; gap: 8px; margin-top: 16px; font-size: 12px; color: #52647b; line-height: 1.7; }
.oml-studio .omm-intro-safety strong { color: #345a50; }
.oml-studio .omm-safety-dot { display: inline-block; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #138777; }
.oml-studio .omm-quickstart { list-style: none; padding: 0 0 0 28px; border-left: 1px solid var(--studio-line); display: grid; gap: 17px; }
.oml-studio .omm-quickstart li { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: baseline; gap: 10px; }
.oml-studio .omm-quickstart li > span { font-size: 12px; color: #718097; font-variant-numeric: tabular-nums; }
.oml-studio .omm-quickstart strong { font-size: 14px; line-height: 1.45; font-weight: 670; }
.oml-studio .omm-quickstart p { font-size: 13px; line-height: 1.6; margin-top: 3px; }
.oml-studio .omm-intro-actions { grid-column: 1 / -1; margin: 0; display: flex; align-items: center; gap: 8px 26px; }
.oml-studio .omm-intro-actions .omm-link { font-size: 13px; min-height: 36px; display: inline-flex; align-items: center; }
.oml-studio .omm-intro-actions > span { margin-left: auto; font-size: 12px; color: #52647b; }
.oml-studio .omm .omm-heading h2 { font-size: 26px; font-weight: 730; }
.oml-studio .omm .omm-heading .omm-kicker { font-size: 11px; margin-bottom: 9px !important; }
.oml-studio .omm .omm-goal { display: block; font-size: 14px; line-height: 1.65; margin: 10px 0 16px !important; }
.oml-studio .omm-session-row { align-items: end; padding-bottom: 0; margin-bottom: 18px; border-bottom: 1px solid var(--studio-line); }
.oml-studio .omm-stops { gap: 24px; }
.oml-studio .omm-stops li { padding: 10px 0; border-bottom: 2px solid transparent; font-size: 12px; line-height: 1.45; gap: 7px; white-space: normal; }
.oml-studio .omm-stops li > span, .oml-studio .omm-stops li.is-current > span, .oml-studio .omm-stops li.is-done > span { display: inline; flex: 0 0 auto; width: auto; height: auto; border: 0; background: none; box-shadow: none; color: inherit; font-size: 12px; border-radius: 0; }
.oml-studio .omm-stops li.is-current { border-bottom-color: #2459d6; color: #2459d6; }
.oml-studio .omm-save { font-size: 11px; padding-bottom: 12px; }
.oml-studio .omm-next-step { border-left: 3px solid #4268a9; background: #edf2f8; padding: 14px 18px; margin-bottom: 18px; display: flex; align-items: center; gap: 20px; }
.oml-studio .omm-next-step > div { min-width: 0; flex: 1; }
.oml-studio .omm-next-step .omm-kicker { display: block; font-size: 10px; line-height: 1.3; margin-bottom: 5px !important; }
.oml-studio .omm-next-step strong { font-size: 16px; font-weight: 670; line-height: 1.5; }
.oml-studio .omm-next-step p { font-size: 13px; line-height: 1.65; margin-top: 4px; max-width: 1000px; }
.oml-studio .omm-next-step > a { display: none; font-size: 13px; min-height: 44px; align-items: center; }
.oml-studio .omm .omm-portfolio { border: 1px solid var(--studio-line); border-radius: 10px; box-shadow: none; margin-bottom: 16px; }
.oml-studio .omm-portfolio-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 20px 0; font-size: 12px; font-weight: 650; }
.oml-studio .omm-portfolio-heading > span > span { color: #52647b; font-weight: 500; }
.oml-studio .omm .omm-portfolio .omm-metric-detail { display: block; position: static; width: auto; height: auto; min-height: 44px; padding: 8px 0; font-size: 12px; line-height: 1.5; opacity: 1; text-align: right; }
.oml-studio .omm .omm-portfolio .omm-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 0 20px 16px; border: 0; margin: 0; border-radius: 0; }
.oml-studio .omm .omm-portfolio .omm-metrics > div { display: block; grid-area: auto; min-width: 0; border-right: 1px solid #e5eaf0; }
.oml-studio .omm .omm-portfolio .omm-metrics > div:last-child { border: 0; }
.oml-studio .omm .omm-metrics > div > span { font-size: 12px; line-height: 1.5; min-height: 0; margin-bottom: 5px; }
.oml-studio .omm .omm-metrics strong { font-size: 25px; line-height: 1.3; font-weight: 710; letter-spacing: -.025em; white-space: normal; }
.oml-studio .omm .omm-allocation { margin: 0 20px; padding: 10px 0 12px; display: flex; align-items: baseline; gap: 12px 28px; flex-wrap: wrap; }
.oml-studio .omm-allocation-labels { justify-content: flex-start; gap: 8px 24px; }
.oml-studio .omm-allocation-labels > span { font-size: 12px; }
.oml-studio .omm-allocation-labels > span:last-child { display: none; }
.oml-studio .omm .omm-allocation > p { font-size: 12px; line-height: 1.55; flex: 1 1 300px; }
.oml-studio .omm-allocation-track { display: none; }
.oml-studio .omm .omm-board { grid-template-columns: minmax(0, 1fr) 368px; gap: 18px; align-items: start; }
.oml-studio .omm .omm-chart-card, .oml-studio .omm .omm-control-card { border: 1px solid var(--studio-line); border-radius: 10px; box-shadow: none; }
.oml-studio .omm .omm-chart-card { padding: 0 20px 16px; }
.oml-studio .omm-chart-status { display: flex; flex-wrap: wrap; gap: 6px 20px; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #e5eaf0; font-size: 11px; color: #52647b; }
.oml-studio .omm-chart-status > span:first-child { color: #34516c; font-weight: 650; }
.oml-studio .omm .omm-chart-heading { padding: 17px 0 8px; margin: 0; }
.oml-studio .omm-chart-heading strong { font-size: 18px; }
.oml-studio .omm-chart-heading > div:last-child strong { font-size: 30px; font-weight: 720; }
.oml-studio .omm-chart-heading > div:last-child > span { font-size: 11px; }
.oml-studio .omm-timeframe { font-size: 11px; font-weight: 600; border-radius: 4px; background: #f0f3f7; }
.oml-studio .omm .omm-observation { padding: 12px 0; margin: 4px 0 6px; gap: 18px; }
.oml-studio .omm-observation span { font-size: 12px; }
.oml-studio .omm-observation strong { font-size: 13px; font-weight: 650; }
.oml-studio .omm .omm-chart-tools { padding-top: 6px; gap: 10px; }
.oml-studio .omm-chart-tools button { border-radius: 6px; border-color: #dce3eb; width: 42px; min-height: 44px; color: #36516e; background: #fff; }
.oml-studio .omm-chart-tools [data-mission-expand] { width: auto; padding: 7px 12px; font-size: 13px; }
.oml-studio .omm-chart-tools button:disabled { opacity: .45; }
.oml-studio .omm .omm-candle-readout { font-size: 12px; line-height: 1.6; margin: 10px 0 !important; min-height: 20px; }
.oml-studio .omm .omm-timeline { font-size: 11px; line-height: 1.5; padding: 12px 0 0; margin-top: 12px; gap: 12px; }
.oml-studio .omm-timeline progress { height: 3px; }
.oml-studio .omm .omm-control-card { padding: 23px; border-top: 3px solid #526e94; }
.oml-studio .omm[data-mission-mode="decision"] .omm-control-card { border-top-color: #2459d6; }
.oml-studio .omm[data-mission-mode="playing"] .omm-control-card { border-top-color: #138777; }
.oml-studio .omm .omm-turn-heading { grid-template-columns: minmax(0, 1fr) 108px; margin-bottom: 16px; }
.oml-studio .omm .omm-turn-tag { font-size: 12px; font-weight: 650; color: #52647b; }
.oml-studio .omm .omm-hint-button { width: 108px; min-height: 44px; background: #fff; border: 1px solid #ccd8e8; border-radius: 6px; font-size: 13px; color: #345c99; padding: 8px 10px; }
.oml-studio .omm .omm-control-card h3[data-mission-turn-title] { font-size: 25px; line-height: 1.25; font-weight: 720; letter-spacing: -.025em; }
.oml-studio .omm .omm-control-card .omm-context { font-size: 14px; line-height: 1.75; margin: 14px 0 20px !important; }
.oml-studio .omm .omm-action-buttons { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.oml-studio .omm .omm-action-buttons > .omm-choice { display: block; grid-area: auto; background: #fff; color: #203951; border: 1px solid #c7d4e4; padding: 15px; border-radius: 7px; text-align: left; width: 100%; min-height: 82px; box-shadow: none; }
.oml-studio .omm .omm-choice > strong { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 14px; line-height: 1.5; font-weight: 680; }
.oml-studio .omm .omm-choice > strong > span[aria-hidden] { color: #4169a2; font-weight: 400; flex: 0 0 auto; }
.oml-studio .omm .omm-choice > small { display: block; font-size: 12px; line-height: 1.6; font-weight: 400; color: #52647b; margin-top: 5px; }
.oml-studio .omm .omm-action-buttons > .omm-choice:hover { border-color: #6b8bc3; background: #f5f8fd; }
.oml-studio .omm .omm-action-buttons > .omm-trim { grid-area: auto; min-height: 46px; padding: 10px; border: 0; font-size: 13px; text-align: left; }
.oml-studio .omm .omm-button { border-radius: 7px; box-shadow: none; }
.oml-studio .omm .omm-primary { background: #2459d6; border-color: #2459d6; color: #fff; }
.oml-studio .omm .omm-primary:hover { background: #1b47b1; border-color: #1b47b1; }
.oml-studio .omm .omm-turn-note { font-size: 12px; line-height: 1.65; margin: 14px 0 0 !important; }
.oml-studio .omm .omm-control-footer { margin-top: 20px; padding-top: 10px; gap: 15px; }
.oml-studio .omm .omm-control-footer .omm-link { min-height: 44px; font-size: 12px; }
.oml-studio .omm .omm-action-receipt, .oml-studio .omm .omm-hint, .oml-studio .omm .omm-active-plan { border-radius: 7px; }
.oml-studio .omm .omm-hint p { font-size: 14px; line-height: 1.75; }
.oml-studio .omm .omm-active-plan > strong { font-size: 14px; }
.oml-studio .omm .omm-review { border-radius: 10px; box-shadow: none; padding: 28px; }
.oml-studio .omm .omm-dialog { border-radius: 12px; padding: 26px; }
.oml-studio .omm .omm-dialog h2 { font-size: 24px; line-height: 1.25; }
.oml-studio .omm .omm-option { border-radius: 7px; }
.oml-studio .omm .omm-size-options .omm-option strong { font-size: 14px; }
.oml-studio .omm .omm-size-options .omm-option small { font-size: 12px; }
.oml-studio .omm .omm-about { margin-top: 26px; padding-top: 26px; }
.oml-studio .omm .omm-about h2 { font-size: 27px; }
.oml-studio .omm .omm-learning-grid article { padding: 20px; border-radius: 8px; }
.oml-studio .omm .omm-about-columns > section, .oml-studio .omm .omm-faq { border-radius: 8px; }
.oml-studio .omm #omm-current-mission, .oml-studio .omm #omm-decision-title, .oml-studio .omm #omm-review-title, .oml-studio .omm #omm-about { scroll-margin-top: 100px; }
.oml-studio .omm-bottom { padding: 12px 0; font-size: 12px; }
.oml-studio .omm-bottom button, .oml-studio .omm-bottom a { font-size: 12px; min-height: 44px; }
/* The catalogue introduces the practice and keeps the six scenarios in view. */
.oml-studio .omm-hub { padding-top: 24px; }
.oml-studio .omm-hub .oml-breadcrumb { margin-bottom: 22px; font-size: 13px; }
.oml-studio .omm-hub .oml-hero { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); border: 1px solid var(--studio-line); border-radius: 12px; background: #fff; box-shadow: none; overflow: hidden; }
.oml-studio .omm-hub .oml-hero-copy { padding: 35px 34px; }
.oml-studio .omm-hub .oml-hero h1 { font-size: 40px; line-height: 1.13; letter-spacing: -.04em; font-weight: 750; margin: 15px 0 20px; max-width: 540px; }
.oml-studio .omm-hub .oml-hero .oml-lead { font-size: 16px; line-height: 1.75; max-width: 620px; }
.oml-studio .omm-hub .oml-hero-aside { background: #f0f4fa; padding: 35px 30px; display: block; }
.oml-studio .omm-hub .oml-aside-title { font-size: 23px; line-height: 1.3; margin: 16px 0 24px; color: #203951; }
.oml-studio .omm-hub .oml-flow { display: grid; grid-template-columns: 1fr; gap: 20px; }
.oml-studio .omm-hub .oml-flow li { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 12px; }
.oml-studio .omm-hub .oml-flow li > span { display: block; width: auto; height: auto; padding: 2px 0 0; background: none; border: 0; border-radius: 0; color: #6b7c92; font-size: 12px; }
.oml-studio .omm-hub .oml-flow strong { font-size: 14px; line-height: 1.5; }
.oml-studio .omm-hub .oml-flow small { font-size: 13px; line-height: 1.65; margin-top: 4px; color: #52647b; }
.oml-studio .omm-hub .oml-actions { gap: 10px 22px; margin-top: 23px; }
.oml-studio .omm-hub .oml-safety { font-size: 12px; line-height: 1.7; margin-top: 22px; }
.oml-studio .omm-hub .oml-eyebrow { font-size: 11px; letter-spacing: .075em; }
.oml-studio .omm-hub .oml-btn { border-radius: 7px; font-size: 14px; box-shadow: none; }
.oml-studio .omm-hub .oml-btn-primary { background: #2459d6; border-color: #2459d6; }
.oml-studio .omm-hub .oml-progress { border-radius: 10px; padding: 22px 26px; margin-top: 20px; box-shadow: none; }
.oml-studio .omm-hub .oml-progress h2 { font-size: 21px; }
.oml-studio .omm-hub .oml-progress p { font-size: 13px; }
.oml-studio .omm-hub .oml-progress-count strong { font-size: 26px; }
.oml-studio .omm-hub .oml-section { margin-top: 35px; }
.oml-studio .omm-hub .oml-section-head h2 { font-size: 27px; }
.oml-studio .omm-hub .oml-section-head > p { font-size: 14px; line-height: 1.7; }
.oml-studio .omm-hub-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.oml-studio .omm-hub-card { padding: 23px; border-radius: 9px; box-shadow: none; border-color: var(--studio-line); }
.oml-studio .omm-hub-card-top { margin-bottom: 23px; }
.oml-studio .omm-hub-card-top > span:first-child { color: #607992; background: transparent; border: 0; padding: 0; font-size: 14px; }
.oml-studio .omm-hub-card-top > span:last-child { font-size: 11px; color: #52647b; }
.oml-studio .omm-hub-card > p.oml-eyebrow { min-height: 32px; line-height: 1.5; }
.oml-studio .omm-hub-card h3 { font-size: 24px; line-height: 1.25; }
.oml-studio .omm-hub-card > p:not(.oml-eyebrow) { font-size: 14px; line-height: 1.7; margin: 12px 0 18px; }
.oml-studio .omm-hub-card .oml-btn { border: 0; border-top: 1px solid #e5eaf0; border-radius: 0; padding: 12px 0 0; min-height: 44px; background: transparent; justify-content: flex-start; font-size: 13px; }
.oml-studio .omm-hub .omm-hub-extra, .oml-studio .oml-module, .oml-studio .oml-exercise { border-radius: 8px; box-shadow: none; }
@media (max-width: 1050px) {
  .oml-studio .omm .omm-intro { gap: 20px 30px; }
  .oml-studio .omm .omm-board { grid-template-columns: minmax(0, 1fr) 330px; }
  .oml-studio .omm .omm-control-card { padding: 20px; }
  .oml-studio .omm .omm-control-card h3[data-mission-turn-title] { font-size: 23px; }
  .oml-studio .omm-hub .oml-hero-copy { padding: 28px; }
  .oml-studio .omm-hub .oml-hero h1 { font-size: 35px; }
}
@media (max-width: 900px) {
  .oml-studio .omm, .oml-studio .oml-shell, .oml-studio .oml-training-footer, .oml-studio .oml-subnav-inner { width: calc(100% - 40px); }
  .oml-studio .omm .omm-intro { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .oml-studio .omm-quickstart { padding: 0; border: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .oml-studio .omm-quickstart li { display: block; }
  .oml-studio .omm-quickstart li > span { display: block; margin-bottom: 6px; }
  .oml-studio .omm-intro-actions > span { flex-basis: 100%; margin-left: 0; }
  .oml-studio .omm .omm-board { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .oml-studio .omm-next-step { align-items: start; }
  .oml-studio .omm-next-step > a { display: flex; flex: 0 0 auto; }
  .oml-studio .omm .omm-action-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oml-studio .omm .omm-action-buttons > .omm-trim { grid-column: 1 / -1; }
  .oml-studio .omm-save { display: block; padding: 7px 0 10px; }
  .oml-studio .omm-session-row { display: block; }
  .oml-studio .omm-stops { justify-content: space-between; gap: 16px; }
  .oml-studio .omm-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oml-studio .omm-hub .oml-hero { grid-template-columns: minmax(0, 1fr); }
  .oml-studio .omm-hub .oml-hero-aside { padding: 24px 28px; }
  .oml-studio .omm-hub .oml-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .oml-studio .omm-hub .oml-flow li { display: block; }
  .oml-studio .omm-hub .oml-flow li > span { margin-bottom: 10px; }
}
@media (max-width: 600px) {
  .oml-studio .omm, .oml-studio .oml-shell, .oml-studio .oml-training-footer, .oml-studio .oml-subnav-inner { width: calc(100% - 28px); }
  .oml-studio .oml-subnav-inner { gap: 20px; }
  .oml-studio .oml-subnav a { font-size: 12px; min-height: 46px; padding: 12px 0; }
  .oml-studio .omm { padding-top: 10px; }
  .oml-studio .omm-page-nav { gap: 10px; margin-bottom: 10px; flex-wrap: wrap; font-size: 12px; }
  .oml-studio .omm-page-nav > span { display: none; }
  .oml-studio .omm-page-nav > button { font-size: 12px; }
  .oml-studio .omm .omm-intro { gap: 18px; padding: 8px 0 20px; margin-bottom: 22px; }
  .oml-studio .omm .omm-intro h1 { font-size: 29px; line-height: 1.15; }
  .oml-studio .omm .omm-intro .omm-kicker { font-size: 10px; line-height: 1.55; margin-bottom: 10px !important; }
  .oml-studio .omm .omm-intro-lead { font-size: 14px; line-height: 1.7; margin-top: 13px; }
  .oml-studio .omm .omm-intro-safety { font-size: 12px; margin-top: 12px; }
  .oml-studio .omm-quickstart { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .oml-studio .omm-quickstart li { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 8px; }
  .oml-studio .omm-quickstart li > span { margin: 0; }
  .oml-studio .omm-quickstart strong { font-size: 13px; }
  .oml-studio .omm-quickstart p { display: none; }
  .oml-studio .omm-intro-actions { gap: 2px 18px; }
  .oml-studio .omm-intro-actions .omm-link { font-size: 12px; min-height: 44px; }
  .oml-studio .omm-intro-actions > span { font-size: 11px; }
  .oml-studio .omm .omm-heading { grid-template-columns: minmax(0, 1fr); }
  .oml-studio .omm .omm-heading h2 { font-size: 25px; }
  .oml-studio .omm .omm-heading .omm-kicker { font-size: 10px; line-height: 1.6; }
  .oml-studio .omm-demo { display: none; }
  .oml-studio .omm .omm-goal { font-size: 13px; line-height: 1.7; }
  .oml-studio .omm-stops { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .oml-studio .omm-stops li { display: block; padding: 10px 0; font-size: 11px; line-height: 1.5; }
  .oml-studio .omm-stops li > span { display: block !important; margin-bottom: 3px; font-size: 12px; }
  .oml-studio .omm-next-step { display: block; padding: 13px 14px; margin-bottom: 14px; }
  .oml-studio .omm-next-step strong { font-size: 15px; line-height: 1.5; }
  .oml-studio .omm-next-step p { font-size: 13px; }
  .oml-studio .omm-next-step > a { min-height: 44px; margin-top: 2px; }
  .oml-studio .omm .omm-portfolio { margin-bottom: 14px; }
  .oml-studio .omm-portfolio-heading { padding: 5px 13px 2px; font-size: 12px; gap: 10px; align-items: center; }
  .oml-studio .omm-portfolio-heading > span { max-width: 125px; }
  .oml-studio .omm .omm-portfolio .omm-metric-detail { width: 126px; font-size: 11px; line-height: 1.55; }
  .oml-studio .omm .omm-portfolio .omm-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 13px 13px; }
  .oml-studio .omm .omm-metrics > div > span { font-size: 11px; line-height: 1.5; min-height: 33px; }
  .oml-studio .omm .omm-metrics strong { font-size: 20px; line-height: 1.4; }
  .oml-studio .omm .omm-metrics > div:last-of-type strong { font-size: 18px; }
  .oml-studio .omm .omm-allocation { margin: 0 13px; gap: 7px; padding: 10px 0 12px; }
  .oml-studio .omm .omm-allocation > p { font-size: 12px; }
  .oml-studio .omm .omm-chart-card { padding: 0 11px 13px; }
  .oml-studio .omm-chart-status { font-size: 11px; gap: 4px 12px; padding: 11px 0; }
  .oml-studio .omm-chart-status > span:first-child { display: none; }
  .oml-studio .omm .omm-chart-heading { padding: 15px 0 8px; }
  .oml-studio .omm-chart-heading strong { font-size: 16px; }
  .oml-studio .omm-chart-heading > div:last-child strong { font-size: 26px; }
  .oml-studio .omm-chart-heading > div:last-child > span { font-size: 10px; }
  .oml-studio .omm-timeframe { font-size: 10px; padding: 4px 6px; }
  .oml-studio .omm .omm-observation { gap: 13px; padding: 10px 0; margin-bottom: 8px; }
  .oml-studio .omm-observation span { font-size: 11px; line-height: 1.55; }
  .oml-studio .omm-observation strong { font-size: 12px; line-height: 1.6; }
  .oml-studio .omm .omm-chart-tools { gap: 6px; }
  .oml-studio .omm-chart-tools > div { display: flex; gap: 5px; }
  .oml-studio .omm-chart-tools button { width: 40px; min-height: 44px; }
  .oml-studio .omm-chart-tools [data-mission-expand] { width: 44px; padding: 8px; font-size: 18px; }
  .oml-studio .omm-expand-label { display: none; }
  .oml-studio .omm .omm-candle-readout { font-size: 12px; }
  .oml-studio .omm .omm-timeline { font-size: 10px; gap: 6px; flex-wrap: wrap; }
  .oml-studio .omm .omm-control-card { padding: 18px 16px; }
  .oml-studio .omm .omm-turn-heading { margin-bottom: 14px; grid-template-columns: minmax(0, 1fr) 102px; }
  .oml-studio .omm .omm-hint-button { width: 102px; font-size: 12px; }
  .oml-studio .omm .omm-control-card h3[data-mission-turn-title] { font-size: 24px; }
  .oml-studio .omm .omm-control-card .omm-context { font-size: 14px; line-height: 1.7; }
  .oml-studio .omm .omm-action-buttons { grid-template-columns: minmax(0, 1fr); }
  .oml-studio .omm .omm-action-buttons > .omm-choice { padding: 14px; min-height: 84px; }
  .oml-studio .omm .omm-choice > strong { font-size: 14px; }
  .oml-studio .omm .omm-choice > small { font-size: 12px; }
  .oml-studio .omm .omm-control-footer { gap: 12px; }
  .oml-studio .omm .omm-control-footer .omm-link { font-size: 12px; }
  .oml-studio .omm .omm-button { min-height: 46px; font-size: 14px; }
  .oml-studio .omm .omm-dialog { width: calc(100vw - 20px); max-width: 100%; padding: 20px 15px; }
  .oml-studio .omm .omm-dialog h2 { font-size: 22px; }
  .oml-studio .omm .omm-size-options { gap: 7px; }
  .oml-studio .omm .omm-size-options .omm-option strong { font-size: 12px; }
  .oml-studio .omm .omm-size-options .omm-option small { font-size: 11px; }
  .oml-studio .omm .omm-option strong { font-size: 14px; }
  .oml-studio .omm .omm-option small { font-size: 12px; line-height: 1.6; }
  .oml-studio .omm .omm-review { padding: 21px 16px; }
  .oml-studio .omm .omm-review h2 { font-size: 25px; }
  .oml-studio .omm .omm-about h2 { font-size: 24px; }
  .oml-studio .omm .omm-about-heading > p:last-child { font-size: 14px; }
  .oml-studio .omm .omm-learning-grid article { padding: 18px; }
  .oml-studio .omm-bottom { gap: 8px; }
  .oml-studio .omm-bottom button, .oml-studio .omm-bottom a { font-size: 12px; }
  .oml-studio .omm-hub .oml-breadcrumb { margin-bottom: 17px; }
  .oml-studio .omm-hub .oml-hero-copy { padding: 25px 21px; }
  .oml-studio .omm-hub .oml-hero h1 { font-size: 33px; }
  .oml-studio .omm-hub .oml-hero .oml-lead { font-size: 14px; }
  .oml-studio .omm-hub .oml-hero-aside { padding: 24px 21px; }
  .oml-studio .omm-hub .oml-flow { grid-template-columns: 1fr; gap: 18px; }
  .oml-studio .omm-hub .oml-flow li { display: grid; }
  .oml-studio .omm-hub .oml-flow li > span { margin: 0; }
  .oml-studio .omm-hub .oml-aside-title { font-size: 22px; margin: 14px 0 22px; }
  .oml-studio .omm-hub .oml-progress { padding: 20px; }
  .oml-studio .omm-hub .oml-section-head h2 { font-size: 25px; }
  .oml-studio .omm-hub-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .oml-studio .omm-hub-card { padding: 22px; }
  .oml-studio .omm-hub-card > p.oml-eyebrow { min-height: 0; }
}
@media (max-width: 350px) {
  .oml-studio .oml-subnav-inner { gap: 16px; }
  .oml-studio .oml-subnav a { font-size: 11px; }
  .oml-studio .omm .omm-metrics strong { font-size: 18px; }
  .oml-studio .omm .omm-metrics > div:last-of-type strong { font-size: 16px; }
  .oml-studio .omm .omm-portfolio .omm-metrics { gap: 9px; }
  .oml-studio .omm .omm-size-options .omm-option { padding: 11px 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .oml-studio *, .oml-studio *::before, .oml-studio *::after { scroll-behavior: auto !important; }
}
/* Keep secondary explanations compact and all controls comfortably reachable. */
.oml-studio .omm .omm-reference { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.oml-studio .omm .omm-reference .omm-faq { margin: 0; padding: 22px; }
.oml-studio .omm .omm-reference .omm-faq h3 { font-size: 20px; margin-bottom: 12px; }
.oml-studio .omm .omm-faq summary { font-size: 14px; line-height: 1.65; min-height: 44px; padding: 10px 0; }
.oml-studio .omm .omm-faq details p { font-size: 14px; }
.oml-studio .omm-reference-note { border-left: 1px solid #dce3eb; padding: 6px 0 6px 25px; }
.oml-studio .omm-reference-note h3 { font-size: 22px; line-height: 1.4; margin: 10px 0 14px; }
.oml-studio .omm-reference-note p { font-size: 14px; line-height: 1.75; }
.oml-studio .omm-reference-note a { display: block; min-height: 44px; margin-top: 9px; }
.oml-studio .omm .omm-chart-tools button { display: block; height: 44px; line-height: 1.3; }
.oml-studio .omm .omm-chart-tools > div { display: flex; gap: 6px; }
.oml-studio .omm .omm-dialog-top .omm-icon-button { display: block; height: 44px; width: 44px; min-height: 44px; flex: 0 0 44px; line-height: 1.4; }
.oml-studio .omm .omm-buy-form > button, .oml-studio .omm .omm-advance > button, .oml-studio .omm .omm-finish-short > .omm-button { display: block; min-height: 48px; padding: 13px 15px; line-height: 1.6; }
.oml-studio .omm .omm-option input[type="radio"] { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 2px 0; box-sizing: border-box; accent-color: #2459d6; }
.oml-studio .omm .omm-size-options .omm-option strong { font-size: 18px; }
.oml-studio .omm .omm-allocation-labels > span { display: block; }
.oml-studio .omm .omm-allocation-labels > span:last-child { display: none; }
.oml-studio .omm-allocation-labels strong { display: inline; margin-left: 5px; }
.oml-studio .omm-stops li { white-space: nowrap; }
.oml-studio .omm-hub .oml-progress { grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr) 220px; gap: 28px; }
.oml-studio .omm-hub .oml-progress-actions { width: 100%; max-width: 100%; }
.oml-studio .omm-hub .oml-progress-actions > a, .oml-studio .omm-hub .oml-progress-actions > button { display: block; width: 100%; max-width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px 12px; line-height: 1.6; }
.oml-studio .omm-hub .oml-progress-count { display: block; }
.oml-studio .omm-hub .oml-progress-count strong, .oml-studio .omm-hub .oml-progress-count span, .oml-studio .omm-hub .oml-progress-count progress { display: block; }
.oml-studio .omm-hub .oml-progress-count span { margin: 6px 0 9px; }
.oml-studio .omm-hub-card { display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 0; }
.oml-studio .omm-hub-card::before { display: none; }
.oml-studio .omm-hub-card .oml-btn { width: 100%; display: block; margin-top: 0; align-self: end; }
.oml-studio .omm-hub-card h3 { margin: 6px 0 8px; }
.oml-studio .omm-hub-card > p:not(.oml-eyebrow) { margin-top: 8px; }
@media (max-width: 1050px) {
  .oml-studio .omm-hub .oml-progress { grid-template-columns: minmax(0, 1fr) 200px; }
  .oml-studio .omm-hub .oml-progress-actions { width: auto; grid-column: 1 / -1; display: flex; flex-direction: row; max-width: 100%; }
}
@media (max-width: 900px) {
  .oml-studio .omm .omm-reference { grid-template-columns: minmax(0, 1fr); }
  .oml-studio .omm-reference-note { border-left: 0; padding: 0; }
}
@media (max-width: 600px) {
  .oml-studio .omm-stops li { white-space: normal; }
  .oml-studio .omm .omm-reference .omm-faq { padding: 18px 16px; }
  .oml-studio .omm .omm-size-options .omm-option strong { font-size: 16px; }
  .oml-studio .omm-hub .oml-progress-actions { flex-direction: column; width: 100%; }
}
/* Explicit placement prevents an implicit track when the intro spans columns. */
.oml-studio .omm-intro-copy { grid-area: 1 / 1 / 2 / 2; min-width: 0; }
.oml-studio .omm-quickstart { grid-area: 1 / 2 / 2 / 3; min-width: 0; }
.oml-studio .omm-intro-actions { grid-area: 2 / 1 / 3 / 3; min-width: 0; }
.oml-studio .omm-hub .oml-progress > div:first-child { grid-area: 1 / 1 / 2 / 2; }
.oml-studio .omm-hub .oml-progress-count { grid-area: 1 / 2 / 2 / 3; }
.oml-studio .omm-hub .oml-progress-actions { grid-area: 1 / 3 / 2 / 4; }
@media (max-width: 1050px) {
  .oml-studio .omm-hub .oml-progress-actions { grid-area: 2 / 1 / 3 / 3; }
}
@media (max-width: 900px) {
  .oml-studio .omm-intro-copy { grid-area: 1 / 1 / 2 / 2; }
  .oml-studio .omm-quickstart { grid-area: 2 / 1 / 3 / 2; }
  .oml-studio .omm-intro-actions { grid-area: 3 / 1 / 4 / 2; }
}
/* Public introduction: a real, unrevealed scenario and practical instructions. */
.oml-studio .omm-hub .oml-format-facts { display: flex; flex-wrap: wrap; gap: 8px 18px; list-style: none; margin: 20px 0 0; padding: 0; font-size: 12px; color: #345a50; }
.oml-studio .omm-hub .oml-format-facts li { margin: 0; padding: 0; }
.oml-studio .omm-hub .oml-hero-copy { grid-area: 1 / 1 / 2 / 2; min-width: 0; }
.oml-studio .omm-hub .oml-preview { grid-area: 1 / 2 / 2 / 3; min-width: 0; padding: 32px 28px; }
.oml-studio .oml-preview h2 { font-size: 24px; line-height: 1.3; letter-spacing: -.025em; margin: 12px 0 22px; }
.oml-studio .oml-preview-price { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.oml-studio .oml-preview-price > span { font-size: 15px; font-weight: 650; }
.oml-studio .oml-preview-price strong { font-size: 26px; line-height: 1.2; text-align: right; font-variant-numeric: tabular-nums; }
.oml-studio .oml-preview-price small { display: block; margin-top: 5px; font-size: 11px; line-height: 1.5; color: #52647b; font-weight: 400; }
.oml-studio .oml-preview figure { margin: 20px 0 8px; }
.oml-studio .oml-preview-level { display: flex; align-items: center; gap: 7px; font-size: 12px; line-height: 1.5; color: #365fa7; margin: 0; }
.oml-studio .oml-preview-level > span { flex: 0 0 18px; border-top: 1px dashed #4f77cb; }
.oml-studio .oml-preview svg { display: block; width: 100%; height: auto; margin: 0; }
.oml-studio .oml-preview figcaption { font-size: 12px; line-height: 1.65; color: #52647b; }
.oml-studio .oml-preview > a { display: block; min-height: 44px; padding: 12px 0 0; font-size: 13px; line-height: 1.6; }
.oml-studio .oml-guide { border-top: 1px solid var(--studio-line); padding-top: 32px; }
.oml-studio .oml-guide-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.oml-studio .oml-guide-steps { list-style: none; padding: 0; margin: 0; }
.oml-studio .oml-guide-steps li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; padding: 18px 0; border-top: 1px solid var(--studio-line); margin: 0; }
.oml-studio .oml-guide-steps li:first-child { padding-top: 0; border: 0; }
.oml-studio .oml-guide-steps li > span { font-size: 12px; line-height: 1.7; color: #607992; font-variant-numeric: tabular-nums; }
.oml-studio .oml-guide h3 { font-size: 19px; line-height: 1.4; margin: 0 0 9px; }
.oml-studio .oml-guide p { font-size: 14px; line-height: 1.8; color: #52647b; margin: 0; }
.oml-studio .oml-guide-result { min-width: 0; padding: 28px; border: 1px solid var(--studio-line); border-radius: 10px; background: #fff; }
.oml-studio .oml-guide-result .oml-eyebrow { margin-bottom: 12px; }
.oml-studio .oml-guide-result h3 { font-size: 24px; }
.oml-studio .oml-guide-result dl { margin: 22px 0 0; }
.oml-studio .oml-guide-result dl > div + div { margin-top: 18px; }
.oml-studio .oml-guide-result dt { font-size: 14px; font-weight: 650; line-height: 1.5; }
.oml-studio .oml-guide-result dd { font-size: 14px; line-height: 1.7; color: #52647b; margin: 5px 0 0; }
.oml-studio .oml-guide .oml-guide-note { border-top: 1px solid #e3e9ef; margin-top: 24px; padding-top: 16px; font-size: 13px; }
.oml-studio .oml-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; align-items: start; }
.oml-studio .oml-hub-faq details { border-bottom: 1px solid var(--studio-line); }
.oml-studio .oml-hub-faq summary { padding: 18px 0; min-height: 52px; font-size: 15px; font-weight: 650; line-height: 1.65; cursor: pointer; }
.oml-studio .oml-hub-faq summary:focus-visible { outline: 2px solid #2459d6; outline-offset: 4px; }
.oml-studio .oml-hub-faq details p { font-size: 14px; line-height: 1.85; color: #52647b; margin: 0 0 20px; }
.oml-studio .oml-hub-faq details a { text-decoration: underline; text-underline-offset: 3px; }
.oml-studio .oml-guide-next { display: flex; align-items: center; justify-content: space-between; gap: 28px; background: #edf2f9; border-left: 3px solid #4268a9; padding: 24px 28px; margin: 32px 0; }
.oml-studio .oml-guide-next > div { flex: 1; }
.oml-studio .oml-guide-next h2 { font-size: 24px; line-height: 1.35; margin: 0 0 8px; }
.oml-studio .oml-guide-next p { color: #52647b; font-size: 14px; line-height: 1.7; max-width: 720px; }
.oml-studio .omm-hub .oml-guide-next > a { display: block; flex: 0 0 auto; padding: 13px 18px; min-height: 48px; line-height: 1.6; }
@media (max-width: 900px) {
  .oml-studio .omm-hub .oml-preview { grid-area: 2 / 1 / 3 / 2; padding: 24px 28px; }
  .oml-studio .oml-preview figure { max-width: 600px; margin-left: auto; margin-right: auto; }
  .oml-studio .oml-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .oml-studio .oml-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (max-width: 600px) {
  .oml-studio .omm-hub .oml-preview { padding: 22px 18px; }
  .oml-studio .oml-preview h2 { font-size: 22px; }
  .oml-studio .oml-preview-price strong { font-size: 24px; }
  .oml-studio .oml-preview-price > span { font-size: 14px; }
  .oml-studio .oml-guide { padding-top: 24px; }
  .oml-studio .oml-guide-steps li { grid-template-columns: 24px minmax(0, 1fr); gap: 10px; }
  .oml-studio .oml-guide-result { padding: 20px 18px; }
  .oml-studio .oml-guide h3 { font-size: 18px; }
  .oml-studio .oml-guide-result h3 { font-size: 22px; }
  .oml-studio .oml-hub-faq summary { font-size: 14px; }
  .oml-studio .oml-guide-next { display: block; padding: 20px 18px; }
  .oml-studio .oml-guide-next h2 { font-size: 22px; }
  .oml-studio .omm-hub .oml-guide-next > a { margin-top: 18px; text-align: center; }
}

/* Keep the action and its feedback visible at the point of use. */
.oml-studio .omm-intro-actions [data-mission-start] { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 18px; font-size: 14px; line-height: 1.5; }
.oml-studio .omm #omm-workspace-board, .oml-studio .omm .omm-hint { scroll-margin-top: 100px; }
.oml-studio .omm .omm-hint { margin: 0 0 20px; }
.oml-studio .omm .omm-hint:focus-visible { outline: 2px solid #2459d6; outline-offset: 3px; }
@media (max-width: 600px) {
  .oml-studio .omm-intro-actions [data-mission-start] { width: 100%; }
}

.oml-studio .oml-content-target { display: block; height: 0; margin: 0; padding: 0; scroll-margin-top: 100px; }

/* Make the mode and the learning task explicit, with one entry for a beginner. */
.oml-studio .omm-exercise-introduction{max-width:850px;margin:0 0 24px}.oml-studio .omm-exercise-introduction h2{font-size:29px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px}.oml-studio .omm-exercise-introduction p{font-size:15px;line-height:1.8;color:#52647b;margin:8px 0}.oml-studio .omm-exercise-introduction .omm-exercise-format{font-size:13px;color:#52647b}
.oml-studio .omm-hub .omm-exercise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.oml-studio .omm-hub .omm-exercise-card{display:flex;flex-direction:column;gap:20px;padding:26px;border:1px solid #d8e2ef;border-radius:12px;background:#fff;min-height:0}.oml-studio .omm-hub .omm-exercise-feature{border-color:#83a5ed;background:linear-gradient(110deg,#f5f8ff,#fff 70%);padding:30px;box-shadow:0 6px 20px #24446606}
.oml-studio .omm-exercise-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oml-studio .omm-exercise-number{font-size:12px;font-weight:650;color:#516784}.oml-studio .omm-exercise-badge{background:#e1ebff;color:#2053b2;border-radius:5px;padding:4px 8px;font-size:11px}.oml-studio .omm-exercise-status{font-size:11px;color:#536b8c;margin-left:auto}.oml-studio .omm-exercise-body{display:flex;flex-direction:column;flex:1;gap:18px}.oml-studio .omm-exercise-feature .omm-exercise-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start}.oml-studio .omm-hub .omm-exercise-card h3{font-size:24px;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px}.oml-studio .omm-hub .omm-exercise-feature h3{font-size:30px}.oml-studio .omm-exercise-title a{color:#193253;text-decoration:none}.oml-studio .omm-exercise-title a:hover{text-decoration:underline}.oml-studio .omm-exercise-copy p,.oml-studio .omm-exercise-outcome p{font-size:14px;line-height:1.75;margin:0;color:#52647b}.oml-studio .omm-exercise-outcome{background:#f3f6fb;border-left:2px solid #c5d5ed;padding:14px 16px;border-radius:0 6px 6px 0;margin-top:auto}.oml-studio .omm-exercise-feature .omm-exercise-outcome{margin-top:0}.oml-studio .omm-exercise-outcome>strong{display:block;font-size:12px;color:#324e74;margin-bottom:5px}.oml-studio .omm-exercise-footer{display:flex;align-items:center;gap:22px;border-top:1px solid #e4ebf3;padding-top:18px}.oml-studio .omm-exercise-footer>span{font-size:12px;line-height:1.7;color:#52647b;max-width:360px}.oml-studio .omm-hub .omm-exercise-card .oml-btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;font-size:13px;font-weight:650;border:1px solid #b6caeb;background:#f8faff;border-radius:6px;padding:10px 16px;line-height:1.5;color:#27528c}.oml-studio .omm-hub .omm-exercise-card .oml-btn-primary{background:#285be2;border-color:#285be2;color:#fff}.oml-studio .omm-hub .omm-exercise-card .oml-btn:hover{filter:brightness(.97)}
.oml-studio .oml-modes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.oml-studio .oml-mode-card{display:flex;flex-direction:column;padding:30px;border:1px solid #d8e2ef;border-radius:12px;background:#fff}.oml-studio .oml-mode-card h3{font-size:25px;line-height:1.3;letter-spacing:-.4px;margin:0 0 15px}.oml-studio .oml-mode-card p{font-size:15px;line-height:1.75;color:#52647b;margin-bottom:12px}.oml-studio .oml-mode-card ul{font-size:14px;line-height:2;color:#304969;margin:0 0 20px;padding-left:20px}.oml-studio .oml-mode-card .oml-btn{align-self:flex-start;margin-top:auto;min-height:46px;padding:11px 17px;border:1px solid #b6caeb;border-radius:6px;font-weight:650;font-size:14px}.oml-studio .oml-mode-card small{display:block;font-size:12px;line-height:1.6;color:#52647b;margin-top:12px}.oml-studio .oml-mode-terminal{background:#17263e;color:#f1f6ff;border-color:#17263e}.oml-studio .oml-mode-terminal p,.oml-studio .oml-mode-terminal ul,.oml-studio .oml-mode-terminal small{color:#bfcde2}.oml-studio .oml-mode-terminal h3{color:#f1f6ff}.oml-studio .oml-mode-terminal .oml-btn{color:#fff;background:#3264e5;border-color:#5e85e7}
@media(max-width:760px){.oml-studio .omm-hub .omm-exercise-grid,.oml-studio .oml-modes-grid{grid-template-columns:minmax(0,1fr)}.oml-studio .omm-hub .omm-exercise-card,.oml-studio .omm-hub .omm-exercise-feature,.oml-studio .oml-mode-card{padding:22px}.oml-studio .omm-exercise-feature .omm-exercise-body{display:flex;gap:18px}.oml-studio .omm-exercise-introduction h2{font-size:25px}.oml-studio .omm-hub .omm-exercise-feature h3{font-size:26px}.oml-studio .omm-exercise-footer{flex-direction:column;align-items:stretch;gap:12px}.oml-studio .omm-exercise-footer>span{max-width:none}.oml-studio .omm-exercise-meta{gap:8px}.oml-studio .omm-exercise-status{margin-left:0}.oml-studio .oml-mode-card .oml-btn{align-self:stretch;text-align:center}}
.oml-studio .omm-hub .omm-exercise-card{display:grid;grid-template-rows:auto 1fr auto}.oml-studio .omm-exercise-body{display:block}.oml-studio .omm-exercise-outcome{margin-top:18px}.oml-studio .omm-exercise-feature .omm-exercise-body{display:grid}.oml-studio .omm-hub .omm-exercise-feature .omm-exercise-footer .oml-btn{width:auto;flex:0 0 auto}.oml-studio .omm-exercise-footer>span{min-width:0;flex:1}.oml-studio .omm-exercise-grid>.omm-exercise-card:last-child{grid-column:1 / -1}.oml-studio .omm-exercise-grid>.omm-exercise-card:last-child .omm-exercise-body{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}.oml-studio .omm-exercise-grid>.omm-exercise-card:last-child .omm-exercise-outcome{margin-top:0}
@media(max-width:760px){.oml-studio .omm-exercise-feature .omm-exercise-body,.oml-studio .omm-exercise-grid>.omm-exercise-card:last-child .omm-exercise-body{display:block}.oml-studio .omm-exercise-feature .omm-exercise-outcome,.oml-studio .omm-exercise-grid>.omm-exercise-card:last-child .omm-exercise-outcome{margin-top:18px}.oml-studio .omm-hub .omm-exercise-feature .omm-exercise-footer .oml-btn{width:100%}}
.oml-studio .omm-hub .omm-exercise-grid{grid-template-areas:"learn2 learn3" "learn4 learn5" "learn6 learn6"}.oml-studio .omm-exercise-grid>[data-mission-number="2"]{grid-area:learn2}.oml-studio .omm-exercise-grid>[data-mission-number="3"]{grid-area:learn3}.oml-studio .omm-exercise-grid>[data-mission-number="4"]{grid-area:learn4}.oml-studio .omm-exercise-grid>[data-mission-number="5"]{grid-area:learn5}.oml-studio .omm-exercise-grid>[data-mission-number="6"]{grid-area:learn6}
@media(max-width:760px){.oml-studio .omm-hub .omm-exercise-grid{display:block}.oml-studio .omm-exercise-grid>.omm-exercise-card{margin-bottom:18px}.oml-studio .omm-hub .omm-exercise-card{min-width:0}}
.oml-studio .omm-exercise-grid>.omm-exercise-card:last-child{grid-column:1 / 3;grid-row:3 / 4}