@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin.woff2)format("woff2")}:root{--paper:#faf9f6;--paper-deep:#f2f0e9;--surface:#fff;--ink:#202620;--muted:#686d65;--line:#dedfd6;--blue:#234ce8;--blue-dark:#1839bd;--blue-pale:#eef1ff;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%}button:disabled{cursor:wait;opacity:.65}::selection{color:#132878;background:#dbe2ff}:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--serif);letter-spacing:-.035em;font-weight:400;line-height:1.02}h2{font-size:clamp(42px,4.9vw,64px)}h1 em,h2 em{font-weight:400}p{text-wrap:pretty}.section-shell,.header-inner,.site-footer{width:min(1184px,100% - 96px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:4px;padding:12px 20px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.eyebrow{font-family:var(--sans);letter-spacing:.115em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.5}.section-kicker{color:var(--muted);margin-bottom:22px}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:23px;min-height:50px;padding:13px 21px;font-size:13px;font-weight:550;line-height:1.5;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.button span[aria-hidden]{font-size:19px;line-height:1}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff;box-shadow:0 3px #18349e14}.button-blue:hover{background:var(--blue-dark);box-shadow:0 6px 18px #234ce820}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#364034}.inline-link{align-items:center;gap:13px;width:fit-content;font-size:13px;font-weight:550;line-height:1.6;display:inline-flex}.inline-link span[aria-hidden]{font-size:19px;transition:transform .2s}.inline-link:hover{color:var(--blue)}.inline-link:hover span[aria-hidden]{transform:translate(2px,-1px)}.site-header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:93px;display:flex}.wordmark{letter-spacing:-.9px;align-items:center;gap:10px;font-size:25px;font-weight:600;line-height:1.2;display:inline-flex}.wordmark-period{color:var(--blue)}.brand-mark{flex:0 0 25px;width:25px;height:27px;display:inline-block;position:relative}.brand-mark span{background:var(--blue);border-radius:1px;width:5px;display:block;position:absolute}.brand-mark span:first-child{height:26px;top:0;left:7px;transform:rotate(24deg)}.brand-mark span:nth-child(2){height:16px;bottom:1px;right:4px;transform:rotate(-24deg)}.brand-mark span:nth-child(3){width:11px;height:4px;bottom:6px;left:7px;transform:rotate(-4deg)}.main-nav{align-items:center;gap:33px;display:flex}.main-nav a{padding:9px 0;font-size:12px;font-weight:500}.main-nav a:hover{color:var(--blue)}.main-nav a span{margin-left:4px}.hero{padding-top:34px;padding-bottom:78px}.hero-topline{justify-content:space-between;align-items:center;gap:20px;margin-bottom:51px;display:flex}.hero-topline .eyebrow{color:#5c6559;align-items:center;gap:9px;display:flex}.small-dot{background:var(--blue);border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.edition-label{color:#81877b;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:66px;display:grid}.hero h1{letter-spacing:-.043em;font-size:clamp(65px,6.6vw,88px);line-height:.985}.hero h1 em{color:var(--blue)}.hero-description{max-width:485px;color:var(--muted);margin-top:28px;font-size:15px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:29px;display:flex}.hero-actions .inline-link{gap:9px;font-size:12px}.hero-footnote{color:#838779;align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.tiny-spark{color:var(--blue);font-size:19px;line-height:1}.hero-note{background:#efefe8;border:1px solid #e3e5d8;border-radius:7px;padding:25px 28px 26px;transform:rotate(1deg)}.note-index{letter-spacing:.07em;color:#777e6f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.note-visual{height:160px;margin:28px 0 25px;position:relative}.motion-frame{border-radius:4px;width:150px;height:103px;position:absolute;top:50%;left:50%}.frame-back{background:#cad3f4;border:1px solid #a8b8f3;transform:translate(-32%,-68%)rotate(11deg)}.frame-middle{background:#dce4ff;border:1px solid #b4c1f5;transform:translate(-47%,-45%)rotate(-9deg)}.frame-front{background:var(--blue);color:#fff;justify-content:center;align-items:center;display:flex;transform:translate(-60%,-37%)rotate(-2deg);box-shadow:0 10px 20px #29377720}.frame-front>span:first-child{font-family:var(--serif);font-size:72px;font-style:italic;line-height:1;transform:translateY(-5px)}.frame-cross{opacity:.6;font-size:16px;font-weight:400;position:absolute;top:3px;right:10px}.frame-corner{border-bottom:1px solid #ffffff8c;border-left:1px solid #ffffff8c;width:11px;height:11px;position:absolute;bottom:8px;left:9px}.hero-note h2{text-align:center;letter-spacing:-.025em;font-size:40px;line-height:1.06}.hero-note h2 em{color:#6b7460}.note-flow{justify-content:center;align-items:center;gap:13px;margin-top:24px;font-size:10px;font-weight:550;display:flex}.note-flow span[aria-hidden]{color:#979d90}.hero-note>p{color:#737b68;text-align:center;border-top:1px solid #d9ddce;margin-top:18px;padding-top:16px;font-size:11px;line-height:1.6}.definition-band{border-block:1px solid var(--line)}.definition-inner{grid-template-columns:145px minmax(0,1fr) 165px;align-items:center;gap:40px;padding-block:30px;display:grid}.definition-inner>.eyebrow{color:#777c70;font-size:10px}.definition-inner>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.85}.definition-inner strong{color:var(--ink);font-weight:550}.definition-inner .inline-link{font-size:11px}.guides-section{padding-top:94px;padding-bottom:94px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:41px;display:flex}.section-heading>p{color:var(--muted);margin-bottom:5px;font-size:13px;line-height:1.8}.section-heading h2 em,.example-copy h2 em,.faq-heading h2 em{color:#79816e}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.guide-card{border:1px solid var(--line);background:#fffefb;border-radius:7px;flex-direction:column;min-height:340px;padding:25px 26px 21px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.guide-card:hover{border-color:#aeb9dd;transform:translateY(-4px);box-shadow:0 8px 26px #20262007}.guide-card-featured{background:var(--blue);border-color:var(--blue);color:#fff}.guide-card-featured:hover{border-color:var(--blue-dark);box-shadow:0 8px 26px #234ce823}.guide-card-project{background:#f0f1e9}.guide-card-top{justify-content:space-between;align-items:center;height:34px;margin-bottom:32px;display:flex}.guide-symbol{font-size:38px;font-weight:400;line-height:1}.code-symbol{color:var(--blue);letter-spacing:-4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px}.project-symbol{color:#697854;font-size:36px}.pill{border:1px solid #ffffff60;border-radius:20px;padding:6px 9px;font-size:9px;line-height:1}.card-count{color:#949a8c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.card-label{text-transform:uppercase;letter-spacing:.1em;color:#7c8274;margin-bottom:12px;font-size:9px;font-weight:550}.guide-card-featured .card-label{color:#d6ddff}.guide-card h3{font-family:var(--serif);letter-spacing:-.025em;font-size:37px;line-height:1.07}.guide-card>p{color:var(--muted);max-width:275px;margin-top:18px;margin-bottom:25px;font-size:12px;line-height:1.8}.guide-card-featured>p{color:#dce3ff}.card-action{border-top:1px solid #dfe1d7;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;font-size:11px;font-weight:550;display:flex}.guide-card-featured .card-action{border-color:#ffffff37}.round-arrow{border:1px solid #dce0d3;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:17px;display:inline-flex}.guide-card-featured .round-arrow{border-color:#ffffff50}.original-example-section{padding-top:76px;scroll-margin-top:30px}.original-example-section .section-heading>p{max-width:425px}.original-example-section .section-heading h2 em{color:var(--blue)}.tutorial-video{border:1px solid var(--line);background:#fffefb;border-radius:8px;width:100%;min-width:0;margin:0;overflow:hidden}.tutorial-video-heading{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:15px 22px;font-size:10px;display:flex}.tutorial-video-brand{color:var(--ink);align-items:center;gap:9px;font-size:12px;font-weight:600;display:inline-flex}.tutorial-video-brand>span{color:var(--blue);font-size:19px;line-height:1}.tutorial-video video{aspect-ratio:16/9;background:var(--paper-deep);width:100%;height:auto;display:block}.tutorial-video figcaption{border-top:1px solid var(--line);padding:20px 22px}.tutorial-video-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;display:flex}.tutorial-video-caption>p{margin:0;font-size:12px;line-height:1.8}.tutorial-video-caption strong{color:var(--ink);font-weight:550}.tutorial-video-caption>span{font-size:10px;line-height:1.8}.tutorial-video-links{flex-wrap:wrap;gap:12px 26px;margin-top:15px;display:flex}.tutorial-video-links a{color:var(--blue);align-items:center;gap:9px;font-size:11px;font-weight:550;line-height:1.8;display:inline-flex}.tutorial-video-links a:hover{text-underline-offset:4px;text-decoration:underline}.tutorial-video--compact .tutorial-video-heading{padding:12px 16px}.tutorial-video--compact figcaption{padding:15px 16px}.article-body .tutorial-video-caption>p{margin:0;font-size:12px}.article-body .tutorial-video-links a{text-decoration:none}.article-body .tutorial-video-links a:hover{text-decoration:underline}.article-body .article-video-section{margin-bottom:32px}.article-body .article-video-section>h2{margin-top:0}.example-section{grid-template-columns:1fr 1.03fr;align-items:center;gap:95px;padding-top:76px;padding-bottom:0;scroll-margin-top:30px;display:grid}.community-example-section{border-top:1px solid var(--line);margin-top:76px}.example-copy>p:not(.eyebrow){color:var(--muted);max-width:360px;margin-top:25px;font-size:13px;line-height:1.85}.example-copy>p.source-note{color:#878c80;margin-top:17px;font-size:10px;line-height:1.8}.example-copy .inline-link{margin-top:29px;font-size:11px}.post-card{border:1px solid var(--line);background:#fffefb;border-radius:8px;width:100%;min-width:0;overflow:hidden}.post-card-heading{border-bottom:1px solid #e9e9e2;align-items:center;gap:10px;padding:18px 21px;display:flex}.source-badge{color:#fff;background:#db5a37;border-radius:50%;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-size:20px;font-weight:600;display:inline-flex}.post-card-heading>div{flex-direction:column;line-height:1.5;display:flex}.post-card-heading strong{font-size:11px;font-weight:600}.post-card-heading>div>span{color:#929489;font-size:9px}.post-source{color:#6b7262;white-space:nowrap;margin-left:auto;font-size:10px}.post-source:hover{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.post-loading{text-align:center;min-height:230px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px 22px;font-size:13px;line-height:1.7;display:flex}.post-loading a{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.post-loading .button{min-height:40px;padding:10px 18px;font-size:11px}.post-card-caption{color:#858b7d;text-align:center;border-top:1px solid #e9e9e2;padding:11px 16px;font-size:9px}.x-embed-mount{width:100%;min-width:0;padding:0 12px;overflow:hidden}.x-embed-mount[hidden]{display:none}.x-embed-mount iframe{max-width:100%!important}.path-section{background:var(--paper-deep);border-block:1px solid #e5e4dc;padding-block:78px 71px}.path-section .section-heading .inline-link{margin-bottom:7px;font-size:11px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;margin:50px 0 0;padding:0;list-style:none;display:grid}.steps-grid>li{border-top:1px solid #ced2c4;padding-top:19px}.step-number{letter-spacing:-.04em;color:#869076;margin-bottom:21px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.steps-grid h3{letter-spacing:-.025em;font-size:17px;font-weight:500}.steps-grid p{max-width:280px;color:var(--muted);margin-top:13px;font-size:12px;line-height:1.9}.step-note{color:#8c947e;margin-top:27px;font-size:10px;font-style:italic;display:block}.faq-section{grid-template-columns:1fr 1.6fr;gap:82px;padding-block:94px 88px;display:grid}.faq-heading>p:last-child{color:var(--muted);margin-top:23px;font-size:12px;line-height:1.85}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{justify-content:space-between;align-items:center;gap:25px;padding:21px 2px;font-size:13px;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--blue)}.faq-plus{flex:0 0 12px;width:12px;height:12px;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:#858c79;width:11px;height:1px;display:block;position:absolute;top:5px;left:0}.faq-plus:after{transition:transform .2s;transform:rotate(90deg)}.faq-item[open] .faq-plus:after{transform:rotate(0)}.faq-item>div{padding:0 32px 24px 2px}.faq-item p{color:var(--muted);font-size:12px;line-height:1.95}.feedback-section{background:#eaf0e2;border:1px solid #dce4d1;border-radius:8px;grid-template-columns:1fr 1.1fr;gap:68px;margin-bottom:91px;padding:51px 52px 48px;display:grid}.feedback-copy .section-kicker{color:#737e64}.feedback-copy h2{font-size:clamp(43px,4.4vw,59px)}.feedback-copy h2 em{color:#61744d}.feedback-copy>p:not(.eyebrow){color:#748067;max-width:320px;margin-top:23px;font-size:13px;line-height:1.9}.feedback-signoff{color:#7e8b6e;align-items:center;gap:8px;margin-top:37px;font-size:10px;display:flex}.feedback-signoff .tiny-spark{color:#627d48}.feedback-form{min-width:0}.form-field{margin-bottom:16px}.form-field label{color:#46543d;margin-bottom:7px;font-size:11px;font-weight:550;display:block}.optional{color:#829075;margin-left:6px;font-size:10px;font-weight:400}.form-field input,.form-field textarea,.form-field select{width:100%;color:var(--ink);outline-offset:2px;background:#fcfff899;border:1px solid #cad4be;border-radius:4px;min-width:0;padding:11px 12px;font-size:12px;line-height:1.6;display:block}.form-field select{appearance:auto;padding-right:6px}.form-field textarea{resize:vertical;min-height:103px}.form-field input::placeholder,.form-field textarea::placeholder{color:#89947d;opacity:1}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#7f9670}.field-hint{color:#7c896d;margin-top:5px;font-size:9px;line-height:1.6;display:block}.honeypot{display:none}.form-bottom{flex-wrap:wrap;align-items:center;gap:18px;margin-top:23px;display:flex}.form-bottom .button{min-height:43px;padding:11px 16px;font-size:11px}.form-bottom p{color:#839075;font-size:9px;line-height:1.7}.form-bottom a{text-underline-offset:3px;text-decoration:underline}.form-bottom a:hover{color:#3b4e2b}.form-error{color:#954225;background:#fff7ef;border:1px solid #d8b5a4;border-radius:4px;padding:10px 12px;font-size:12px}.feedback-success{text-align:left;align-self:center;padding-block:32px}.success-mark{color:#527334;border:1px solid #9cae8b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:18px;display:inline-flex}.feedback-success h3{font-family:var(--serif);margin-bottom:14px;font-size:38px;line-height:1.15}.feedback-success p{color:#748067;max-width:330px;font-size:13px}.feedback-success .feedback-reference{color:#6b795f;overflow-wrap:anywhere;margin-top:17px;font-size:10px}.feedback-reference code{-webkit-user-select:all;user-select:all;font-size:10px}.text-button{text-underline-offset:4px;background:0 0;border:0;margin-top:20px;padding:0;font-size:12px;text-decoration:underline}.text-button span{margin-left:7px}.site-footer{padding-bottom:24px}.footer-top{border-top:1px solid var(--line);justify-content:space-between;gap:48px;padding-block:32px 41px;display:flex}.footer-wordmark{font-size:24px}.footer-top>div>p{color:#8c9184;margin-top:15px;font-size:11px;line-height:1.8}.footer-links{grid-template-columns:repeat(2,auto);align-content:start;gap:11px 43px;padding-top:5px;display:grid}.footer-links a,.footer-links .analytics-settings{color:#69725e;font-size:11px}.footer-links a:hover,.footer-links .analytics-settings:hover{color:var(--blue)}.analytics-settings{text-align:left;background:0 0;border:0;padding:0}.analytics-panel{z-index:90;background:var(--paper);max-height:calc(100dvh - 40px);position:fixed;overflow-y:auto}.analytics-panel-preferences{border:1px solid var(--line);border-radius:8px;width:min(450px,100% - 40px);padding:20px;bottom:20px;left:20px;box-shadow:0 8px 36px #20262020}.analytics-panel h2{font-family:var(--sans);letter-spacing:-.015em;padding-right:32px;font-size:14px;font-weight:600;line-height:1.4}.analytics-panel-preferences h2{font-size:16px}.analytics-panel p{color:var(--muted);margin:9px 0 15px;font-size:12px;line-height:1.7}.analytics-panel a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.analytics-notice{padding:16px max(60px, calc((100vw - 1184px) / 2)) calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);align-items:center;gap:28px;display:flex;inset:auto 0 0;box-shadow:0 -3px 16px #20262008}.analytics-notice .analytics-copy{flex:1}.analytics-notice p{margin:4px 0 0}.analytics-notice .analytics-actions{flex:none}.analytics-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.analytics-actions button{border:1px solid var(--blue);background:var(--blue-pale);min-height:42px;color:var(--blue-dark);border-radius:5px;padding:9px 12px;font-size:12px;font-weight:550}.analytics-actions button:hover{background:#dfe6ff}.analytics-close{background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:32px;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.analytics-close:hover{background:var(--paper-deep)}.analytics-notice .analytics-close{top:50%;transform:translateY(-50%)}@media (max-width:700px){.analytics-notice{padding:14px 18px calc(14px + env(safe-area-inset-bottom));gap:12px;display:grid}.analytics-notice .analytics-copy{padding-right:26px}.analytics-notice .analytics-close{top:8px;right:8px;transform:none}}.analytics-options{border-top:1px solid var(--line);margin:17px 0 20px}.analytics-option{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.analytics-option:has(input:disabled){cursor:default}.analytics-option-copy{gap:5px;display:grid}.analytics-option-copy strong{font-size:13px;font-weight:600}.analytics-option-copy>span{color:var(--muted);font-size:12px;line-height:1.6}.analytics-required,.analytics-optional{color:var(--muted);white-space:nowrap;margin-left:5px;font-size:10px;font-weight:400;display:inline-block}.analytics-option input{appearance:none;cursor:pointer;background:#e3e5de;border:1px solid #888e84;border-radius:20px;flex:0 0 40px;width:40px;height:24px;margin:0}.analytics-option input:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;margin:2px;display:block;box-shadow:0 1px 3px #20262025}.analytics-option input:checked{border-color:var(--blue);background:var(--blue)}.analytics-option input:checked:before{transform:translate(16px)}.analytics-option input:disabled{cursor:default;background:#858b80;border-color:#858b80}.footer-links a span{margin-left:3px}.footer-bottom{border-top:1px solid var(--line);color:#8d9284;justify-content:space-between;align-items:flex-start;gap:30px;padding-top:18px;font-size:9px;display:flex}.footer-bottom>span{flex:none}.page-shell{width:min(900px,100% - 96px);margin:72px auto 100px}.page-shell>h1{margin-bottom:24px;font-size:clamp(48px,6vw,72px)}.page-shell>.eyebrow{color:var(--muted);margin-bottom:18px}.article-shell{width:min(1080px,100% - 96px);margin:56px auto 95px}.article-header{border-bottom:1px solid var(--line);max-width:840px;margin-bottom:42px;padding-bottom:39px}.article-header>.eyebrow,.article-header>.breadcrumb{color:var(--muted);margin-bottom:22px;font-size:11px}.article-header h1{max-width:810px;font-size:clamp(48px,5.5vw,72px);line-height:1.05}.article-header>p:not(.eyebrow):not(.breadcrumb){color:var(--muted);max-width:710px;margin-top:22px;font-size:16px;line-height:1.85}.article-header .article-meta{color:#8a9081;flex-wrap:wrap;gap:12px 24px;margin-top:20px;font-size:11px;display:flex}.article-layout{grid-template-columns:minmax(0,720px) minmax(160px,1fr);align-items:start;gap:58px;display:grid}.article-body,.prose{color:#515c49;overflow-wrap:anywhere;min-width:0;max-width:730px;font-size:15px;line-height:1.9}.article-body>:first-child,.prose>:first-child{margin-top:0}.article-body h2,.prose h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.025em;margin:49px 0 20px;scroll-margin-top:32px;font-size:39px;line-height:1.12}.article-body h3,.prose h3{font-family:var(--sans);color:var(--ink);letter-spacing:-.02em;margin:30px 0 13px;font-size:20px;font-weight:550;line-height:1.4}.article-body h4,.prose h4{color:var(--ink);font-size:16px;font-weight:550}.article-body p,.prose p{margin:17px 0}.article-body a:not(.button),.prose a:not(.button){color:var(--blue);text-underline-offset:4px;-webkit-text-decoration:underline #234ce840;text-decoration:underline #234ce840}.article-body a:hover,.prose a:hover{text-decoration-color:currentColor}.article-body strong,.prose strong{color:#303c29;font-weight:600}.article-body ul,.article-body ol,.prose ul,.prose ol{margin-block:18px;padding-left:25px}.article-body li,.prose li{margin-block:7px;padding-left:3px}.article-body li::marker{color:#81906f}.prose li::marker{color:#81906f}.article-body blockquote,.prose blockquote{color:#718064;font-family:var(--serif);border-left:3px solid #a5b394;margin:25px 0;padding:4px 0 4px 23px;font-size:25px;line-height:1.4}.article-body code:not(pre code),.prose code:not(pre code){color:#3d562b;overflow-wrap:anywhere;background:#eaf0e2;border:1px solid #dfe6d6;border-radius:3px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.code-block,.article-body pre,.prose pre{color:#e5eddd;white-space:pre-wrap;overflow-wrap:anywhere;background:#242c22;border:1px solid #333d2e;border-radius:6px;max-width:100%;margin-block:23px;padding:20px 22px;font-size:12px;line-height:1.8;overflow-x:auto}.code-block code,.article-body pre code,.prose pre code{color:inherit;background:0 0;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.callout{background:#eef2e8;border:1px solid #dce4d3;border-left:3px solid #91a17e;border-radius:0 5px 5px 0;margin-block:26px;padding:17px 21px;font-size:13px}.callout p:first-child{margin-top:0}.callout p:last-child{margin-bottom:0}.callout strong{color:#445637}.article-toc{border-left:1px solid var(--line);color:#7a846f;padding-left:23px;font-size:11px;line-height:1.8;position:sticky;top:28px}.article-toc h2,.article-toc h3,.article-toc>strong,.article-toc>p{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#657258;margin:0 0 14px;font-size:10px;font-weight:550}.article-toc ol,.article-toc ul{margin:0;padding:0;list-style:none}.article-toc li{margin-bottom:10px}.article-toc a{display:block}.article-toc a:hover{color:var(--blue)}.article-body table,.prose table{border-collapse:collapse;table-layout:fixed;width:100%;margin-block:25px;font-size:12px}.article-body th,.article-body td,.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 13px}.article-body th,.prose th{color:#3c4b32;background:#eef1e8;font-weight:550}.article-body hr,.prose hr{border:none;border-top:1px solid var(--line);margin-block:39px}.article-body .button,.prose .button{color:#fff;margin-block:12px;text-decoration:none}.article-navigation,.next-guide{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article-grid{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:59px;display:grid}.article-grid .article-toc{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:23px}.article-toc nav{gap:12px;display:grid}.back-link{color:#7c8571;align-items:center;gap:8px;margin-bottom:26px;font-size:11px;display:inline-flex}.back-link:hover{color:var(--blue)}.article-header>.article-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex;color:#87907d!important;font-size:11px!important}.article-header>.article-description{max-width:760px}.callout h2,.article-body .callout h2,.prose .callout h2{font-family:var(--sans);letter-spacing:-.01em;margin:0 0 12px;font-size:16px;font-weight:550;line-height:1.5}.article-body section{scroll-margin-top:28px}.code-block{white-space:normal;padding:0}.code-toolbar{color:#a5b597;font-family:var(--sans);border-bottom:1px solid #3b4833;justify-content:space-between;align-items:center;gap:15px;padding:10px 16px;font-size:10px;display:flex}.code-toolbar button{color:#d7e3cd;background:#34422c;border:1px solid #59694b;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.code-toolbar button:hover{background:#465b39}.code-block pre,.article-body .code-block pre,.prose .code-block pre{background:0 0;border:0;border-radius:0;margin:0;padding:18px}.code-block .copy-error{color:#e5c09b;margin:0;padding:0 18px 15px;font-size:11px}.source-list a{display:inline}.source-list svg{vertical-align:middle;margin-left:3px;display:inline-block}.article-next{border:1px solid var(--line);background:#f0f3e9;border-radius:6px;margin-top:45px;padding:23px 26px}.article-next>.eyebrow{color:#7c8a6e;margin:0 0 11px;font-size:9px}.article-body .article-next>a{font-family:var(--serif);color:#334a23;justify-content:space-between;align-items:center;gap:15px;font-size:28px;line-height:1.2;text-decoration:none;display:flex}.article-next>a svg{flex:0 0 19px}.article-next>p:last-child{margin:16px 0 0;font-size:11px}.guide-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:34px 0;display:grid}.guide-index-card{border:1px solid var(--line);background:#fffefb;border-radius:6px;flex-direction:column;padding:24px 23px 20px;transition:border-color .18s,transform .18s;display:flex}.guide-index-card:hover{border-color:#b1bee5;transform:translateY(-3px)}.guide-index-card>.eyebrow{color:#8c9681;margin-bottom:22px;font-size:9px}.guide-index-card h2{font-size:31px;line-height:1.12}.guide-index-card p{color:#7e8973;margin:18px 0 25px;font-size:12px;line-height:1.85}.guide-index-cta{color:var(--blue);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}@media (min-width:1440px){.hero h1{font-size:91px}}@media (max-width:1050px){.section-shell,.header-inner,.site-footer{width:calc(100% - 64px)}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:38px}.hero h1{font-size:clamp(62px,7.3vw,79px)}.hero-note{padding-inline:20px}.hero-note h2{font-size:35px}.definition-inner{grid-template-columns:115px 1fr;gap:25px}.definition-inner .inline-link{grid-column:2;margin-top:-15px}.guide-card{padding:23px 20px 20px}.guide-card h3{font-size:34px}.example-section{gap:50px}.faq-section{gap:55px}.feedback-section{gap:44px;padding:40px 35px}.article-layout{grid-template-columns:minmax(0,1fr) 180px;gap:30px}.article-grid{grid-template-columns:180px minmax(0,1fr);gap:35px}.guide-index-grid{grid-template-columns:1fr}.guide-index-card{padding:24px 26px}}@media (max-width:760px){.section-shell,.header-inner,.site-footer{width:calc(100% - 40px)}.header-inner{min-height:78px}.wordmark{font-size:23px}.main-nav{gap:20px}.main-nav a{font-size:11px}.hero{padding-top:25px;padding-bottom:47px}.hero-topline{margin-bottom:38px}.hero-topline .eyebrow{letter-spacing:.09em;font-size:9px}.edition-label{display:none}.hero-grid{grid-template-columns:minmax(0,1fr);gap:39px}.hero h1{font-size:clamp(57px,10vw,82px)}.hero-description{max-width:490px;margin-top:22px;font-size:14px}.hero-actions{gap:17px 23px;margin-top:25px}.hero-footnote{margin-top:20px}.hero-note{grid-template-columns:1fr 1.4fr;align-items:center;column-gap:15px;padding:20px 24px;display:grid;transform:none}.note-index{grid-column:1/-1}.note-visual{grid-row:2/5;height:170px;margin:10px 0 0}.motion-frame{width:130px;height:91px}.hero-note h2{margin-top:20px;font-size:34px}.note-flow{gap:12px;margin-top:14px}.hero-note>p{margin-top:13px;padding-top:12px;font-size:10px}.definition-inner{grid-template-columns:1fr;gap:13px;padding-block:24px}.definition-inner .inline-link{grid-column:auto;margin-top:0}.definition-inner>p:not(.eyebrow){max-width:590px;font-size:12px}.guides-section{padding-top:56px;padding-bottom:55px}.section-heading{flex-direction:column;align-items:flex-start;gap:19px;margin-bottom:28px}.section-heading>p br{display:none}.section-heading>p{font-size:12px}.section-kicker{margin-bottom:17px;font-size:10px}h2{font-size:46px}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-card{grid-template-columns:1fr 1fr;column-gap:25px;min-height:0;padding:25px;display:grid}.guide-card-top{grid-column:1/-1;margin-bottom:23px}.card-label{grid-column:1/-1;margin-bottom:12px}.guide-card h3{font-size:35px}.guide-card>p{align-self:center;margin:0 0 23px;font-size:12px}.card-action{grid-column:1/-1;margin-top:25px}.example-section{grid-template-columns:1fr;gap:31px;padding-top:48px;padding-bottom:0}.original-example-section{padding-top:48px}.original-example-section .section-heading>p{max-width:520px}.community-example-section{margin-top:48px}.tutorial-video-heading{padding:12px 16px}.tutorial-video figcaption{padding:16px}.tutorial-video-caption{gap:7px}.tutorial-video-links{gap:11px 19px}.example-copy>p:not(.eyebrow){max-width:520px;margin-top:19px}.example-copy .inline-link{margin-top:21px}.path-section{padding-block:52px 48px}.steps-grid{grid-template-columns:1fr;gap:24px;margin-top:22px}.steps-grid>li{grid-template-columns:32px 1fr;column-gap:18px;padding-top:19px;display:grid}.step-number{grid-row:1/4;margin:2px 0 0}.steps-grid h3{font-size:17px}.steps-grid p{max-width:500px;margin-top:9px;font-size:12px}.step-note{grid-column:2;margin-top:15px}.faq-section{grid-template-columns:1fr;gap:27px;padding-block:58px 56px}.faq-heading>p:last-child{margin-top:16px}.faq-heading>p:last-child br{display:none}.faq-item summary{padding-block:20px;font-size:13px}.faq-item p{font-size:12px}.feedback-section{grid-template-columns:1fr;gap:30px;margin-bottom:52px;padding:29px 25px}.feedback-copy h2{font-size:46px}.feedback-copy>p:not(.eyebrow){max-width:520px;margin-top:18px;font-size:12px}.feedback-signoff{margin-top:20px}.form-field input,.form-field textarea,.form-field select{font-size:16px}.form-field label{font-size:12px}.field-hint{font-size:10px}.footer-top{gap:30px;padding-block:26px 30px}.footer-links{gap:11px 23px}.footer-bottom{gap:20px;font-size:9px}.footer-bottom p{max-width:270px}.page-shell,.article-shell{width:calc(100% - 40px);margin-top:38px;margin-bottom:60px}.article-header{margin-bottom:27px;padding-bottom:28px}.article-header h1{font-size:clamp(45px,8vw,60px)}.article-header>p:not(.eyebrow):not(.breadcrumb){font-size:14px;line-height:1.85}.article-layout{flex-direction:column-reverse;gap:29px;display:flex}.article-grid{grid-template-columns:1fr;gap:28px}.article-toc{border:1px solid var(--line);background:#f2f3ec;border-radius:5px;width:100%;padding:18px 21px;position:static}.article-grid .article-toc{border:1px solid var(--line);padding:18px 21px}.article-toc nav{gap:10px}.article-body,.prose{font-size:14px;line-height:1.9}.article-body h2,.prose h2{margin-top:35px;font-size:35px}.article-body h3,.prose h3{font-size:19px}.code-block,.article-body pre,.prose pre{padding:16px;font-size:11px}.callout{padding:15px 17px}}@media (max-width:430px){.header-inner{flex-wrap:wrap;justify-content:center;gap:8px;padding-block:18px 11px}.main-nav{justify-content:center;gap:31px;width:100%}.main-nav a{padding-block:5px}.hero h1{font-size:clamp(48px,13vw,57px)}.hero-topline{margin-bottom:27px}.hero-grid{gap:31px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{justify-content:space-between;width:100%}.hero-note{grid-template-columns:.95fr 1.2fr;column-gap:8px;padding:17px 18px}.note-visual{height:155px}.motion-frame{width:101px;height:77px}.frame-front>span:first-child{font-size:56px}.hero-note h2{font-size:29px}.note-flow{gap:7px;font-size:8px}.hero-note>p{font-size:9px}.note-index{font-size:8px}.guide-card{padding:23px;display:flex}.guide-card h3{font-size:38px}.guide-card>p{align-self:auto;max-width:none;margin:17px 0 23px}.card-action{margin-top:0}.post-card-heading{gap:8px;padding:15px}.post-card-caption{padding-inline:8px;font-size:8px}.tutorial-video-heading{gap:6px 12px;padding-inline:12px}.tutorial-video figcaption{padding:13px 12px}.tutorial-video-links{flex-direction:column;align-items:flex-start;gap:10px}.feedback-section{padding:25px 20px}.feedback-copy h2{font-size:43px}.form-bottom{gap:12px}.form-bottom .button{justify-content:space-between;width:100%}.footer-top{flex-direction:column;gap:24px}.footer-links{grid-template-columns:repeat(2,1fr);gap:12px 30px}.footer-bottom{flex-direction:column;gap:9px}.footer-bottom p{max-width:none}.article-body table,.prose table{font-size:10px}.article-body th,.article-body td,.prose th,.prose td{padding:8px 7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.tutorial-video-credit{color:var(--muted);margin:1.3rem 0 0;font-size:.75rem;line-height:1.6}.tutorial-video-credit a{text-underline-offset:3px;text-decoration:underline}