@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-tracking:initial;--tw-border-style:solid;--tw-leading:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.guide-wrap{--gd-border:#e4e7ec;--gd-bg-soft:#f7f8fa;--gd-accent-soft:#e9f3fc;--gd-code-bg:#1e2330;--gd-warn-bg:#fff8e6;--gd-warn-border:#ffd874;--gd-radius:12px;scroll-behavior:smooth;color:var(--text-color-primary,var(--base-color-neutral-15))}.guide-layout{gap:calc(var(--spacing,.25rem) * 10);max-width:1200px;padding-inline:calc(var(--spacing,.25rem) * 6);margin-inline:auto;display:flex}.guide-toc{top:calc(var(--spacing,.25rem) * 0);width:240px;max-height:100vh;padding-block:calc(var(--spacing,.25rem) * 10);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.guide-toc .guide-crumbs{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--text-color-secondary,var(--base-color-neutral-40));margin-bottom:22px}.guide-toc .guide-crumbs a{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--text-color-link,var(--base-color-blue-40));text-decoration-line:none}.guide-toc .guide-toc__title{margin-bottom:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-bold,700);font-size:11px;font-weight:var(--font-weight-bold,700);--tw-tracking:.06em;letter-spacing:.06em;color:var(--text-color-secondary,var(--base-color-neutral-40));text-transform:uppercase}.guide-toc nav a{border-left-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 1);padding-right:calc(var(--spacing,.25rem) * 0);padding-left:calc(var(--spacing,.25rem) * 3);color:var(--text-color-secondary,var(--base-color-neutral-40));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-color:#0000;border-left-width:2px;text-decoration-line:none;display:block}.guide-toc nav a:hover{border-color:var(--color-brand,var(--base-color-blue-60));color:var(--color-brand,var(--base-color-blue-60))}.guide{max-width:860px;min-width:calc(var(--spacing,.25rem) * 0);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 24);--tw-leading:1.65;flex:1;line-height:1.65}.guide h1{margin:calc(var(--spacing,.25rem) * 0);margin-bottom:calc(var(--spacing,.25rem) * 4);--tw-leading:1.15;--tw-font-weight:var(--font-weight-bold,700);font-size:2.4rem;line-height:1.15;font-weight:var(--font-weight-bold,700);color:var(--text-color-primary,var(--base-color-neutral-15))}.guide h2{margin-top:52px;margin-bottom:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--text-color-primary,var(--base-color-neutral-15))}.guide h3{margin-top:26px;margin-bottom:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-bold,700);font-size:1.15rem;font-weight:var(--font-weight-bold,700);color:var(--text-color-primary,var(--base-color-neutral-15))}.guide :is(h1,h2,h3)[id],.guide [id]{scroll-margin-top:calc(var(--navigation-header-height,77px) + 16px)}.guide p{margin:calc(var(--spacing,.25rem) * 0);margin-bottom:calc(var(--spacing,.25rem) * 3.5)}.guide ul,.guide ol{margin:calc(var(--spacing,.25rem) * 0);margin-bottom:calc(var(--spacing,.25rem) * 4);padding-left:22px;list-style-position:outside}.guide ul{list-style-type:disc}.guide ol{list-style-type:decimal}.guide li{margin-block:calc(var(--spacing,.25rem) * 1.5)}.guide a{color:var(--text-color-link,var(--base-color-blue-40));text-decoration-line:none}.guide a:hover{color:var(--text-color-link-hover,var(--base-color-blue-25));text-decoration-line:underline}.guide strong{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--text-color-primary,var(--base-color-neutral-15))}.guide code{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);background-color:var(--gd-bg-soft);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);border-radius:5px;padding-block:1px;padding-inline:5px;font-size:.875em}.guide table{margin-block:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 6);border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.guide th,.guide td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gd-border);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5);text-align:left;vertical-align:top}.guide th{--tw-tracking:.04em;letter-spacing:.04em;color:var(--text-color-secondary,var(--base-color-neutral-40));text-transform:uppercase;font-size:.78rem}.guide tbody tr:hover{background-color:var(--gd-bg-soft)}.guide pre{margin-block:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--gd-radius);background-color:var(--gd-code-bg);padding-inline:calc(var(--spacing,.25rem) * 5);--tw-leading:1.6;color:#d7dbe6;margin-bottom:22px;padding-block:18px;font-size:.85rem;line-height:1.6;overflow-x:auto}.guide pre code{border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 0);color:inherit;background-color:#0000;border-width:0}.guide figure{margin-block:calc(var(--spacing,.25rem) * 3.5);margin-bottom:calc(var(--spacing,.25rem) * 2);border-radius:var(--gd-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);background-color:var(--gd-bg-soft);overflow:hidden}.guide figure img{width:100%;height:auto;display:block}.guide figcaption{padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 2.5);color:var(--text-color-secondary,var(--base-color-neutral-40));font-size:.85rem}.guide .intro{margin:calc(var(--spacing,.25rem) * 0);margin-bottom:calc(var(--spacing,.25rem) * 7);color:var(--text-color-secondary,var(--base-color-neutral-40));font-size:1.15rem}.guide .muted{color:var(--text-color-secondary,var(--base-color-neutral-40))}.guide-eyebrow{align-items:center;gap:calc(var(--spacing,.25rem) * 2);background-color:var(--gd-accent-soft);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-semibold,600);font-size:13px;font-weight:var(--font-weight-semibold,600);color:var(--color-brand,var(--base-color-blue-60));border-radius:3.40282e38px;margin-bottom:18px;display:inline-flex}.guide-dot{height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);background-color:var(--color-brand,var(--base-color-blue-60));border-radius:3.40282e38px}.guide-meta{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gd-border);margin-bottom:26px;padding-bottom:22px}.guide-meta__tile{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);background-color:var(--gd-bg-soft);border-radius:14px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;display:flex}.guide-meta__tile img,.guide-meta__tile svg{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);object-fit:contain}.guide-meta__tile img.guide-meta__appicon{object-fit:cover;border-radius:13px;width:100%;height:100%}.guide-meta__field{margin-bottom:calc(var(--spacing,.25rem) * 3.5)}.guide-meta__label{margin-bottom:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-bold,700);font-size:11px;font-weight:var(--font-weight-bold,700);--tw-tracking:.06em;letter-spacing:.06em;color:var(--text-color-secondary,var(--base-color-neutral-40));text-transform:uppercase}.guide-meta__badge{background-color:var(--gd-accent-soft);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-semibold,600);font-size:.82rem;font-weight:var(--font-weight-semibold,600);color:var(--color-brand,var(--base-color-blue-60));border-radius:3.40282e38px;text-decoration-line:none;display:inline-block}.guide-meta__badge:hover{--tw-brightness:brightness(.97);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);text-decoration-line:none}.guide-back{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gd-border);--tw-font-weight:var(--font-weight-semibold,600);width:100%;font-size:.9rem;font-weight:var(--font-weight-semibold,600);color:var(--text-color-link,var(--base-color-blue-40));margin-top:26px;padding-top:22px;text-decoration-line:none;display:inline-flex}.guide-back:hover{color:var(--text-color-link-hover,var(--base-color-blue-25))}.guide-callout{margin-bottom:calc(var(--spacing,.25rem) * 7);border-radius:var(--gd-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-warn-border);background-color:var(--gd-warn-bg);padding-inline:18px;padding-block:calc(var(--spacing,.25rem) * 3.5);font-size:.95rem}.guide-callout.is-info{border-color:var(--gd-border);background-color:var(--gd-accent-soft);font-size:.97rem}.guide-callout :last-child{margin-bottom:calc(var(--spacing,.25rem) * 0)}.guide-pill{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);padding-inline:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-semibold,600);font-size:11px;font-weight:var(--font-weight-semibold,600);color:var(--color-brand,var(--base-color-blue-60));border-radius:3.40282e38px;padding-block:1px}.guide-copy-btn{cursor:pointer;border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);background-color:var(--color-white,#fff);padding-inline:13px;padding-block:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-semibold,600);font-size:.8rem;font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--text-color-primary,var(--base-color-neutral-15));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));font:inherit}.guide-copy-btn:hover{border-color:var(--color-brand,var(--base-color-blue-60));color:var(--color-brand,var(--base-color-blue-60))}.guide-copy-btn.is-copied{color:#2f9e44;border-color:#2f9e44}.guide-cards,.guide-grid-2{margin-block:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 4);gap:calc(var(--spacing,.25rem) * 4);display:grid}.guide-cards{grid-template-columns:repeat(1,minmax(0,1fr))}.guide-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guide-card{border-radius:var(--gd-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);background-color:var(--gd-bg-soft);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:18px}.guide-card h3{margin-top:calc(var(--spacing,.25rem) * 0)}.guide-card ul{margin-bottom:calc(var(--spacing,.25rem) * 1.5)}.guide-card code{overflow-wrap:break-word}.guide-card .tag{--tw-font-weight:var(--font-weight-bold,700);font-size:11px;font-weight:var(--font-weight-bold,700);--tw-tracking:.05em;letter-spacing:.05em;color:var(--color-brand,var(--base-color-blue-60));text-transform:uppercase}.guide-card .label{margin-top:calc(var(--spacing,.25rem) * 2.5);--tw-font-weight:var(--font-weight-semibold,600);font-size:.85rem;font-weight:var(--font-weight-semibold,600);color:var(--text-color-secondary,var(--base-color-neutral-40))}.guide-card .aud{margin-bottom:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-semibold,600);font-size:.82rem;font-weight:var(--font-weight-semibold,600);color:var(--color-brand,var(--base-color-blue-60))}.guide-code-card{margin-block:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--gd-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);margin-bottom:22px;overflow:hidden}.guide-code-card pre{margin:calc(var(--spacing,.25rem) * 0);border-radius:0;max-height:460px}.guide-code-head{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gd-border);background-color:var(--gd-bg-soft);padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 2.5);display:flex}.guide-code-head__left{min-width:calc(var(--spacing,.25rem) * 0);align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.guide-code-head__label{--tw-font-weight:var(--font-weight-semibold,600);font-size:.85rem;font-weight:var(--font-weight-semibold,600);overflow-wrap:break-word;color:var(--text-color-primary,var(--base-color-neutral-15))}.guide-code-head .badge{background-color:var(--gd-accent-soft);padding-inline:9px;padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-semibold,600);font-size:11px;font-weight:var(--font-weight-semibold,600);color:var(--color-brand,var(--base-color-blue-60));border-radius:3.40282e38px}.guide-code-desc{margin:calc(var(--spacing,.25rem) * 0);padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-top:calc(var(--spacing,.25rem) * 2.5);color:var(--text-color-secondary,var(--base-color-neutral-40));font-size:.92rem}.guide-kv{margin-top:calc(var(--spacing,.25rem) * 2.5);column-gap:calc(var(--spacing,.25rem) * 3.5);row-gap:calc(var(--spacing,.25rem) * 1.5);grid-template-columns:auto 1fr;font-size:.9rem;display:grid}.guide-kv dt{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--text-color-secondary,var(--base-color-neutral-40))}.guide-kv dd{margin:calc(var(--spacing,.25rem) * 0)}.guide-mistake{margin-block:calc(var(--spacing,.25rem) * 3);border-left-style:var(--tw-border-style);border-left-width:3px;border-left-color:var(--color-brand,var(--base-color-blue-60));padding-block:calc(var(--spacing,.25rem) * 1);padding-right:calc(var(--spacing,.25rem) * 0);padding-left:calc(var(--spacing,.25rem) * 3.5)}.guide-mistake .x{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#d4503e}.guide-mistake .fix{color:var(--text-color-secondary,var(--base-color-neutral-40))}.guide-related{margin-block:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 4);gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.guide-related a{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gd-border);background-color:var(--gd-bg-soft);padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--text-color-primary,var(--base-color-neutral-15));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:10px;text-decoration-line:none;display:block}.guide-related a:hover{border-color:var(--color-brand,var(--base-color-blue-60));text-decoration-line:none}.guide-related .sub{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--text-color-secondary,var(--base-color-neutral-40));display:block}.guide-faq{margin-block:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 4)}.guide-faq details{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gd-border)}.guide-faq details[open] summary:after{content:"−"}.guide-faq summary{cursor:pointer;padding-block:calc(var(--spacing,.25rem) * 3.5);padding-right:calc(var(--spacing,.25rem) * 7);padding-left:calc(var(--spacing,.25rem) * 0);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--text-color-primary,var(--base-color-neutral-15));list-style-type:none;position:relative}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{top:calc(var(--spacing,.25rem) * 3);right:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-normal,400);font-size:1.2rem;font-weight:var(--font-weight-normal,400);color:var(--text-color-secondary,var(--base-color-neutral-40));content:"+";position:absolute}.guide-faq .answer{padding-bottom:calc(var(--spacing,.25rem) * 4);color:var(--text-color-primary,var(--base-color-neutral-15))}.guide-faq .answer :last-child{margin-bottom:calc(var(--spacing,.25rem) * 0)}.guide-footer{margin-top:calc(var(--spacing,.25rem) * 16);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gd-border);padding-top:calc(var(--spacing,.25rem) * 5);color:var(--text-color-secondary,var(--base-color-neutral-40));font-size:.85rem}@media(max-width:1023px){.guide-toc{display:none}.guide-layout{padding-inline:18px}.guide{padding-top:calc(var(--spacing,.25rem) * 7)}.guide h1{font-size:2rem}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}