.guide{background:var(--color-paper-2);min-height:100vh;color:var(--color-ink)}.guide *{box-sizing:border-box}.guide a{text-decoration:none}.guide button,.guide input{font:inherit}.guide a,.guide button{touch-action:manipulation}.guide button{cursor:pointer}.guide-container{max-width:1200px;margin:auto;padding:0 32px}.guide-header{border-bottom:1px solid var(--color-line);background:var(--color-paper-2);height:76px}.guide-header .guide-container{justify-content:space-between;align-items:center;height:100%;display:flex}.guide-brand{align-items:center;gap:10px;min-height:44px;font-size:23px;font-weight:900;display:flex}.guide-brand img{width:31px;height:36px}.guide-header nav{align-items:center;gap:22px;display:flex}.guide-header nav a{min-height:44px;color:var(--color-navy);align-items:center;font-size:14px;display:inline-flex}.guide-skip{z-index:100;background:#fff;padding:12px;position:fixed;top:-80px;left:20px}.guide-skip:focus{top:12px}.guide-hero{padding:62px 0 42px}.guide-kicker{color:var(--color-ochre-soft);letter-spacing:.1em;margin:0 0 12px;font-size:12px;font-weight:700}.guide h1{letter-spacing:-.025em;margin:0 0 18px;font-size:42px;font-weight:900;line-height:1.3}.guide-subtitle{color:var(--color-ink-2);margin:0;font-size:17px;line-height:1.8}.guide-search{max-width:700px;margin-top:26px}.guide-search-field{background:var(--color-card);border:1px solid var(--color-line);border-radius:13px;align-items:center;gap:12px;padding:4px 8px 4px 18px;display:flex;box-shadow:0 4px 18px #20283a06}.guide-search-field:focus-within{outline:2px solid var(--color-navy);outline-offset:3px}.guide-search-field input{background:0 0;border:0;flex:1;min-width:0;height:52px;font-size:17px}.guide-search-field input:focus-visible{outline:none!important}.guide-search-field button{background:var(--color-paper);border:0;border-radius:9px;min-width:44px;min-height:44px}.guide-search-hint{color:var(--color-ink-2);margin:12px 0 0;font-size:13px;line-height:1.7}.guide-results{background:var(--color-card);border:1px solid var(--color-line);border-radius:16px;margin-top:16px;padding:20px}.guide-results h2{margin:0 0 12px;font-size:17px}.guide-results .guide-row{padding:12px 0}.guide-suggestions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.guide-suggestions button{border:1px solid var(--color-line);background:var(--color-paper-2);border-radius:999px;min-height:44px;padding:0 16px}.guide-section{margin:0 0 52px}.guide-section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.guide-section-heading h2{margin:0;font-size:23px;font-weight:700}.guide-section-heading p{color:var(--color-ink-2);margin:0;font-size:13px}.guide-tasks{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-task{background:var(--color-card);border:1px solid var(--color-line);border-radius:16px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.guide-task:hover{border-color:var(--color-navy);transform:translateY(-2px)}.guide-task-body{flex-direction:column;flex:1;padding:24px;display:flex}.guide-task h3{margin:0 0 9px;font-size:22px;font-weight:700}.guide-task p{color:var(--color-ink-2);margin:0;font-size:15px;line-height:1.8}.guide-task .guide-task-example{border-top:1px solid var(--color-line);color:var(--color-ink);margin:20px 0 24px;padding-top:16px;font-size:14px;line-height:1.8}.guide-task .guide-cta{margin-top:auto}.guide-cta{color:var(--color-navy);align-items:center;gap:14px;min-height:44px;font-size:15px;font-weight:700;display:inline-flex}.guide-placeholder{aspect-ratio:16/10;background:var(--color-paper);color:var(--color-ink-2);border-bottom:1px solid var(--color-line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.guide-placeholder span{font-size:14px}.guide-placeholder small{font-size:12px}.guide-placeholder svg{opacity:.7;width:28px;height:28px;margin-bottom:6px}.guide-feature{border:1px solid var(--color-line);background:var(--color-paper);border-radius:16px;grid-template-columns:1.4fr 1fr;display:grid;overflow:hidden}.guide-feature h2{margin:0 0 12px;font-size:27px;font-weight:700}.guide-feature p{color:var(--color-ink-2);line-height:1.8}.guide-feature .guide-placeholder{border-bottom:0;border-left:1px solid var(--color-line);aspect-ratio:auto;background:var(--color-card);height:100%}.guide-first-steps{gap:18px;margin:24px 0;padding:0;list-style:none;display:flex}.guide-first-steps li{font-size:14px;font-weight:700}.guide-first-steps b{font-family:var(--font-mono);color:var(--color-ochre-soft);margin-bottom:6px;display:block}.guide-primary{background:var(--color-navy);border-radius:13px;padding:0 18px;color:#fff!important}.guide-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guide-category-card{border:1px solid var(--color-line);background:var(--color-card);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:21px;display:flex}.guide-category-card h3{margin:0 0 7px;font-size:17px;font-weight:700}.guide-category-card p{color:var(--color-ink-2);margin:0;font-size:13px;line-height:1.7}.guide-category-card:hover{border-color:var(--color-navy);background:var(--color-paper)}.guide-row{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding:21px 0;display:flex}.guide-row h3{margin:0;font-size:17px;font-weight:700}.guide-row p{color:var(--color-ink-2);margin:7px 0 0;font-size:14px;line-height:1.8}.guide-row:hover{color:var(--color-navy);background:var(--color-paper)}.guide-chevron{color:var(--color-navy);flex-shrink:0;font-size:22px}.guide-footer{border-top:1px solid var(--color-line);padding:28px 0 36px}.guide-footer .guide-container{justify-content:space-between;align-items:center;gap:20px;display:flex}.guide-footer p{font-size:15px}.guide-footer nav{gap:20px;display:flex}.guide-footer a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.guide-breadcrumb{color:var(--color-ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0;font-size:14px;display:flex}.guide-breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.guide-mobile-back{display:none}.guide-category-main{max-width:850px;padding-bottom:60px}.guide-category-hero{margin:26px 0 40px}.guide-category-hero h1{font-size:36px}.guide-article-layout{grid-template-columns:224px minmax(0,740px);align-items:start;gap:64px;padding-top:26px;padding-bottom:64px;display:grid}.guide-sidebar{position:sticky;top:28px}.guide-sidebar-label{margin:10px 12px 20px;font-weight:700}.guide-sidebar a{min-height:46px;color:var(--color-ink-2);border-radius:9px;align-items:center;padding:10px 12px;font-size:14px;display:flex}.guide-sidebar a[aria-current=page]{background:var(--color-paper);color:var(--color-navy);border-left:3px solid var(--color-navy);font-weight:700}.guide-sidebar a:hover{background:var(--color-paper)}.guide-article{min-width:0}.guide-article h1{margin:8px 0 18px;font-size:36px;line-height:1.4}.guide-platform{color:var(--color-ink-2);border:1px solid var(--color-line);border-radius:999px;margin-bottom:30px;padding:4px 10px;font-size:12px;display:inline-block}.guide-prose{overflow-wrap:anywhere;font-size:17px;line-height:1.8}.guide-prose p{margin:0 0 16px}.guide-prose h2{margin:34px 0 18px;font-size:23px;font-weight:700}.guide-prose ol{counter-reset:steps;padding:0;list-style:none}.guide-prose ol li{counter-increment:steps;padding:0 0 22px 42px;position:relative}.guide-prose ol li:before{content:counter(steps);border:1px solid var(--color-line);width:28px;height:28px;font-size:13px;font-family:var(--font-mono);color:var(--color-navy);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1px;left:0}.guide-example{background:var(--color-paper);border:1px solid var(--color-line);border-radius:16px;padding:24px}.guide-example h2{margin-top:0}.guide-example p:last-child{margin:0}.guide-callout{border-left:3px solid var(--color-navy);margin-top:32px;padding:4px 0 4px 22px}.guide-callout h2{margin:0 0 16px;font-size:18px}.guide-callout[data-tone=info]{border-color:var(--color-ochre-soft)}.guide-callout[data-tone=warning]{border-color:var(--color-danger);background:var(--color-danger-bg);padding:20px}.guide-callout p:last-child{margin-bottom:0}.guide-prose table{table-layout:fixed;border-collapse:collapse;width:100%;margin:16px 0;font-size:15px}.guide-prose th,.guide-prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);overflow-wrap:anywhere;padding:12px}.guide-prose th{font-weight:700}.guide-prose [id]{scroll-margin-top:24px}.guide-related{margin-top:40px}.guide-related h2{font-size:22px;font-weight:700}.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-related a{border:1px solid var(--color-line);border-radius:12px;min-height:60px;padding:16px;font-size:15px;line-height:1.7}.guide-related a:hover{background:var(--color-paper)}.guide-shot{max-width:620px;margin:26px auto}.guide-shot .guide-placeholder{border:1px solid var(--color-line);aspect-ratio:16/7;border-radius:16px}.guide-shot figcaption{color:var(--color-ink-2);margin-top:10px;font-size:13px;line-height:1.7}.guide-shot button{border:1px solid var(--color-line);background:var(--color-paper);border-radius:16px;width:100%;padding:0;overflow:hidden}.guide-shot img{width:100%;height:auto;display:block}.guide-shot dialog{border:1px solid var(--color-line);background:var(--color-paper-2);border-radius:16px;max-width:min(94vw,1000px);max-height:92vh;margin:auto;padding:16px}.guide-shot dialog::backdrop{background:#20283ab3}.guide-shot dialog button{width:auto;min-width:44px;min-height:44px;margin-bottom:12px;padding:8px 16px}.guide-shot dialog img{object-fit:contain;max-height:74vh}.guide-legacy{border-top:1px solid var(--color-line);margin-top:34px;padding-top:16px;font-size:14px}.guide-legacy summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.guide-legacy ol{padding-left:22px;line-height:1.9}@media (min-width:700px) and (max-width:1023px){.guide-tasks,.guide-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.guide-feature-body{padding:28px}}@media (max-width:699px){.guide-container{padding:0 20px}.guide-header{height:64px}.guide-brand{font-size:21px}.guide-header nav{gap:0}.guide-header .guide-desktop-link{display:none}.guide-hero{padding:34px 0 30px}.guide h1{margin-bottom:14px;font-size:30px}.guide-subtitle{font-size:16px;line-height:1.65}.guide-search{margin-top:22px}.guide-search-field{padding-left:12px}.guide-search-field input{font-size:16px}.guide-search-hint{font-size:12px}.guide-section{margin-bottom:36px}.guide-section-heading h2{font-size:21px}.guide-section-heading p{display:none}.guide-tasks,.guide-categories{grid-template-columns:1fr}.guide-task-body{padding:22px}.guide-task h3{font-size:22px}.guide-task .guide-placeholder{aspect-ratio:16/7}.guide-feature{grid-template-columns:1fr}.guide-feature-body{padding:24px}.guide-feature h2{font-size:25px}.guide-feature .guide-placeholder{border-left:0;border-top:1px solid var(--color-line);aspect-ratio:16/7}.guide-first-steps{justify-content:space-between;gap:12px}.guide-first-steps li{font-size:13px}.guide-category-card{padding:18px 20px}.guide-footer .guide-container{display:block}.guide-footer nav{justify-content:space-between;gap:12px}.guide-breadcrumb{display:none}.guide-mobile-back{min-height:44px;color:var(--color-navy);align-items:center;margin:12px 0;font-size:14px;display:inline-flex}.guide-category-hero{margin:12px 0 28px}.guide-category-main{padding-bottom:36px}.guide-article-layout{padding-top:0;padding-bottom:40px;display:block}.guide-sidebar{display:none}.guide-article h1{font-size:29px}.guide-platform{margin-bottom:22px}.guide-prose{font-size:16px;line-height:1.75}.guide-prose h2{font-size:21px}.guide-example{padding:20px}.guide-callout{padding-left:16px}.guide-prose th,.guide-prose td{padding:10px 6px;font-size:14px}.guide-related-grid{grid-template-columns:1fr}.guide-shot .guide-placeholder{aspect-ratio:16/9}.guide-row{gap:14px}.guide-row h3{font-size:16px}}@media (prefers-reduced-motion:reduce){.guide *{scroll-behavior:auto!important;transition:none!important}.guide-task:hover{transform:none}}.guide-preview-image{aspect-ratio:16/10;background:var(--color-paper);border-bottom:1px solid var(--color-line);overflow:hidden}.guide-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.guide-feature .guide-preview-image{aspect-ratio:auto;border-left:1px solid var(--color-line);height:100%}@media (max-width:699px){.guide-preview-image,.guide-feature .guide-preview-image{aspect-ratio:16/7;height:auto}.guide-feature .guide-preview-image{border-left:0;border-top:1px solid var(--color-line)}}.guide-quick-links{gap:24px;margin-top:12px;display:flex}.guide-quick-links a{min-height:44px;color:var(--color-navy);align-items:center;font-size:14px;display:inline-flex}.guide-section-heading [id]{scroll-margin-top:20px}.guide-task-body{padding:20px}.guide-task .guide-task-example{margin:12px 0 14px;padding-top:12px}.guide-feature{grid-template-columns:1.7fr 1fr;align-items:center}.guide-feature-body{padding:24px 28px}.guide-feature h2{margin-bottom:8px;font-size:24px}.guide-feature p{margin:8px 0}.guide-first-steps{margin:16px 0}.guide-feature>.guide-placeholder,.guide-feature>.guide-preview-image{aspect-ratio:16/9;border:1px solid var(--color-line);border-radius:12px;height:auto;margin:20px}.guide-example{padding:18px}.guide-related-grid{display:block}.guide-related a{border:0;border-bottom:1px solid var(--color-line);border-radius:0;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:14px 0;display:flex}.guide-shot .guide-placeholder{aspect-ratio:var(--shot-ratio,16/9)}@media (max-width:699px){.guide-feature{grid-template-columns:1fr}.guide-feature-body{padding:22px}.guide-first-steps{flex-direction:column;gap:6px}.guide-first-steps li{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.guide-first-steps b{margin:0}.guide-first-steps li:not(:last-child):after{content:"↓";color:var(--color-ink-2);flex-basis:100%;padding-left:5px}.guide-feature>.guide-placeholder,.guide-feature>.guide-preview-image{max-height:150px;margin:0 22px 22px}.guide-prose table,.guide-prose tbody,.guide-prose tr,.guide-prose td{width:100%;display:block}.guide-prose thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.guide-prose tr{border-bottom:1px solid var(--color-line);padding:12px 0}.guide-prose td{border:0;padding:4px 0;font-size:16px}.guide-prose td:before{content:attr(data-label);color:var(--color-ink-2);font-size:12px;display:block}.guide-example{padding:16px}}.guide-comparison-mobile{display:none}@media (max-width:699px){.guide-prose .guide-comparison-desktop{display:none}.guide-comparison-mobile{display:block}.guide-comparison-mobile section{border-bottom:1px solid var(--color-line);padding:14px 0}.guide-comparison-mobile h3{margin:0 0 6px;font-weight:700}.guide-comparison-mobile p{margin:4px 0}.guide-comparison-mobile p:last-child{color:var(--color-ink-2);font-size:14px}}.guide-breadcrumb a{min-width:44px}.guide-feature:not(:has(.guide-preview-image)){grid-template-columns:1fr}