.act-tutorials{background:var(--paper-warm);padding-block:clamp(3.5rem,8vw,6rem);scroll-margin-top:6rem}.act-tutorials__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:center}.act-tutorials__intro .h2{max-width:12ch}.act-tutorials__intro p{max-width:42ch;margin-block:1.25rem 1.75rem}.act-tutorials__lessons{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-on-light)}.act-tutorials__lessons a{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto 1rem;align-items:center;gap:.9rem;padding:1.1rem .25rem;border-bottom:1px solid var(--line-on-light);text-decoration:none;font-weight:500;color:var(--title-on-light)}.act-tutorials__lessons a:hover{color:var(--teal-text);background:var(--paper)}.act-tutorials__number{font:400 var(--text-sm)/1.5 var(--font-mono);color:var(--gold-on-light)}.act-tutorials__duration{font-size:var(--text-xs);font-weight:400;color:var(--muted-on-light);white-space:nowrap}.act-tutorials__lessons a>:last-child{color:var(--teal-text)}@media(max-width:760px){.act-tutorials__inner{grid-template-columns:1fr}.act-tutorials__intro .h2{max-width:20ch}.act-tutorials__lessons a{gap:.6rem}}