/* A working scholarship desk: original Sterna character, readable papers and one next action. */
.ou-overlake .ou-support-studio {
  padding: 100px 0 104px;
  background: #f7f2df;
  color: #241713;
}
.ou-support-studio .ou-support-layout {
  display: grid;
  grid-template-columns: minmax(280px,.8fr) minmax(0,1.55fr);
  gap: clamp(40px,5vw,80px);
  align-items: start;
}
.ou-support-studio :is(.ou-support-rail,.ou-support-panel,.ou-support-plan-intro>div) { min-width: 0; }
.ou-overlake .ou-support-studio .ou-support-heading {
  max-width: none;
  margin: 0 0 30px;
  text-align: left;
}
.ou-overlake .ou-support-studio .ou-support-heading h2 {
  color: #17639b;
  font-size: clamp(32px,3.4vw,48px);
  line-height: 1.35;
  letter-spacing: -.035em;
  font-weight: 700;
}
.ou-overlake .ou-support-studio .ou-support-heading p {
  margin: 18px 0 0;
  color: #6c5f58;
  font-size: 16px;
  line-height: 1.9;
}
.ou-support-studio .ou-support-tabs {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  padding: 0;
  border-top: 1px solid #d7d3c5;
}
.ou-overlake .ou-support-studio .ou-support-tab {
  display: grid;
  grid-template-columns: 25px minmax(0,1fr) 20px;
  gap: 12px;
  align-items: center;
  min-height: 61px;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid #d7d3c5;
  border-radius: 0;
  background: transparent;
  color: #6c5f58;
  font: 500 15px/1.7 'DM Sans','PingFang SC','Microsoft YaHei',sans-serif;
  text-align: left;
  cursor: pointer;
  transition: color 160ms ease,background-color 160ms ease;
}
.ou-support-studio .ou-support-tab::after { content: none; display: none; }
.ou-overlake .ou-support-studio .ou-support-tab:hover { color: #17639b; background: #e5eff670; }
.ou-overlake .ou-support-studio .ou-support-tab.is-active { color: #17639b; background: transparent; font-weight: 700; }
.ou-support-studio .ou-support-tab-icon { display: block; width: 25px; height: 25px; object-fit: contain; }
.ou-support-studio .ou-support-tab-arrow { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: 0; }
.ou-support-studio .ou-support-tab:is(.is-active,:hover) .ou-support-tab-arrow { opacity: 1; }
.ou-support-studio :focus-visible { outline: 3px solid #17639b; outline-offset: 5px; }
.ou-overlake .ou-support-studio .ou-support-panel {
  min-width: 0;
  margin: 0;
  padding: 0 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  scroll-margin-top: 112px;
}
.ou-support-studio .ou-support-plan-intro {
  display: grid;
  grid-template-columns: minmax(0,1fr) 200px;
  gap: 22px;
  align-items: center;
  margin-bottom: 24px;
}
.ou-overlake .ou-support-studio .ou-support-panel h3 {
  margin: 0 0 12px;
  color: #17639b;
  font: 700 28px/1.5 Manrope,'PingFang SC','Microsoft YaHei',sans-serif;
  letter-spacing: -.025em;
}
.ou-overlake .ou-support-studio .ou-support-context { margin: 0; color: #6c5f58; font-size: 14px; line-height: 1.9; }
.ou-support-studio .ou-support-original-owl {
  display: block;
  width: 200px;
  height: 200px;
  object-fit: contain;
  transform: rotate(5deg);
  pointer-events: none;
  user-select: none;
}
.ou-support-studio .ou-support-steps {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 28px 24px;
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: support;
}
.ou-support-studio .ou-support-steps li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 23px 24px 24px;
  border: 0;
  border-radius: 1px;
  background: #fffdf7;
  box-shadow: 0 7px 22px #24171312;
  counter-increment: support;
  transform-origin: 50% 50%;
}
.ou-support-studio .ou-support-steps li:first-child { grid-column: 1/-1; margin-right: 70px; transform: rotate(-2deg); }
.ou-support-studio .ou-support-steps li:nth-child(2) { transform: rotate(1.6deg); }
.ou-support-studio .ou-support-steps li:nth-child(3) { transform: rotate(-1.6deg); margin-top: 14px; }
.ou-support-studio .ou-support-steps li::before {
  position: static;
  display: inline-block;
  content: counter(support,decimal-leading-zero);
  color: #17639b;
  font: 700 13px/1.7 Manrope,sans-serif;
  margin: 0 10px 0 0;
  vertical-align: baseline;
}
.ou-support-studio .ou-support-steps strong { color: #241713; font: 700 15px/1.75 'DM Sans','PingFang SC','Microsoft YaHei',sans-serif; }
.ou-overlake .ou-support-studio .ou-support-steps p { margin: 10px 0 0; color: #6c5f58; font-size: 14px; line-height: 1.9; overflow-wrap: break-word; }
.ou-support-studio .ou-support-next { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 28px; margin-top: 32px; }
.ou-overlake .ou-support-studio .ou-support-outcome {
  position: relative;
  margin: 0;
  padding: 20px 22px;
  border: 0;
  background: #ffe48b;
  color: #51401d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.85;
  box-shadow: 0 6px 16px #2417130a;
  transform: rotate(-1.2deg);
}
.ou-overlake .ou-support-studio .ou-support-action { margin: 0; min-height: 48px; padding: 12px 20px; background: #17639b; color: #fff; font-size: 14px; gap: 16px; white-space: normal; text-align: center; }
.ou-overlake .ou-support-studio .ou-support-action:hover { background: #124e7c; color: #fff; }

@media (max-width:1100px) {
  .ou-support-studio .ou-support-layout { grid-template-columns: minmax(260px,.8fr) minmax(0,1.4fr); gap: 40px; }
  .ou-support-studio .ou-support-plan-intro { grid-template-columns: minmax(0,1fr) 116px; gap: 16px; }
  .ou-support-studio .ou-support-original-owl { width: 116px; height: 116px; }
  .ou-overlake .ou-support-studio .ou-support-panel h3 { font-size: 25px; }
  .ou-support-studio .ou-support-steps { gap: 24px 20px; }
  .ou-support-studio .ou-support-steps li { padding: 20px; }
  .ou-support-studio .ou-support-steps li:first-child { margin-right: 32px; }
  .ou-support-studio .ou-support-next { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .ou-support-studio .ou-support-outcome { max-width: 380px; }
  .ou-overlake .ou-support-studio .ou-support-action { justify-self: start; }
}

@media (max-width:800px) {
  .ou-overlake .ou-support-studio { padding-block: 64px 72px; }
  .ou-support-studio .ou-support-layout { grid-template-columns: minmax(0,1fr); gap: 40px; }
  .ou-overlake .ou-support-studio .ou-support-heading { margin-bottom: 24px; }
  .ou-overlake .ou-support-studio .ou-support-heading p { margin-top: 16px; }
  .ou-support-studio .ou-support-heading br { display: none; }
  .ou-support-studio .ou-support-tabs { grid-template-columns: minmax(0,1fr); gap: 0; border-top: 1px solid #d7d3c5; }
  .ou-overlake .ou-support-studio .ou-support-tab { min-height: 56px; padding: 12px 0 !important; gap: 14px; font-size: 15px; border: 0; border-bottom: 1px solid #d7d3c5; border-radius: 0; }
  .ou-overlake .ou-support-studio .ou-support-panel { padding: 0; scroll-margin-top: 96px; }
  .ou-support-studio .ou-support-plan-intro { grid-template-columns: minmax(0,1fr) 130px; gap: 24px; margin-bottom: 28px; }
  .ou-support-studio .ou-support-original-owl { width: 130px; height: 130px; }
  .ou-support-studio .ou-support-next { grid-template-columns: minmax(0,1fr) auto; gap: 28px; }
  .ou-support-studio .ou-support-steps li:first-child { margin-right: 54px; }
  .ou-overlake .ou-support-studio .ou-support-action { width: auto; }
}

@media (max-width:520px) {
  .ou-overlake .ou-support-studio { padding-block: 52px 60px; }
  .ou-overlake .ou-support-studio .ou-support-heading h2 { font-size: 32px; }
  .ou-overlake .ou-support-studio .ou-support-heading p { font-size: 14px; }
  .ou-support-studio .ou-support-layout { gap: 36px; }
  .ou-overlake .ou-support-studio .ou-support-tab { grid-template-columns: 23px minmax(0,1fr) 18px; font-size: 14px; }
  .ou-support-studio .ou-support-tab-icon { width: 23px; height: 23px; }
  .ou-support-studio .ou-support-tab-arrow { width: 18px; height: 18px; }
  .ou-support-studio .ou-support-plan-intro { grid-template-columns: minmax(0,1fr) 92px; gap: 14px; margin-bottom: 24px; }
  .ou-support-studio .ou-support-original-owl { width: 92px; height: 92px; align-self: start; }
  .ou-overlake .ou-support-studio .ou-support-panel h3 { font-size: 23px; margin-bottom: 12px; }
  .ou-overlake .ou-support-studio .ou-support-context { font-size: 13px; line-height: 1.85; }
  .ou-support-studio .ou-support-steps { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .ou-support-studio .ou-support-steps li,
  .ou-support-studio .ou-support-steps li:first-child,
  .ou-support-studio .ou-support-steps li:nth-child(2),
  .ou-support-studio .ou-support-steps li:nth-child(3) { grid-column: auto; margin: 0; transform: none; padding: 20px 22px; }
  .ou-support-studio .ou-support-steps strong { font-size: 15px; }
  .ou-overlake .ou-support-studio .ou-support-steps p { font-size: 13px; line-height: 1.9; }
  .ou-support-studio .ou-support-next { grid-template-columns: minmax(0,1fr); gap: 24px; margin-top: 24px; }
  .ou-overlake .ou-support-studio .ou-support-outcome { max-width: none; transform: none; padding: 18px 22px; font-size: 13px; }
  .ou-overlake .ou-support-studio .ou-support-action { justify-self: start; min-height: 48px; }
}

@media (prefers-reduced-motion:reduce) {
  .ou-support-studio .ou-support-tab,.ou-support-studio .ou-support-action { transition: none; }
  .ou-support-studio .ou-support-panel { scroll-behavior: auto; }
}