.learning-labels{color:#535a63;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-block:12px;font-size:12px;display:flex}.legacy-label{color:#343a42;border:1px solid #858b92;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.tutorial-legacy-note{color:#535a63;max-width:720px;margin-block:12px 24px;font-size:14px}.library-legacy{cursor:pointer;align-items:center;gap:10px;min-height:48px;margin-top:20px;font-size:14px;display:flex}.library-legacy input{width:18px;height:18px;accent-color:var(--color-orange-strong);flex:none}.library-legacy input:focus-visible{outline:3px solid var(--color-orange-strong);outline-offset:4px}.home-learn{background:var(--color-gray-50);border-top:8px solid var(--color-orange);padding-block:48px}.learn-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;margin-bottom:28px;display:grid}.learn-intro>div:last-child{max-width:480px}.learn-kicker{letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700}.learn-kicker:before{content:"";background:var(--color-orange);vertical-align:middle;width:30px;height:4px;margin-right:12px;display:inline-block;transform:rotate(-7deg)}.learn-intro h2,.learn-intro h1{font-size:clamp(48px,5vw,72px);line-height:.93}.learn-intro h2 span,.learn-intro h1 span{color:var(--color-orange-strong)}.learn-scribble{font:400 16px/1.5 var(--font-marker);color:var(--color-orange-strong);margin-top:16px;display:block;transform:rotate(-2deg)}.learning-spread{grid-template-columns:1.05fr 1fr;gap:0 40px;display:grid}.learning-resource{border-top:1px solid #a9adb2;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);align-items:start;gap:20px;min-width:0;padding-block:20px;display:grid}.learning-resource.learning-feature{border-top:0;grid-row:span 2;padding:0 0 16px;display:block}.learning-image{background:#111;display:block}.learning-image img{aspect-ratio:4/3;object-fit:contain;width:100%}.learning-feature .learning-image{border-bottom:6px solid var(--color-orange);max-width:480px;position:relative}.learning-feature .learning-copy{padding-top:16px}.learning-topic{color:var(--color-orange-strong);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.learning-topic span{color:#535a63}.learning-copy h3{font-size:clamp(25px,2.4vw,34px)}.learning-copy h3 a{min-height:48px;text-decoration:none;display:block}.learning-copy h3 a:hover{text-decoration:underline;text-decoration-color:var(--color-orange-strong)}.learning-copy h3 span{color:var(--color-orange-strong);white-space:nowrap}.learning-copy>p:not(.learning-topic){margin-top:12px;font-size:14px;line-height:1.6}.learning-format{margin-top:12px;font-size:12px;font-weight:700;display:block}.learn-actions{border-top:1px solid #a9adb2;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:8px;padding-top:24px;display:flex}.learn-actions>a:not(.button),.learn-back{align-items:center;min-height:48px;font-size:14px;display:inline-flex}.learn-library{padding-block:40px 56px}.library-note{color:#535a63;max-width:700px;margin-block:24px;font-size:15px}.library-subhead{margin-bottom:20px;font-size:28px}.library-subhead span{color:var(--color-orange-strong)}.editorial-preview{border-left:4px solid var(--color-orange-strong);background:#fff0e6;margin-block:28px;padding:20px 24px;font-size:14px}.editorial-preview strong{letter-spacing:.04em;font-size:12px}.editorial-preview p{margin-top:8px}.editorial-preview a{padding-block:10px;display:inline-block}.tutorial{padding-bottom:64px}.tutorial-header{max-width:900px;margin-block:24px}.tutorial h1{text-transform:uppercase;font-size:clamp(44px,5.6vw,76px)}.tutorial-deck{max-width:720px;margin-top:20px;font-size:20px}.tutorial-meta{color:#535a63;margin-top:16px;font-size:13px}.tutorial-media{border-bottom:1px solid #a9adb2;grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:center;gap:32px;padding-block:16px 32px;display:grid}.tutorial-media figure{min-width:0}.tutorial-media figcaption{color:#535a63;margin-top:8px;font-size:12px}.tutorial-media h2{margin-top:24px;font-size:28px}.tutorial-disclosure{border-top:1px solid #a9adb2;padding-top:16px;font-size:14px}.tutorial-columns{grid-template-columns:minmax(0,260px) minmax(0,720px);gap:64px;margin-top:32px;display:grid}.tutorial-columns:not(:has(.tutorial-toc)){grid-template-columns:minmax(0,720px)}.tutorial-toc{font-size:13px}.tutorial-toc strong{letter-spacing:.08em}.tutorial-toc ol{padding-left:20px}.tutorial-toc a{padding-block:10px;display:inline-block}.tutorial-prose{overflow-wrap:anywhere;min-width:0}.tutorial-prose h2{margin:32px 0 16px;scroll-margin-top:32px;font-size:34px;line-height:1.1}.tutorial-prose>h2:first-child{margin-top:0}.tutorial-prose h3{margin-block:24px 12px}.tutorial-prose li+li{margin-top:12px}.tutorial-prose img{height:auto;margin-block:24px}.tutorial-prose pre{padding:20px;overflow-x:auto}.tutorial-prose table{display:block;overflow-x:auto}@media (width<=1000px){.learning-spread{gap:0 24px}.learning-resource{grid-template-columns:minmax(100px,.65fr) minmax(0,1fr);gap:16px}.tutorial-columns{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:32px}}@media (width<=760px){.home-learn .wrap,.learn-library.wrap,.tutorial.wrap{width:calc(100% - 40px)}.home-learn{padding-block:32px}.learn-intro{grid-template-columns:1fr;gap:16px}.learn-intro h2,.learn-intro h1{font-size:48px}.learn-intro p{font-size:15px}.learn-intro .learn-kicker{font-size:10px}.learn-scribble{margin-top:12px;font-size:14px}.learning-spread{grid-template-columns:1fr}.learning-resource.learning-feature{grid-row:auto}.learning-feature .learning-image{max-width:100%}.learning-resource{grid-template-columns:minmax(90px,.6fr) minmax(0,1fr);gap:16px}.learning-copy h3{font-size:27px}.learning-feature .learning-copy h3{font-size:34px}.learn-actions{gap:8px}.learn-actions .button{gap:16px;width:100%;padding-inline:16px}.learn-library{padding-top:24px}.tutorial-deck{font-size:18px}.tutorial-media,.tutorial-columns{grid-template-columns:1fr;gap:24px}.tutorial-toc{border-bottom:1px solid #a9adb2;padding-bottom:16px}.tutorial-prose{font-size:16px}.tutorial-prose h2{font-size:30px}.editorial-preview{padding:16px}}