/* R10 launch-surface closure. All selectors are deliberately scoped. */
html.community-overlay-open,
body.community-overlay-open { overflow: hidden !important; }
.expert-file-picker { grid-column: 1 / -1; display: grid; gap: 8px; margin-top: 4px; }
.expert-file-picker > label { color: #123b68; font-size: 14px; font-weight: 700; }
.expert-file-input { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
.expert-file-input:focus + .expert-file-controls .expert-file-button { outline: 3px solid #3f6de4; outline-offset: 3px; }
.expert-file-controls { display: flex; align-items: center; gap: 12px; min-width: 0; }
.expert-file-button { min-height: 44px; padding: 9px 17px; border: 1px solid #96abc1; border-radius: 8px; background: #f4f8fb; color: #0a3158; font: 700 14px/1.2 Montserrat, Arial, sans-serif; cursor: pointer; }
.expert-file-button:hover { border-color: #1f6fba; background: #eaf3fa; }
.expert-file-button:focus-visible { outline: 3px solid #3f6de4; outline-offset: 3px; }
.expert-file-controls [data-expert-file-status] { min-width: 0; overflow-wrap: anywhere; color: #52677c; font-size: 14px; }

/* Learn primary routes: three compact, equal, stacked rows. */
@media (min-width: 1101px) {
  .learn-r2-page .learn-r2-hero { padding-block: 18px 16px !important; }
  .learn-r2-page .learn-r2-intro h1 { max-width: 1180px; font-size: clamp(38px, 3.45vw, 58px); }
  .learn-r2-page .learn-r2-intro p { margin-top: 8px; }
  .learn-r2-page .learn-r2-route-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; margin-top: 12px !important; }
  .learn-r2-page .learn-r2-route-card { height: 108px !important; min-height: 108px !important; display: grid !important; grid-template-columns: 46px minmax(180px, 230px) minmax(0, 1fr) !important; grid-template-rows: 44px 44px !important; gap: 4px 16px !important; align-items: center !important; padding: 8px 18px !important; }
  .learn-r2-page .learn-r2-route-card > .learn-r3-route-icon { grid-column: 1 !important; grid-row: 1 !important; width: 38px !important; height: 38px !important; align-self: center !important; }
  .learn-r2-page .learn-r2-route-card > span:nth-child(2) { grid-column: 2 / -1 !important; grid-row: 1 !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(180px, 230px) minmax(0, 1fr) !important; gap: 18px !important; align-items: center !important; }
  .learn-r2-page .learn-r2-route-card strong,
  .learn-r2-page .learn-r2-route-card small { display: block !important; margin: 0 !important; }
  .learn-r2-page .learn-r6-card-action,
  .learn-r2-page .learn-r6-ai-form,
  .learn-r2-page .learn-r2-route-card .learn-r2-search-form { grid-column: 2 / -1 !important; grid-row: 2 !important; width: min(620px, 100%) !important; min-height: 44px !important; height: 44px !important; margin: 0 !important; align-self: center !important; }
  .learn-r2-page .learn-r6-card-action { justify-self: start; width: auto !important; padding-inline: 18px !important; }
  .learn-r2-page .learn-r3-search-heading { display: contents !important; }
  .learn-r2-page .learn-r3-search-heading > .learn-r3-route-icon { grid-column: 1 !important; grid-row: 1 !important; width: 38px !important; height: 38px !important; }
  .learn-r2-page .learn-r3-search-heading > span:last-child { grid-column: 2 / -1 !important; grid-row: 1 !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(180px, 230px) minmax(0, 1fr) !important; gap: 18px !important; align-items: center !important; }
}

/* Learn pathway: one compact selector, one active dot globally, and no desktop scrollbar. */
.learn-r2-page .learn-r2-pathway { padding-block: 30px 36px !important; }
.learn-r2-page .learn-r2-pathway .site-shell { display: block !important; }
.learn-r2-page .learn-r2-section-heading { margin-bottom: 14px !important; }
.learn-r2-page .learn-r2-pathway-controls { position: relative; height: 0; margin: 0 !important; z-index: 3; }
.learn-r2-page .learn-r2-pathway-controls button { position: absolute !important; top: 52px !important; width: 44px !important; height: 44px !important; padding: 0 !important; border: 1px solid #aec0d2 !important; border-radius: 50% !important; background: rgba(255,255,255,.94) !important; color: #123b68 !important; box-shadow: 0 3px 12px rgba(8,38,70,.12) !important; }
.learn-r2-page .learn-r2-pathway-controls [data-stage-prev] { left: -18px !important; }
.learn-r2-page .learn-r2-pathway-controls [data-stage-next] { right: -18px !important; }
.learn-r2-page .learn-r2-stage-track-wrap { width: 100% !important; max-height: none !important; overflow: visible !important; margin: 0 !important; padding: 0 34px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.learn-r2-page .learn-r2-stage-track { width: 100% !important; min-width: 0 !important; height: 132px !important; display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 12px !important; align-items: start !important; padding: 8px 0 !important; }
.learn-r2-page .learn-r2-stage { width: 100% !important; min-width: 0 !important; height: 112px !important; min-height: 112px !important; display: grid !important; grid-template-rows: 84px 18px !important; justify-items: center !important; gap: 4px !important; }
.learn-r2-page .learn-r2-stage-button { width: 100% !important; max-width: 154px !important; height: 84px !important; min-height: 84px !important; border-radius: 42px !important; }
.learn-r2-page .learn-r2-substeps { min-height: 18px !important; height: 18px !important; margin: 0 !important; gap: 8px !important; flex-wrap: nowrap !important; }
.learn-r2-page .learn-r2-substep-button { box-sizing: border-box !important; width: 24px !important; min-width: 24px !important; height: 24px !important; min-height: 24px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; box-shadow: none !important; }
.learn-r2-page .learn-r2-substep-button::before { width: 11px !important; height: 11px !important; border: 2px solid #3f6de4 !important; background: #fff !important; }
.learn-r2-page .learn-r2-substep-button.is-active::before,
.learn-r2-page .learn-r2-substep-button[aria-pressed="true"]::before { border-color: #287e42 !important; background: #7bc143 !important; }
.learn-r2-page .learn-r2-substep-button:not(.is-active):not([aria-pressed="true"])::before { border-color: #3f6de4 !important; background: #fff !important; }
.learn-r2-page .learn-r2-stage-panels { width: 100% !important; margin: 8px 0 0 !important; border: 1px solid #c8d8e7 !important; border-radius: 14px !important; }
.learn-r2-page .learn-r2-stage-panel { padding: 14px 18px !important; }
.learn-r2-page .learn-r2-stage-panel > header { min-height: 34px !important; margin: 0 0 8px !important; padding-bottom: 8px !important; grid-template-columns: minmax(0,1fr) auto !important; }
.learn-r2-page .learn-r2-substep-panel.is-active:not([hidden]) { padding: 8px 0 2px !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(0,1.3fr) minmax(250px,.7fr) !important; gap: 8px 20px !important; align-items: start !important; }
.learn-r2-page .learn-r2-stage-panel[hidden],
.learn-r2-page .learn-r2-substep-panel[hidden] { display: none !important; }
.learn-r2-page .learn-r2-substep-panel > p { margin: 0 !important; }
.learn-r2-page .learn-r3-substep-nav { margin: 0 !important; align-self: start !important; }
.learn-r2-page .learn-r2-checklist-grid { grid-column: 1 / -1 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px 10px !important; margin-top: 2px !important; }
.learn-r2-page .learn-r2-progress { margin-top: 0 !important; border-radius: 0 0 14px 14px !important; transform: translateY(-1px); }

/* Keep the approved prompt compact while allowing a wrapping control on narrow screens. */
.learn-r2-page .learn-r6-ai-form textarea { box-sizing: border-box; width: 100%; height: 48px; min-height: 48px; resize: none; overflow: hidden; white-space: pre-wrap; }

/* Keep the Learn expert-services section aligned with the canonical Support component. */
.learn-r2-page #experts { font-family: "Montserrat", Arial, sans-serif; }
.learn-r2-page #experts .section-heading { max-width: none; margin-bottom: 0; grid-template-columns: minmax(0, 1fr); }
.learn-r2-page #experts .section-heading h2 { margin-bottom: 0; }
.learn-r2-page #experts [data-step-summary] { margin-top: 12px; }
.learn-r2-page #experts .service-stage-action { font-size: 14px; font-weight: 800; line-height: 1.3; }

/* Research engagement cards. */
.research-r2-page .research-r2-intro { align-self: center; }
.research-r2-page .research-r2-action { grid-template-columns: 48px minmax(0,1fr) 38px !important; gap: 14px !important; min-height: 92px !important; border-color: #c4d4e3 !important; background: rgba(255,255,255,.96) !important; }
.research-r2-page .research-r2-action:hover,
.research-r2-page .research-r2-action:focus-visible { border-color: #63a936 !important; background: #f7fbf4 !important; }
.research-r10-action-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #eaf4e3; color: #287e42; }
.research-r10-action-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.research-r10-action-control { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #b8cadd; border-radius: 50%; color: #1f6fba; background: #fff; }
.research-r10-action-control svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.research-r2-page .support-r2-resource,
.research-r2-page .support-r2-resource strong,
.research-r2-page .support-r2-resource small { text-decoration: none !important; }

@media (max-width: 1100px) {
  .learn-r2-page .learn-r2-stage-track-wrap { overflow-x: auto !important; padding-inline: 22px !important; }
  .learn-r2-page .learn-r2-stage-track { min-width: 820px !important; }
}
@media (max-width: 720px) {
  .expert-file-controls { align-items: flex-start; flex-direction: column; }
  .learn-r2-page .learn-r2-substep-panel.is-active:not([hidden]) { grid-template-columns: minmax(0,1fr) !important; }
  .learn-r2-page .learn-r2-substep-panel.is-active:not([hidden]) > p,
  .learn-r2-page .learn-r2-substep-panel.is-active:not([hidden]) > .learn-r3-substep-nav,
  .learn-r2-page .learn-r2-substep-panel.is-active:not([hidden]) > .learn-r2-checklist-grid { grid-column: 1 / -1 !important; width: 100% !important; min-width: 0 !important; }
  .learn-r2-page .learn-r2-checklist-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 1101px) {
  .learn-r2-page .learn-r6-ai-form textarea { height: 44px; min-height: 44px; }
}
@media (max-width: 430px) {
  .learn-r2-page .learn-r6-ai-form { height: auto !important; min-height: 58px !important; align-items: stretch; }
  .learn-r2-page .learn-r6-ai-form textarea { height: 58px !important; min-height: 58px !important; padding-block: 8px; line-height: 1.35; }
  .learn-r2-page .learn-r6-ai-form button { height: 58px !important; min-height: 58px !important; }
}
@media (max-width: 330px) {
  .learn-r2-page .learn-r6-ai-form { min-height: 72px !important; }
  .learn-r2-page .learn-r6-ai-form textarea,
  .learn-r2-page .learn-r6-ai-form button { height: 72px !important; min-height: 72px !important; }
}
