.tutorial-site .t-container{width:min(100% - var(--dpp-space-page) * 2, 1240px);margin-inline:auto}.tutorial-site .t-section{padding-block:clamp(48px,6vw,88px)}.tutorial-site .t-hero{background:linear-gradient(125deg, var(--dpp-color-background) 45%, var(--dpp-color-coral-soft))}.tutorial-site .t-eyebrow{color:var(--dpp-color-teal-strong);letter-spacing:.06em;margin:0 0 16px;font-size:.8125rem;font-weight:700}.tutorial-site h1,.tutorial-site h2,.tutorial-site h3{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:750;line-height:1.14}.tutorial-site h1{max-width:920px;font-size:clamp(2.5rem,5vw,4.25rem)}.tutorial-site h2{max-width:820px;font-size:clamp(1.9rem,3.7vw,3rem)}.tutorial-site h3{font-size:clamp(1.4rem,2.5vw,1.9rem)}.tutorial-site p,.tutorial-site li{line-height:1.8}.tutorial-site .t-description{max-width:760px;color:var(--dpp-color-muted);margin:24px 0 0;font-size:1.0625rem}.tutorial-site .t-heading{margin-bottom:32px}.tutorial-site .t-breadcrumbs{color:var(--dpp-color-muted);margin-bottom:32px;font-size:.875rem}.tutorial-site .t-breadcrumbs ol{flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none;display:flex}.tutorial-site .t-breadcrumbs li{align-items:center;gap:12px;display:inline-flex}.tutorial-site .t-breadcrumbs a{text-underline-offset:5px;align-items:center;min-height:44px;display:inline-flex}.tutorial-site .t-breadcrumbs a:hover{color:var(--dpp-color-teal-strong);text-decoration:underline}.tutorial-site .t-mint{background:var(--dpp-color-mint-soft)}.tutorial-site .t-categories{gap:18px;margin:0;padding:0;list-style:none;display:grid}.tutorial-site .t-category{border:1px solid var(--dpp-color-line);border-radius:var(--dpp-radius-base);background:var(--dpp-color-surface);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.tutorial-site .t-category h3{font-size:1.25rem}.tutorial-site .t-category a{min-height:44px;color:var(--dpp-color-teal-strong);text-underline-offset:5px;align-items:center;font-weight:650;display:inline-flex}.tutorial-site .t-category a:hover{text-decoration:underline}.tutorial-site .t-soon{color:var(--dpp-color-muted);font-size:.875rem}.tutorial-site .t-card{border:1px solid var(--dpp-color-line);border-radius:var(--dpp-radius-base);background:var(--dpp-color-surface);box-shadow:var(--dpp-shadow-card);min-width:0;padding:clamp(24px,3.2vw,40px)}.tutorial-site .t-catalog{gap:24px;display:grid}.tutorial-site .t-tutorial-card{max-width:800px}.tutorial-site .t-tutorial-card>p:not(.t-eyebrow){max-width:650px;color:var(--dpp-color-muted);margin:20px 0 28px}.tutorial-site .t-tutorial-card .button{max-width:100%}.tutorial-site .t-roadmap{margin-top:32px}.tutorial-site .t-roadmap ol{counter-reset:steps;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tutorial-site .t-roadmap li{counter-increment:steps}.tutorial-site .t-roadmap a{border:1px solid var(--dpp-color-line);border-radius:var(--dpp-radius-pill);background:var(--dpp-color-surface);align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.tutorial-site .t-roadmap a:before{content:counter(steps) ".";color:var(--dpp-color-teal-strong)}.tutorial-site .t-roadmap a:hover{background:var(--dpp-color-mint-soft)}.tutorial-site .t-steps{gap:32px;display:grid}.tutorial-site .t-step{align-items:center;gap:32px;scroll-margin-top:24px;display:grid}.tutorial-site .t-step-copy{min-width:0}.tutorial-site .t-step h2{font-size:clamp(1.75rem,3vw,2.5rem)}.tutorial-site .t-step-text{color:var(--dpp-color-muted);margin-top:24px}.tutorial-site .t-step-text p{margin:0}.tutorial-site .t-step-text p+p{margin-top:16px}.tutorial-site .t-step-text strong{color:var(--dpp-color-text);font-weight:650}.tutorial-site .t-step-images{place-items:start center;gap:32px;min-width:0;display:grid}.tutorial-site .t-review{border:1px solid var(--dpp-color-mint-line);border-left:4px solid var(--dpp-color-teal-strong);border-radius:var(--dpp-radius-base);background:var(--dpp-color-mint-soft);padding:clamp(24px,4vw,48px)}.tutorial-site .t-review h2{font-size:clamp(1.6rem,3vw,2.25rem)}.tutorial-site .t-review>p:last-child{max-width:780px;color:var(--dpp-color-muted);margin:20px 0 0}.tutorial-site .t-next{border-top:1px solid var(--dpp-color-line);margin-top:40px;padding-block:28px}.tutorial-site .t-next h2{font-size:1.5rem}.tutorial-site .t-next p{color:var(--dpp-color-muted);margin:16px 0 0}.tutorial-site .t-next a{min-height:44px;color:var(--dpp-color-teal-strong);text-underline-offset:5px;align-items:center;margin-top:12px;font-weight:650;text-decoration:underline;display:inline-flex}.tutorial-site .t-final{background:var(--dpp-color-text);color:var(--dpp-color-surface);text-align:center}.tutorial-site .t-final .t-container{flex-direction:column;align-items:center;display:flex}.tutorial-site .t-final .t-eyebrow{color:var(--dpp-color-mint)}.tutorial-site .t-final .t-description{color:var(--dpp-color-mint-soft);margin-bottom:30px}.tutorial-site .t-final a:focus-visible{outline-color:var(--dpp-color-mint)}.tutorial-site .t-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=700px){.tutorial-site .t-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-site .t-step-pair .t-step-images{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:760px;margin-inline:auto}}@media (width>=1024px){.tutorial-site .t-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.tutorial-site .t-step:not(.t-step-pair){grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}.tutorial-site .t-step-reverse:not(.t-step-pair) .t-step-images{grid-area:1/1}.tutorial-site .t-step-reverse:not(.t-step-pair) .t-step-copy{grid-column:2}.tutorial-site .t-step-pair .t-step-copy{max-width:800px}}