.column-index,.column-page{min-height:calc(100svh - 160px);padding-block:44px 70px}.column-index-heading{max-width:650px;margin-bottom:36px}.column-index-heading h1{letter-spacing:.04em;margin:12px 0;font-size:38px;font-weight:500}.column-index-heading>p:last-child{color:#626b56;font-size:14px;line-height:1.95}.column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.column-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;overflow:hidden}.column-card-link{flex-direction:column;height:100%;display:flex}.column-card-link:hover{color:var(--ink)}.column-card-link:hover .column-card-more{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.column-card-link:focus-visible{outline-offset:-4px}.column-card-body{flex-direction:column;flex:1;align-items:flex-start;padding:23px;display:flex}.column-category{letter-spacing:1.7px;color:#626b56;font-size:9px;font-weight:600}.column-card h2{overflow-wrap:anywhere;margin:9px 0 12px;font-size:20px;font-weight:600;line-height:1.65}.column-card p{color:#626b56;margin-bottom:24px;font-size:12px;line-height:1.9}.column-card-more{justify-content:space-between;gap:20px;width:100%;margin-top:auto;font-size:12px;display:flex}.column-back{color:#626b56;text-underline-offset:4px;margin-bottom:28px;font-size:12px;text-decoration:underline;display:inline-block}.column-article-heading{border-bottom:1px solid var(--line);max-width:860px;margin-bottom:40px;padding-bottom:30px}.column-article-heading h1{letter-spacing:.015em;overflow-wrap:anywhere;margin-top:13px;font-size:clamp(25px,3vw,39px);font-weight:600;line-height:1.55}.column-meta{color:#626b56;flex-wrap:wrap;gap:8px 20px;margin:17px 0;font-size:11px;display:flex}.column-description{max-width:720px;font-size:14px;line-height:1.95}.column-reading-layout{grid-template-columns:190px minmax(0,730px);align-items:start;gap:45px;display:grid}.column-toc{border-top:2px solid var(--ink);padding-top:12px;font-size:11px;line-height:1.8;position:sticky;top:94px}.column-toc h2{margin-bottom:12px;font-size:12px}.column-toc ol{margin:0;padding-left:0;list-style:none}.column-toc li{padding:0 0 10px 1px}.column-toc a{color:#626b56;overflow-wrap:anywhere;display:block}.column-toc a:hover{color:var(--accent);text-decoration:underline}.column-body{min-width:0;font-size:15px;line-height:2}.column-body p+p{margin-top:16px}.column-body ul{margin:18px 0 0;padding-left:1.4em}.column-body li+li{margin-top:10px}.column-lead{font-size:15px;line-height:2.05}.column-workflows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px;font-size:12px;line-height:1.7;display:grid}.column-workflows a{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;min-width:0;padding:14px 16px}.column-workflows a[aria-current=page]{background:var(--sage)}.column-workflows a[aria-current=page] strong,.column-workflows a:hover strong{text-underline-offset:4px;text-decoration:underline}.column-workflows strong,.column-workflows span{display:block}.column-workflows span{color:#626b56;margin-top:5px;font-size:11px}.column-section-sources{color:#626b56;overflow-wrap:anywhere;margin-top:20px;font-size:11px}.column-section-sources a{text-underline-offset:4px;text-decoration:underline}.column-section{margin-top:48px;scroll-margin-top:95px}.column-body h2{letter-spacing:.01em;overflow-wrap:anywhere;margin-bottom:18px;font-size:22px;line-height:1.65}.column-note{border:1px solid var(--line);background:var(--sage);padding:15px 18px;font-size:13px}.column-figure{margin:30px 0 0}.column-figure figcaption{color:#626b56;margin-top:8px;font-size:11px}.column-code{max-width:100%;margin:22px 0 0}.column-code figcaption{margin-bottom:8px;font-size:12px}.column-code pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#f6f4ee;background:#292e26;border-radius:6px;max-width:100%;margin:0;padding:20px;font-size:12px;line-height:1.8}.column-example{background:#fcf5ed;border:1px solid #dcc5b5;border-radius:8px;margin-top:48px;padding:30px;scroll-margin-top:95px}.column-example h2{margin-top:9px}.column-example>p{font-size:13px;line-height:1.9}.column-example dl{margin:23px 0 20px}.column-example dl>div{border-top:1px solid #e3d7c9;padding:15px 0}.column-example dt{margin-bottom:6px;font-size:11px;font-weight:600}.column-example dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.9}.column-example-note{color:#626b56}.column-try{white-space:normal;text-align:center;flex-wrap:wrap;gap:4px 12px;max-width:100%;height:auto;margin-top:22px;padding:13px 19px;line-height:1.6}.column-step-try{margin-top:16px;padding:10px 15px;font-size:12px}.column-step-example{background:#fcf5ed;border:1px solid #dcc5b5;border-radius:8px;min-width:0;margin-top:18px;padding:24px}.column-step-example h3{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:600;line-height:1.65}.column-step-intro{margin-top:10px;font-size:13px;line-height:1.9}.column-step-setup{color:#626b56;font-size:12px;line-height:1.9}.column-step-fields{margin:0;font-size:13px;line-height:1.9}.column-step-fields>div{border-top:1px solid #e3d7c9;grid-template-columns:145px minmax(0,1fr);gap:8px 16px;padding:15px 0;display:grid}.column-step-fields dt{overflow-wrap:anywhere;font-size:11px;font-weight:600}.column-step-fields dd{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;margin:0}.column-step-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:20px;display:grid}.column-step-settings>div{min-width:0;display:block}.column-step-settings dt{margin-bottom:5px}.column-step-details{border-top:1px solid #e3d7c9;font-size:12px}.column-step-details>summary{cursor:pointer;overflow-wrap:anywhere;padding:15px 0;font-weight:600;line-height:1.8}.column-step-details>summary:hover{color:var(--accent)}.column-step-details[open]>summary{padding-bottom:12px}.column-step-output pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#f6f4ee;background:#292e26;border-radius:6px;max-width:100%;max-height:420px;margin:0 0 16px;padding:18px;font-size:12px;line-height:1.8;overflow:auto}.column-step-example+.column-note{margin-top:18px}.column-new-tab{font-size:10px;font-weight:400}.column-fresh{text-underline-offset:4px;width:fit-content;margin-top:15px;font-size:12px;text-decoration:underline;display:block}.column-checklist{border-top:1px solid var(--line);padding-top:30px}.column-sources{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:38px;padding-top:22px;font-size:12px}.column-sources h2,.column-related h2{margin-bottom:12px;font-size:15px}.column-sources a{text-underline-offset:4px;text-decoration:underline}.column-related{border-top:1px solid var(--line);margin-top:38px;padding-top:22px}.column-related>a{text-underline-offset:5px;padding:12px 0;font-size:14px;text-decoration:underline;display:block}.column-diagram{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#e9eddf;place-items:center;padding:24px;display:grid;overflow:hidden;container-type:inline-size}.column-diagram--banner{background:#f0dfcf}.column-diagram--slides{background:#e0e5eb}.column-diagram strong{overflow-wrap:anywhere;font-size:clamp(12px,5.5cqw,25px);font-weight:600;line-height:1.5;display:block}.diagram-browser{background:var(--surface);border:1px solid #c3c9b5;border-radius:4px;width:100%;overflow:hidden}.diagram-browser-bar{border-bottom:1px solid #e3e5da;gap:4px;padding:7px 9px;display:flex}.diagram-browser-bar i{background:#b8bda8;border-radius:50%;width:4px;height:4px}.diagram-web-hero{grid-template-columns:1.6fr 1fr;align-items:center;gap:10px;padding:6% 7%;display:grid}.diagram-web-hero span{color:#626b56;margin-top:7px;font-size:clamp(8px,2.5cqw,12px);display:block}.diagram-web-hero b{color:#fffefa;background:#c14b27;border-radius:2px;margin-top:12px;padding:4px 10px;font-size:clamp(8px,2.4cqw,11px);display:inline-block}.diagram-web-image{aspect-ratio:4/5;background:#e3e8d7;border-radius:50% 50% 3px 3px;position:relative;overflow:hidden}.diagram-web-image i{background:#a3ac87;border-radius:50%;width:65%;height:65%;position:absolute;bottom:-12%;left:15%}.diagram-web-image i+i{background:#c5cba9;width:40%;height:40%;bottom:30%;left:45%}.diagram-web-sections{grid-template-columns:repeat(3,1fr);gap:9px;padding:0 7% 7%;display:grid}.diagram-web-sections span{color:#505944;border-top:2px solid #a3ac87;padding-top:6px;font-size:clamp(8px,2.4cqw,11px)}.diagram-banner{aspect-ratio:1200/628;background:#fff9eb;border:1px solid #dac6b2;grid-template-columns:1.7fr 1fr;align-items:center;gap:12px;width:100%;padding:10%;display:grid}.diagram-banner strong{color:#4e3226}.diagram-banner b{color:#76371e;border-bottom:1px solid #76371e;margin-top:13px;padding-bottom:4px;font-size:clamp(8px,2.5cqw,12px);display:inline-block}.diagram-product{aspect-ratio:1;color:#fff;background:#b84929;border-radius:48% 48% 40% 40%;place-items:center;min-width:0;font-size:clamp(8px,3cqw,15px);display:grid}.diagram-slide{aspect-ratio:16/9;background:#fcfcfa;border:1px solid #bcc5cf;width:100%;padding:7% 8%;position:relative;overflow:hidden}.diagram-slide-number{color:#42566b;letter-spacing:1px;margin-bottom:5px;font-size:clamp(7px,2.4cqw,11px);display:block}.diagram-slide strong{z-index:1;max-width:80%;font-size:clamp(12px,5cqw,23px);position:relative}.diagram-chart{align-items:flex-end;gap:7px;width:28%;height:42%;display:flex;position:absolute;bottom:18%;right:8%}.diagram-chart i{background:#b9c7d4;width:30%;height:35%}.diagram-chart i:nth-child(2){background:#879fb5;height:60%}.diagram-chart i:nth-child(3){background:#4c687f;height:100%}.diagram-slide-flow{color:#42566b;font-size:clamp(7px,2.3cqw,11px);display:block;position:absolute;bottom:8%;left:8%}.column-figure .column-diagram{border:1px solid var(--line);border-radius:6px;max-width:600px;margin:auto;padding:8%}@media (min-width:1400px){.column-reading-layout{gap:65px}}@media (max-width:1150px){.column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.column-reading-layout{grid-template-columns:minmax(0,1fr);max-width:730px}.column-toc{font-size:12px;position:static}.column-toc ol{columns:2;column-gap:30px}.column-toc li{break-inside:avoid}.column-article-heading{max-width:730px}}@media (max-width:600px){.column-index,.column-page{padding-block:26px 44px}.column-index-heading h1{font-size:30px}.column-grid{grid-template-columns:1fr;gap:22px}.column-card-body{padding:22px}.column-index-heading{margin-bottom:26px}.column-back{margin-bottom:22px}.column-article-heading{margin-bottom:26px;padding-bottom:24px}.column-toc ol{columns:1}.column-reading-layout{gap:28px}.column-body{font-size:14px;line-height:2}.column-body h2{font-size:20px}.column-section{margin-top:36px}.column-example{padding:22px 18px}.column-try{width:100%;font-size:12px}.column-figure .column-diagram{padding:20px}.column-meta{font-size:10px}}@media (prefers-reduced-motion:reduce){html:has(.column-page){scroll-behavior:auto}}@media (max-width:600px){.column-step-example{padding:20px 16px}.column-step-example h3{font-size:17px}.column-step-fields>div{display:block}.column-step-fields dt{margin-bottom:6px}.column-step-settings{grid-template-columns:1fr}.column-step-output pre{padding:15px;font-size:11px}}