/* Nallo introduces the activity before visitors choose an experiment. */
.kids-workshop .home-welcome{
  display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr);
  grid-template-areas:"mascot kicker" "mascot heading" "mascot copy" "steps steps" "actions actions";
  column-gap:32px;padding:32px 36px;background:#d6f4e9;
  border:2px solid #a8d4c6;border-radius:30px;color:#203d43;
}
.home-welcome>*{min-width:0}
.welcome-title,.welcome-copy{overflow-wrap:anywhere}
.welcome-kicker{grid-area:kicker;margin:0 0 10px;font-size:.9375rem;line-height:1.5;font-weight:800;color:#245e58}
.welcome-mascot{grid-area:mascot;align-self:center;justify-self:center;width:100%;max-width:340px}
.welcome-mascot .mascot-pose{width:100%;height:auto;border-radius:26px}
.kids-workshop .welcome-title{grid-area:heading;font-size:clamp(2.5rem,4.4vw,3.75rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 19px;color:#203d43}
.welcome-title span{display:block;font-size:.5em;line-height:1.3;letter-spacing:-.02em;margin-top:8px;color:#245e58}
.welcome-copy{grid-area:copy;max-width:690px}
.welcome-copy p{margin:0 0 12px;font-size:1.0625rem;line-height:1.55;color:#315652}
.welcome-copy .welcome-lead{font-size:1.1875rem;color:#203d43}
.welcome-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.welcome-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;max-width:100%;padding:11px 17px;border:2px solid #203d43;border-radius:13px;font-size:1rem;font-weight:800;line-height:1.35;text-align:center;text-decoration:none;color:#203d43;overflow-wrap:anywhere}
.welcome-start{background:#ffd44b;box-shadow:0 3px 0 #203d43}
.welcome-start:hover{background:#ffe37b}
.welcome-browse{background:#fffdf8}
.welcome-browse:hover{background:#eef8f3;text-decoration:underline;text-underline-offset:3px}
.welcome-steps{grid-area:steps;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;counter-reset:welcome-step}
.welcome-steps li{counter-increment:welcome-step;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:11px;align-content:start;min-width:0;padding:16px;border:2px solid #96b9ac;border-radius:18px;background:#fffdf8;overflow-wrap:anywhere}
.welcome-steps li:before{content:counter(welcome-step);grid-row:1 / 3;display:grid;place-items:center;align-self:start;width:36px;height:36px;border:2px solid #203d43;border-radius:50%;background:#ffd44b;font-weight:800}
.kids-workshop .welcome-steps h2{grid-column:2;margin:0;font-size:1.25rem;font-weight:800;color:#203d43;line-height:1.3;letter-spacing:-.025em}
.welcome-steps p{grid-column:2;margin:7px 0 0;font-size:1rem;line-height:1.5;color:#466365}
.kids-workshop .home-parent-link{display:inline-flex;align-items:center;min-height:44px;margin:12px 2px 0;font-size:.9375rem;color:#245e58}
.kids-workshop .premium-section-head p{color:#466365;max-width:380px}
.kids-workshop #experiments,.kids-workshop #guide-list-title{scroll-margin-top:24px}
@media(max-width:1020px){
  .kids-workshop .home-welcome{grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr);column-gap:24px;padding:28px}
  .kids-workshop .welcome-title{font-size:2.75rem}
}
@media(max-width:760px){
  .kids-workshop .home-welcome{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"kicker kicker" "mascot heading" "copy copy" "steps steps" "actions actions";gap:0 16px;padding:22px;border-radius:24px}
  .welcome-kicker{font-size:.875rem;margin-bottom:16px}
  .welcome-mascot{align-self:start;margin-bottom:16px}
  .welcome-mascot .mascot-pose{border-radius:16px}
  .kids-workshop .welcome-title{font-size:clamp(1.875rem,5vw,2.5rem);margin:0 0 20px;align-self:center}
  .welcome-title span{font-size:.6em}
  .welcome-copy .welcome-lead{font-size:1.0625rem}
  .welcome-copy p{font-size:1rem}
  .welcome-actions{margin-top:18px;gap:12px}
  .welcome-steps{grid-template-columns:1fr;gap:18px;margin-top:20px}
  .welcome-steps li{column-gap:12px;padding:0;border:0;background:transparent}
  .kids-workshop .welcome-steps h2{font-size:1.1875rem}
  .welcome-steps p{font-size:.9375rem;margin-top:4px}
}
@media(max-width:520px){
  .kids-workshop .home-welcome{grid-template-columns:112px minmax(0,1fr);column-gap:12px;padding:19px 16px}
  .kids-workshop .welcome-title{font-size:1.875rem}
  .welcome-actions a{width:100%}
}
@media(forced-colors:active){
  .welcome-mascot{display:none}
  .kids-workshop .home-welcome{grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker" "heading" "copy" "steps" "actions";border-color:CanvasText}
  .welcome-actions a,.welcome-steps li:before,.welcome-steps li{border-color:CanvasText;box-shadow:none}
}

/* A third entrance in the existing welcome actions, without a second hero. */
.welcome-actions .welcome-challenge{background:#ffefe5;flex-direction:column;gap:3px;min-height:50px}.welcome-challenge small{font-size:.875rem;font-weight:600;line-height:1.35}.welcome-actions .welcome-challenge:hover{background:#ffe1cc}