/* Native Group patterns: one source, arbitrary number and order of steps. */
.is-style-rsh-instruction-steps { counter-reset:rsh-instruction-step; display:grid; margin-block:32px; gap:20px; }
.is-style-rsh-instruction-step { position:relative; min-width:0; margin:0; padding:28px 28px 28px 88px; border:1px solid var(--rs-line,rgba(0,18,40,.16)); border-radius:10px; background:var(--rs-light,#f4f7fb); color:var(--rs-prose,#43566e); }
.is-style-rsh-instruction-step::before { counter-increment:rsh-instruction-step; content:counter(rsh-instruction-step,decimal-leading-zero); position:absolute; top:24px; left:26px; color:var(--rs-blue,#0066d6); font:italic 400 40px/1.1 var(--rs-font-display,Georgia,serif); }
.is-style-rsh-instruction-step > :first-child { margin-top:0; }
.is-style-rsh-instruction-step > :last-child { margin-bottom:0; }
.is-style-rsh-instruction-step h3 { font-size:clamp(1.25rem,2vw,1.625rem); }
.is-style-rsh-instruction-step img { display:block; max-width:100%; height:auto; border-radius:8px; }
.is-style-rsh-instruction-step .wp-block-file { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:.875rem; }
.is-style-rsh-instruction-step .wp-block-file__button { min-height:44px; margin:0; padding:11px 18px; border-radius:var(--rs-radius-button,10px); background:var(--rs-blue,#0066d6); color:#fff; }
.is-style-rsh-instruction-step .wp-block-file__button:hover { background:var(--rs-blue-hover,#0052ad); color:#fff; }
.is-style-rsh-instruction-step .rsh-instruction-note { padding:16px 18px; border-left:2px solid var(--rs-blue,#0066d6); background:var(--rs-mist,#dbe7f6); }
@media (max-width:600px) {
    .is-style-rsh-instruction-step { padding:68px 20px 24px; }
    .is-style-rsh-instruction-step::before { top:20px; left:20px; font-size:34px; }
}