/* How Dorm Chef works: the student tutorial */
.s-hero{padding:clamp(48px,7vw,96px) 0 clamp(40px,6vw,72px);overflow:hidden}
.s-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.s-hero .lead{margin-top:22px}
.s-hero-art{width:min(100%,380px);margin:0 auto}
.s-steps{display:grid;gap:26px;margin-top:40px}
.s-step{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center}
.s-step p{font-size:18px;max-width:58ch}
.s-step .text-link{margin-top:10px}
.s-step-art{width:100%;max-height:230px;object-fit:contain}
.s-ticks{display:flex;flex-wrap:wrap;gap:8px 22px;margin:12px 0 4px;font-size:16px;font-weight:600}
.s-ticks li{position:relative;padding-left:22px}
.s-ticks li::before{content:'';position:absolute;left:3px;top:.45em;width:11px;height:6px;border-left:2.5px solid var(--leaf);border-bottom:2.5px solid var(--leaf);transform:rotate(-45deg)}
.s-intro{margin:14px 0 30px}
.s-week{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.s-week .card-title{margin-bottom:8px}
.s-week p{font-size:17px}
.s-when{font-weight:800;font-size:15px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px!important;color:var(--leaf)}
.s-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:36px 0 18px}
.s-faq dt{font-weight:800;font-size:19px;margin-bottom:6px}.s-faq dd{margin:0}
.s-safety{margin-bottom:6px}
@media(max-width:1000px){.s-week{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.s-hero-grid{grid-template-columns:1fr}.s-hero-art{width:240px}.s-step{grid-template-columns:1fr}.s-step-art{max-height:180px;width:auto;justify-self:start}.s-faq{grid-template-columns:1fr}}
@media(max-width:600px){.s-week{grid-template-columns:1fr}}