.course-workbook-meta{gap:var(--s-2) var(--s-4);color:var(--muted);font:400 var(--t-meta) var(--sans);flex-wrap:wrap;display:flex}.course-workbook-intro{padding-top:var(--s-7);margin:0}.course-workbook-figure{margin:var(--s-2) 0}.course-workbook-figure img{border:1px solid var(--line);border-radius:var(--r-md);width:100%;height:auto;display:block}.course-workbook-figure figcaption{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-top:var(--s-3);color:var(--muted);font:400 var(--t-meta) var(--sans);flex-wrap:wrap;display:flex}.course-workbook-figure figcaption a{color:var(--accent-ink)}.course-workbook-hint{padding-top:var(--s-5);margin:0}.course-workbook :is(.ui-body,.ui-lead) mark{background:var(--accent-soft);color:var(--ink)}.course-workbook .lp-link[aria-current=location]{color:var(--accent-ink);font-weight:600}.course-workbook .practice-step-nav{gap:var(--s-4);display:grid}.course-workbook .practice-step-nav .lp-link{align-items:baseline;min-height:44px}.course-copy-block{gap:var(--s-4);min-width:0;display:grid}.course-copy-panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0;overflow:hidden}.course-copy-header{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--card);border-bottom:1px solid var(--line);display:flex}.course-copy-heading{gap:var(--s-1);min-width:0;display:grid}.course-copy-type{color:var(--accent-ink);font:600 var(--t-meta) var(--sans)}.course-copy-heading h3{color:var(--ink);font:600 16px/1.6 var(--sans);word-break:keep-all;overflow-wrap:anywhere;margin:0}.course-copy-button{justify-content:center;align-items:center;gap:var(--s-2);min-height:40px;padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--body);font:600 13px/1.5 var(--sans);cursor:pointer;flex-shrink:0;display:inline-flex}.course-copy-button:hover{border-color:var(--accent-ink);color:var(--accent-ink)}.course-copy-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.course-copy-button:disabled{cursor:wait;opacity:.6}.course-copy-source.practice-source{padding:var(--s-5);max-height:520px;color:var(--ink);font:400 16px/1.85 var(--sans);tab-size:2}.course-copy-panel[data-source-kind=code] .course-copy-source{font:400 14px/1.85 var(--mono)}.course-copy-note{align-items:baseline;gap:var(--s-3);padding:0 var(--s-1);grid-template-columns:max-content minmax(0,1fr);display:grid}.course-copy-note>strong{color:var(--muted);font:600 13px/1.8 var(--sans)}.course-copy-note>p{color:var(--body);font:400 15px/1.85 var(--sans);white-space:pre-wrap;margin:0}.course-copy-status{padding:0 var(--s-5) var(--s-4);color:var(--accent-ink);font:400 14px/1.7 var(--sans);margin:0}.course-copy-status:empty{display:none}.course-copy-fallback{gap:var(--s-2);padding:0 var(--s-5) var(--s-5);font:400 14px/1.7 var(--sans);display:grid}.course-copy-fallback textarea{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;padding:var(--s-3);background:var(--card);color:var(--ink);font:inherit}@media (max-width:600px){.course-copy-header{align-items:start;gap:var(--s-3);padding:var(--s-4);flex-wrap:wrap}.course-copy-heading{flex:200px}.course-copy-button{min-height:44px}.course-copy-source.practice-source{padding:var(--s-4)}.course-copy-note{gap:var(--s-1);grid-template-columns:1fr}}
.course-companion{max-width:var(--w-shell);padding:var(--head-y) var(--pad-x) 0;color:var(--ink);margin:0 auto}.companion-breadcrumb{align-items:center;gap:var(--s-3);color:var(--muted);font:400 var(--t-meta) var(--sans);flex-wrap:wrap;display:flex}.companion-breadcrumb a{color:var(--muted);text-decoration:none}.companion-breadcrumb a:hover{color:var(--accent-ink);text-underline-offset:4px;text-decoration:underline}.companion-intro{gap:var(--s-8);padding:var(--s-7) 0 var(--s-8);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.24fr) minmax(300px,.8fr);align-items:center;display:grid}.companion-intro-copy{min-width:0}.companion-kicker{gap:var(--s-2) var(--s-4);font:400 var(--t-meta) var(--sans);color:var(--muted);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.companion-kicker>span:first-child{color:var(--accent-ink);font-weight:600}.companion-intro h1{font:650 var(--t-display) var(--sans);letter-spacing:-.045em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;margin:0}.companion-purpose{font:500 var(--t-lead) var(--sans);margin:var(--s-5) 0 var(--s-3);text-wrap:pretty;line-height:1.65}.companion-summary{font:400 var(--t-body) var(--sans);color:var(--muted);text-wrap:pretty;margin:0}.companion-start-actions{align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.companion-guide-link{align-items:center;gap:var(--s-3);min-height:44px;font:500 var(--t-small) var(--sans);color:var(--ink);text-decoration:none;display:inline-flex}.companion-guide-link:hover{text-underline-offset:4px;text-decoration:underline}.companion-start-note{color:var(--muted);font:400 var(--t-meta) var(--sans);margin:var(--s-3) 0 0}.companion-availability{font:400 var(--t-small) var(--sans);color:var(--muted);border-left:2px solid var(--line);padding-left:var(--s-3);margin:var(--s-4) 0 0}.companion-copy{justify-content:center;align-items:center;gap:var(--s-3);border-radius:var(--r-md);max-width:100%;min-height:52px;padding:var(--s-3) var(--s-5);color:var(--brand-solid-ink);background:var(--brand-solid);font:600 var(--t-body) var(--sans);cursor:pointer;box-sizing:border-box;border:0;text-decoration:none;display:inline-flex}.companion-copy svg{flex-shrink:0}.companion-copy:hover{background:var(--paper-accent);text-decoration:none}.companion-copy:disabled{cursor:wait;opacity:.75}.companion-unavailable,.companion-unavailable:hover{background:var(--line);color:var(--muted);cursor:default}.companion-route{padding:var(--s-6);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}.companion-route-eyebrow{color:var(--accent-ink);font:600 var(--t-small) var(--sans)}.companion-route ol{margin:var(--s-5) 0;padding:0;list-style:none}.companion-route li{gap:var(--s-4);padding:var(--s-4) 0;display:flex}.companion-route li+li{border-top:1px solid var(--line)}.companion-route li:first-child{padding-top:0}.companion-route-number{padding-top:var(--s-1);color:var(--accent-ink);font:500 var(--t-small) var(--mono)}.companion-route li strong{font:600 var(--t-body) var(--sans)}.companion-route li p{margin:var(--s-2) 0 0;color:var(--muted);font:400 var(--t-small) var(--sans)}.companion-route-footer{font:400 var(--t-small) var(--sans);color:var(--muted);margin:0}.companion-route-footer span{margin-right:var(--s-2);color:var(--accent-ink)}.companion-help .ui-h2{margin-bottom:0}.companion-help-examples{border-left:2px solid var(--accent);padding-left:var(--s-4);color:var(--body);font:400 var(--t-body) var(--sans)}.companion-help-examples p{margin:0}.companion-help-examples p+p{margin-top:var(--s-2)}.companion-help>.companion-copy{justify-self:start}.companion-copy-status{font:400 var(--t-meta) var(--sans);color:var(--muted);margin:0}.companion-help-source{border-top:1px solid var(--line)}.companion-help-source>summary{min-height:44px;padding-block:var(--s-3);font:500 var(--t-small) var(--sans);cursor:pointer}.companion-prompt{border:1px solid var(--box-line);border-radius:var(--r-md);background:var(--page);overflow:hidden}.companion-prompt-toolbar{min-height:44px;padding-inline:var(--s-4);border-bottom:1px solid var(--line);align-items:center;display:flex}.companion-prompt label{color:var(--muted);font:500 var(--t-meta) var(--sans)}.companion-prompt textarea{box-sizing:border-box;resize:vertical;width:100%;min-width:0;height:230px;padding:var(--s-4);color:var(--body);font:400 var(--t-small) var(--mono);scrollbar-width:thin;background:0 0;border:0;border-radius:0;line-height:1.7;display:block}.course-companion :is(a,button,textarea):focus-visible,.companion-help :is(a,button,textarea,summary):focus-visible,.companion-dock :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.companion-prompt textarea:focus-visible{outline-offset:-3px}.companion-dock{box-sizing:border-box;border-bottom:1px solid var(--line);background:var(--card);height:56px}.companion-dock[hidden]{display:none}.companion-dock-inner{justify-content:space-between;align-items:center;gap:var(--s-4);max-width:var(--w-shell);height:100%;padding-inline:var(--pad-x);margin-inline:auto;display:flex}.companion-dock-label{align-items:baseline;gap:var(--s-4);min-width:0;display:flex}.companion-dock-label a{color:var(--ink);font:600 var(--t-small) var(--sans);flex:none;text-decoration:none}.companion-dock-label a:hover{color:var(--accent-ink);text-underline-offset:4px;text-decoration:underline}.companion-dock-label .companion-dock-help{color:var(--muted);font:400 var(--t-meta) var(--sans)}.companion-dock-copy{min-height:40px;padding:var(--s-2) var(--s-4);font:600 var(--t-small) var(--sans);flex:none}html:has(.course-guided){scroll-padding-top:calc(var(--site-sticky-offset) + 56px)}.course-guided .practice-reader-aside{top:calc(var(--site-sticky-offset) + 56px);max-height:calc(100dvh - var(--site-sticky-offset) - 56px - var(--s-4))}.course-guided :is(#ai-start,#course-start,#manual,#overview){scroll-margin-top:var(--s-4)}@media (max-width:1000px){.companion-intro{gap:var(--s-6)}.companion-route{padding:var(--s-5)}}@media (max-width:760px){.companion-intro{padding:var(--s-5) 0 var(--s-6);gap:var(--s-6);grid-template-columns:1fr}.companion-intro h1{font:650 var(--t-h1) var(--sans)}.companion-purpose{margin-top:var(--s-3);font:500 var(--t-body) var(--sans)}.companion-summary{font:400 var(--t-small) var(--sans)}.companion-kicker{margin-bottom:var(--s-3)}.companion-route{padding:var(--s-5)}.companion-route ol{margin-block:var(--s-4)}.companion-route li{padding-block:var(--s-3)}.companion-copy{font:600 var(--t-small) var(--sans);padding:var(--s-3) var(--s-4)}.companion-dock-copy{min-height:44px;padding:var(--s-2) var(--s-3)}}@media (max-width:700px){.course-guided .practice-reader-aside{max-height:none}}@media (max-width:440px){.companion-dock-label>a:first-child{display:none}}@media print{.companion-start-actions,.companion-help,.companion-dock{display:none}.companion-intro{grid-template-columns:1fr}}
.course-manual{margin-block:var(--s-7);scroll-margin-top:calc(var(--head-h) + var(--s-5))}.course-manual>.practice-reader-layout{padding-top:var(--s-6)}
.guided-step-summary{gap:var(--s-5);margin:0;display:grid}.guided-step-summary dt{margin:0 0 var(--s-2);color:var(--muted);font:600 var(--t-small) var(--sans)}.guided-step-summary dd{font:400 var(--t-body) var(--sans);color:var(--body);margin:0}.guided-step-result{padding:var(--s-4) var(--s-5);border-left:3px solid var(--accent);background:var(--accent-tint)}.guided-step-result dt{color:var(--accent-ink)}.guided-step-result ul{gap:var(--s-2);padding:0 0 0 var(--s-4);margin:0;display:grid}.guided-step-result li::marker{color:var(--accent-ink)}.guided-step-note{color:var(--muted);font:400 var(--t-small) var(--sans);margin:0}.guided-step-reference{border-top:1px solid var(--line)}.guided-step-reference>summary{padding:var(--s-4) 0;cursor:pointer;min-height:44px;color:var(--body);font:500 var(--t-small) var(--sans)}.guided-step-reference-content{gap:var(--s-5);padding:0 0 var(--s-4);display:grid}.guided-preparation{margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--line)}.guided-preparation>summary{align-items:baseline;gap:var(--s-2) var(--s-4);min-height:44px;padding-block:var(--s-3);cursor:pointer;color:var(--ink);font:600 var(--t-body) var(--sans);flex-wrap:wrap;display:flex}.guided-preparation>summary:before{content:"+";color:var(--accent-ink)}.guided-preparation[open]>summary:before{content:"−"}.guided-preparation>summary::-webkit-details-marker{display:none}.guided-preparation>summary span{color:var(--muted);font:400 var(--t-small) var(--sans)}.guided-preparation>ul{gap:var(--s-3);padding-left:var(--s-5);color:var(--body);font:400 var(--t-body) var(--sans);display:grid}.course-guided :is(.guided-preparation,.guided-step-reference)>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:600px){.guided-step-result{padding:var(--s-4)}}@media print{.guided-step-reference>.guided-step-reference-content,.guided-preparation>ul{display:block!important}}
.brand-course-start{padding-top:var(--s-6);padding-bottom:var(--s-8)}.brand-start-heading{justify-content:space-between;align-items:end;gap:var(--s-6);margin-bottom:var(--s-5);display:flex}.brand-start-heading h2{margin:var(--s-3) 0 0}.brand-start-heading>p{color:var(--muted);font:400 var(--t-small) var(--sans);margin:0}.brand-setup-link{align-items:center;gap:var(--s-4);padding:var(--s-5);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-md);background:var(--card);color:var(--ink);text-decoration:none;display:flex}.brand-setup-number{border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);color:var(--accent-ink);background:var(--accent-soft);font:600 var(--t-meta) var(--sans)}.brand-setup-link strong{font:600 var(--t-body) var(--sans);display:block}.brand-setup-link small{margin-top:var(--s-1);color:var(--muted);font:400 var(--t-small) var(--sans);display:block}.brand-setup-action{color:var(--accent-ink);font:500 var(--t-small) var(--sans);white-space:nowrap;margin-left:auto}.brand-outcome-links{gap:var(--s-3);margin-top:var(--s-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.brand-outcome-links>a{align-items:start;gap:var(--s-3);padding:var(--s-5) var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--ink);flex-direction:column;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.brand-outcome-links>a:hover,.brand-setup-link:hover{border-color:var(--accent-ink);background:var(--surface)}.brand-outcome-index{align-items:baseline;gap:var(--s-2);color:var(--muted);font:400 var(--t-meta) var(--sans);display:flex}.brand-outcome-index b{color:var(--accent-ink);font-weight:600}.brand-outcome-links strong{font:600 var(--t-body) var(--sans);letter-spacing:-.03em}.brand-outcome-description{color:var(--muted);font:400 var(--t-small) var(--sans)}.brand-outcome-action{padding-top:var(--s-3);color:var(--accent-ink);font:500 var(--t-meta) var(--sans);margin-top:auto}.brand-execution-bar{justify-content:space-between;align-items:start;gap:var(--s-5);padding:var(--s-5);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);display:flex}.brand-execution-bar>div:first-child{gap:var(--s-2);display:grid}.brand-execution-bar>div>span{color:var(--muted);font:500 var(--t-meta) var(--sans)}.brand-execution-bar strong{font:600 var(--t-body) var(--sans)}.brand-execution-bar p{color:var(--body);font:400 var(--t-small) var(--sans);margin:0}.brand-execution-actions{gap:var(--s-2);flex-shrink:0;display:grid}.brand-open-tool,.brand-video-moment{justify-content:center;align-items:center;gap:var(--s-2);min-height:44px;color:var(--accent-ink);font:500 var(--t-meta) var(--sans);text-decoration:none;display:inline-flex}.brand-open-tool{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--accent-soft)}.brand-open-tool:hover,.brand-video-moment:hover{text-underline-offset:4px;text-decoration:underline}.brand-prompt-step{gap:var(--s-3);min-width:0;display:grid}.brand-prompt-destination{align-items:center;gap:var(--s-2);color:var(--body);font:500 var(--t-small) var(--sans);flex-wrap:wrap;display:flex}.brand-prompt-destination a{min-height:44px;color:var(--accent-ink);font:500 var(--t-meta) var(--sans);text-underline-offset:4px;align-items:center;margin-left:auto;display:inline-flex}.brand-destination-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.brand-original-explanation{gap:var(--s-4);margin-top:var(--s-2);display:grid}.brand-original-explanation :is(h3,p){margin:0}.brand-optional{border-block:1px solid var(--line)}.brand-optional summary{align-items:baseline;gap:var(--s-3);padding:var(--s-5) 0;color:var(--ink);font:500 var(--t-body) var(--sans);cursor:pointer;list-style:none;display:flex}.brand-optional summary::-webkit-details-marker{display:none}.brand-optional summary>span{color:var(--muted);font:400 var(--t-meta) var(--sans)}.brand-optional summary:after{content:"+";color:var(--accent-ink);margin-left:auto}.brand-optional[open] summary:after{content:"−"}.brand-optional>div{gap:var(--s-6);padding-bottom:var(--s-6);display:grid}.brand-ready-link{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:44px;color:var(--accent-ink);font:500 var(--t-small) var(--sans);text-underline-offset:4px;display:flex}.brand-course :is(a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:1050px){.brand-outcome-links{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-execution-bar{flex-direction:column}.brand-execution-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}}@media (max-width:700px){.brand-start-heading{gap:var(--s-4);display:grid}.brand-course-start{padding-top:var(--s-4);padding-bottom:var(--s-6)}.brand-setup-link{padding:var(--s-4);gap:var(--s-3);flex-wrap:wrap}.brand-setup-link>span:nth-child(2){flex:1}.brand-setup-action{text-align:right;width:100%}.brand-outcome-links{gap:var(--s-2);grid-template-columns:1fr}.brand-outcome-links>a{gap:var(--s-1) var(--s-3);padding:var(--s-4);grid-template-columns:1fr auto;display:grid}.brand-outcome-index,.brand-outcome-links strong,.brand-outcome-description{grid-column:1}.brand-outcome-action{grid-area:1/2/4;align-self:center;margin:0;padding:0;font-size:0}.brand-outcome-action span{font:400 var(--t-body) var(--sans)}.brand-execution-bar{padding:var(--s-4);gap:var(--s-3)}}@media print{.brand-course-start,.brand-execution-actions,.brand-ready-link{display:none}}
.tutorial-reader .tut-detail-head{padding-top:var(--head-y);padding-bottom:var(--s-7);gap:var(--s-6);border-bottom:1px solid var(--line)}.tutorial-reader-heading{grid-template-columns:var(--w-rail) minmax(0, 1fr);gap:var(--s-7);align-items:start;display:grid}.tutorial-reader-edition{gap:var(--s-2);padding-top:var(--s-2);display:grid}.tutorial-reader-edition>strong{color:var(--accent-ink);font:500 var(--t-h2) var(--sans);letter-spacing:-.035em}.tutorial-reader-edition>span{color:var(--muted);font:400 var(--t-meta) var(--sans)}.tutorial-reader-heading-copy{gap:var(--s-4);max-width:var(--w-read);display:grid}.tutorial-reader-heading-copy h1{font:650 var(--t-display) var(--sans);letter-spacing:-.035em;word-break:keep-all;text-wrap:balance;margin:0}.tutorial-reader .tut-detail-done{font:400 var(--t-h3) var(--sans);color:var(--body)}.tutorial-reader-actions{gap:var(--s-2) var(--s-5);flex-wrap:wrap;display:flex}.tutorial-reader-actions a{min-height:44px;color:var(--accent-ink);font:500 var(--t-small) var(--sans);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.tutorial-reader-actions a:first-child{color:var(--ink)}.tutorial-reader .tut-detail-cols{grid-template-columns:var(--w-rail) minmax(0, 1fr);gap:var(--s-7);padding-top:var(--s-7);padding-bottom:var(--s-8)}.tutorial-reader .tut-aside{top:var(--site-sticky-offset);gap:var(--s-5);max-height:calc(100dvh - var(--site-sticky-offset) - var(--s-4));scrollbar-width:thin;position:sticky;overflow-y:auto}.tutorial-reader .tut-aside .ui-card.toc{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block}.tutorial-reader .tut-aside .ui-eyebrow{margin-bottom:var(--s-4)}.tutorial-reader .tut-aside .ui-toc{gap:var(--s-1)}.tutorial-reader .tut-aside .ui-toc a{padding:var(--s-2) var(--s-3);font:400 var(--t-small) var(--sans);line-height:1.65}.tutorial-reader .tut-step-nav-inline{display:none}.tutorial-reader-sections{gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--line);display:grid}.tutorial-reader-sections a{color:var(--muted);font:400 var(--t-meta) var(--sans);padding-block:var(--s-1);text-decoration:none}.tutorial-reader-sections a:hover{color:var(--accent-ink);text-underline-offset:4px;text-decoration:underline}.tutorial-reader .tut-aside>.ui-btn{font:500 var(--t-meta) var(--sans);white-space:normal;min-height:44px}.tutorial-reader .tut-detail-main{gap:var(--s-8);width:100%}.tutorial-reader .tut-detail-main section,.tutorial-reader .tut-step{scroll-margin-top:var(--s-4)}.tutorial-reader .tut-detail-main section{gap:var(--s-5)}.tutorial-reader .tut-detail-main section>.ui-eyebrow{margin-bottom:calc(-1 * var(--s-3))}.tutorial-reader-preparation{padding:var(--s-5) var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.tutorial-reader-preparation-heading{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding-bottom:var(--s-4);display:flex}.tutorial-reader-preparation-heading h3{font:600 var(--t-body) var(--sans);margin:0}.tutorial-reader-preparation-heading>span{color:var(--muted);font:400 var(--t-meta) var(--sans)}.tutorial-reader .tut-prep{grid-template-columns:1fr;gap:0}.tutorial-reader-preparation-item{grid-template-columns:var(--s-6) minmax(0, 1fr);gap:var(--s-4);padding-block:var(--s-4);border-top:1px solid var(--line);align-items:baseline;display:grid}.tutorial-reader-preparation-item:last-child{padding-bottom:0}.tutorial-reader-preparation-status{color:var(--muted);font:400 var(--t-meta) var(--sans)}.tutorial-reader .tut-prep-name{font:600 var(--t-body) var(--sans)}.tutorial-reader .tut-prep-note{margin-top:var(--s-1);font:400 var(--t-small) var(--sans)}.tutorial-reader .tut-steps{gap:var(--s-7)}.tutorial-reader .tut-step{gap:var(--s-5);padding-top:var(--s-7);border-top:1px solid var(--line);grid-template-columns:1fr}.tutorial-reader .tut-step-no{width:auto;height:auto;color:var(--accent-ink);font:500 var(--t-meta) var(--mono);background:0 0;border-radius:0;padding:0;display:block}.tutorial-reader .tut-step-body{gap:var(--s-4)}.tutorial-reader-step-heading{align-items:baseline;gap:var(--s-4);display:flex}.tutorial-reader-step-heading h3{font:650 var(--t-h2) var(--sans);letter-spacing:-.025em;word-break:keep-all;margin:0}.tutorial-reader .tut-step-no{font:500 var(--t-h3) var(--mono);flex:none}.tutorial-reader .tut-step-body p{word-break:keep-all;overflow-wrap:anywhere}.tutorial-reader .tut-step-body .ui-prompt{margin-block:var(--s-2)}.tutorial-reader .tut-step-body p{line-height:1.9}.tutorial-reader .tut-step-body figure{margin-block:var(--s-3)}.tutorial-reader .tut-faq{border-top:1px solid var(--line);gap:0}.tutorial-reader .tut-faq details{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}.tutorial-reader .tut-faq summary{padding:var(--s-5) 0;font:600 var(--t-body) var(--sans)}.tutorial-reader .tut-faq details>p{padding:0 0 var(--s-5)}.tutorial-reader-file{align-items:center;gap:var(--s-4);padding:var(--s-5) 0;border-block:1px solid var(--line);color:var(--ink);text-decoration:none;display:flex}.tutorial-reader-file>span:nth-child(2){gap:var(--s-1);flex:1;display:grid}.tutorial-reader-file strong{font:600 var(--t-body) var(--sans)}.tutorial-reader-file small{color:var(--muted);font:400 var(--t-meta) var(--sans)}.tutorial-reader-file>span:last-child{color:var(--accent-ink)}.tutorial-reader-file:hover strong{color:var(--accent-ink);text-underline-offset:4px;text-decoration:underline}.tutorial-reader .tut-dl{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.tutorial-reader .tut-dl-info{flex-basis:100%}.tutorial-reader .tut-prevnext .ui-card{border:0;border-top:1px solid var(--line);padding:var(--s-5) 0;box-shadow:none;background:0 0;border-radius:0}.tutorial-reader a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tutorial-reader-section-heading{gap:var(--s-2);display:grid}.tutorial-reader-section-heading h2{font:650 var(--t-h2) var(--sans);letter-spacing:-.025em;margin:0}.tutorial-reader .tut-detail-main>section{padding-bottom:var(--s-7);border-bottom:1px solid var(--line)}.tutorial-reader .tut-detail-main>section:last-of-type{border-bottom:0;padding-bottom:0}.tutorial-reader .tutorial-reader-start{padding-top:0;padding-bottom:var(--s-4);border-top:0;border-bottom:1px solid var(--line)}.tutorial-reader-start a{color:var(--body)}.tutorial-reader-save{justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-sm);min-height:44px;color:var(--body);background:var(--surface);font:500 var(--t-meta) var(--sans);align-items:center;text-decoration:none;display:flex}.tutorial-reader-save>span:last-child{color:var(--accent-ink)}.tutorial-reader-save:hover{border-color:var(--accent-line);color:var(--accent-ink)}.tutorial-reader-video>p{color:var(--muted);font:400 var(--t-small) var(--sans);margin:0}@media (max-width:960px){.tutorial-reader-heading,.tutorial-reader .tut-detail-cols{gap:var(--s-5);grid-template-columns:1fr}.tutorial-reader .tut-detail-head{max-width:var(--w-prose);padding-bottom:var(--s-6)}.tutorial-reader-edition{align-items:baseline;gap:var(--s-3);flex-wrap:wrap;padding:0;display:flex}.tutorial-reader-edition>strong{font:600 var(--t-small) var(--sans)}.tutorial-reader .tut-detail-cols{max-width:var(--w-prose);padding-top:var(--s-5)}.tutorial-reader .tut-aside{gap:var(--s-4);max-height:none;padding-bottom:var(--s-6);border-bottom:1px solid var(--line);position:static;overflow:visible}.tutorial-reader .tut-aside .ui-card.toc{display:none}.tutorial-reader .tut-step-nav-inline{padding:var(--s-4);box-shadow:none;background:0 0;display:block}.tutorial-reader-sections{gap:var(--s-2) var(--s-5);border:0;flex-wrap:wrap;padding-top:0;display:flex}.tutorial-reader .tut-aside>.ui-btn{justify-self:start;width:auto}.tutorial-reader .tut-detail-main{gap:var(--s-7)}.tutorial-reader .tutorial-reader-start{border-bottom:0;padding-bottom:0}.tutorial-reader-save{justify-self:start;gap:var(--s-5)}}@media (max-width:600px){.tutorial-reader-heading-copy{gap:var(--s-4)}.tutorial-reader-heading-copy h1{font:650 var(--t-h1) var(--sans)}.tutorial-reader-actions{gap:var(--s-2) var(--s-4)}.tutorial-reader-step-heading h3{font:650 var(--t-h3) var(--sans)}.tutorial-reader-preparation{padding:var(--s-4)}.tutorial-reader .tut-detail-done{font:400 var(--t-body) var(--sans)}.tutorial-reader-file{align-items:start;gap:var(--s-3)}}@media print{.tutorial-reader .tut-aside,.tutorial-reader-actions{display:none}.tutorial-reader-heading,.tutorial-reader .tut-detail-cols{display:block}.tutorial-reader-edition{margin-bottom:var(--s-4)}.tutorial-reader .tut-detail-main{max-width:none}}