.illustrated-tutorial{background:var(--surface);border-radius:12px;min-width:0;padding:1.5rem 0 2.5rem}.illustrated-tutorial h1{color:var(--navy);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:750;line-height:1.2}.illustrated-tutorial .reading-head--compact{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.375rem 1rem;padding-bottom:.875rem;display:grid}.illustrated-tutorial .reading-head--compact h1{grid-column:1/-1}.illustrated-tutorial .reading-subtitle{color:var(--muted);margin:0;font-size:1rem;line-height:1.5}.illustrated-tutorial .reading-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;font-size:.72rem;line-height:1.4;display:flex}.illustrated-tutorial .preview-prose{margin-top:1.5rem}.illustrated-tutorial .preview-prose h3{font-size:1.125rem;line-height:1.5}.illustrated-tutorial .opening-step>.kdocs-paragraph,.illustrated-tutorial .preview-prose .opening-caption{text-align:left;margin-inline-start:20%}.illustrated-tutorial .reading-emoji{margin-inline-end:.375em}.illustrated-tutorial .preview-prose u{text-underline-offset:.2em;text-decoration-thickness:1px}.illustrated-tutorial .kdocs-picture .article-tutorial-image{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--surface-subtle);border-radius:12px;padding:6px}.illustrated-tutorial .preview-prose .kdocs-picture .article-tutorial-image :is(a,img){border-radius:6px}.illustrated-tutorial .kdocs-picture .article-tutorial-image a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.illustrated-tutorial .kdocs-picture .article-tutorial-image>:is(.image-loading-placeholder,.image-loading-error){border-radius:6px;inset:6px}.illustrated-tutorial .preview-prose [aria-labelledby=review]>:not(h2),.illustrated-tutorial .preview-prose .tutorial-followup>:not(h2){margin-inline-start:1rem}.illustrated-tutorial .tutorial-followup .kdocs-paragraph{text-wrap:pretty}.illustrated-tutorial .tutorial-followup h4{color:var(--kdocs-ink);font:inherit;margin:16px 0 8px;font-weight:700}.illustrated-tutorial .preview-prose .tutorial-followup--compact h3{margin-block:12px 4px}.illustrated-tutorial .preview-prose .tutorial-followup--compact h4{margin-block:8px 4px}.illustrated-tutorial .preview-prose .tutorial-followup--compact .kdocs-paragraph{margin-block:4px}.illustrated-tutorial .preview-prose .tutorial-subsection>.kdocs-paragraph{margin-inline-start:2rem}.illustrated-tutorial .preview-prose .fps-steps{margin-inline-start:1rem;padding-left:1.5rem}.illustrated-tutorial .preview-prose .fps-note{margin-block:.5rem 0;margin-inline:1rem 0}.illustrated-tutorial .preview-prose .fps-steps>li+li{margin-top:8px}.illustrated-tutorial .preview-prose .fps-steps>li::marker{color:var(--accent);font-weight:700}.illustrated-tutorial .preview-prose .fps-steps .kdocs-paragraph{margin:0}.illustrated-tutorial .opening-table{width:100%}.illustrated-tutorial .opening-table-label{width:28%}.illustrated-tutorial .preview-prose .opening-table th{border:0;border-top:1px solid var(--kdocs-rule);border-right:1px solid var(--kdocs-rule);border-bottom:1px solid var(--kdocs-rule);color:var(--kdocs-ink);text-align:left;background:0 0;padding:6px 18px;font-size:15px;font-weight:700;line-height:1.625}.illustrated-tutorial .preview-prose .opening-table th:first-child{border-left:1px solid var(--kdocs-rule)}.illustrated-tutorial .preview-prose .opening-table tbody tr:first-child td{border-top:0}.illustrated-tutorial .benefits-details{margin-block:.75rem 1.5rem}.illustrated-tutorial .benefits-details summary{width:fit-content;color:var(--accent);cursor:pointer;text-underline-offset:.2em;padding-block:.5rem;text-decoration:underline}.illustrated-tutorial .benefits-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.illustrated-tutorial :is(h2,h3){scroll-margin-top:calc(var(--site-header-height) + 1rem)}@media (width<=48rem){.illustrated-tutorial{padding:.5rem 0 1.5rem}.illustrated-tutorial .reading-head--compact{grid-template-columns:minmax(0,1fr);padding-bottom:.75rem}.illustrated-tutorial .reading-subtitle{font-size:.94rem}}