.tutorial-intro{position:relative;overflow:hidden}
.tutorial-intro::after{content:"";position:absolute;right:-12%;bottom:-56%;width:48%;height:95%;background:var(--c-coral);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.tutorial-intro .wrap{position:relative;z-index:1}
.tutorial-intro h1{margin:14px 0 18px;color:var(--c-on-navy);font-size:clamp(28px,3.5vw,48px)}
.tutorial-intro__lead{max-width:42em;margin:0;color:var(--c-on-navy);font-size:clamp(17px,2vw,21px);line-height:1.8}
.tutorial-intro__note{margin:24px 0 0;color:var(--c-on-navy-muted);font-size:14px}
.tutorial-intro__note a{color:var(--c-yellow);text-underline-offset:3px}
.tutorial-body{padding-top:32px;padding-bottom:38px}
.tutorial-body .callout{margin-top:0}
.tutorial-body .toc{position:static}
.tutorial-body__hint{margin:16px 0 0;color:var(--c-muted);font-size:14px}
.walk-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:start;gap:clamp(28px,5vw,72px)}
.walk-step__content{min-width:0}
.walk-step__content h2,.tutorial-next h2{margin:12px 0 22px}
.walk-step__content p:first-of-type{margin-top:0}
.walk-step .official-shot{margin-top:42px}
.tutorial-next p:not(.eyebrow){line-height:1.85}
.tutorial-next__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media(max-width:768px){
  .tutorial-intro::after{right:-34%;bottom:-34%;width:76%;height:58%}
  .walk-step{grid-template-columns:minmax(0,1fr)}
  .walk-step .official-shot{margin-top:0}
}
@media(max-width:480px){
  .tutorial-next__links .btn{width:100%}
}