.autocomplete-article,.autocomplete-article *{box-sizing:border-box}.autocomplete-article :is(.cp-embed,.json-block,.widget,.diagram,.callout){--panel:#fafafa;--panel2:#f4f4f5;--line:#e4e4e7;--fg:#18181b;--dim:#71717a;--accent:#14b8a6;--good:#15803d;--bad:#dc2626;--warn:#a16207;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:inherit}@media (min-width:1024px){.autocomplete-article .cp-embed,.autocomplete-article .diagram,.autocomplete-article .json-block,.autocomplete-article .widget{width:120%;margin-inline:-10%}}@media (max-width:1023px){.autocomplete-article{--embed-gutter:1rem}@media (min-width:640px){.autocomplete-article{--embed-gutter:2rem}}.autocomplete-article .callout,.autocomplete-article .cp-embed,.autocomplete-article .diagram,.autocomplete-article .json-block,.autocomplete-article .widget{width:calc(100% + 2 * var(--embed-gutter));margin-inline:calc(-1 * var(--embed-gutter));margin-block:0;border-radius:0}.autocomplete-article .cp-embed .rounded-b-lg,.autocomplete-article .cp-embed .rounded-lg{border-radius:0}@media (max-width:639px){.autocomplete-article .callout,.autocomplete-article .cp-embed,.autocomplete-article .cp-embed .rounded-b-lg,.autocomplete-article .cp-embed .rounded-lg,.autocomplete-article .diagram,.autocomplete-article .json-block,.autocomplete-article .widget{border-left:none;border-right:none}}}.callout{margin:1.75rem 0;padding:1rem 1.125rem 1.125rem;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:.625rem;color:#52525b;font-size:inherit;line-height:inherit}.callout-kicker{font:600 .6875rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:0 0 .375rem}.callout h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#18181b}.callout p{margin:.625rem 0}.callout p:last-child{margin-bottom:0}.callout code{font-size:.875em;font-weight:600;background:rgba(24,24,27,.06);border-radius:.25rem;padding:.0625rem .375rem}.json-block{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;overflow:hidden}.json-pre-req{padding:10px 14px;font:13px var(--mono);color:var(--accent);border-bottom:1px solid var(--line);white-space:nowrap}.json-code{padding:14px;overflow:auto;font:13px/1.5 var(--mono);color:var(--fg);margin:0}.json-line{white-space:pre;min-width:-moz-min-content;min-width:min-content}.json-indent-1{padding-left:2ch}.json-indent-2{padding-left:4ch}.json-code .j-key{color:#8250df}.json-code .j-str{color:#0a7d35}.json-code .j-punct{color:#57606a}.json-code .j-ellipsis{color:#8b949e;font-style:italic}.widget{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin:26px 0}.widget .cap{font:600 12px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.widget .desc{color:var(--dim);font-size:13px;line-height:1.5;margin:0 0 14px}.widget .row{display:flex;gap:16px;flex-wrap:wrap}.widget .row>div{flex:1;min-width:240px}.widget .q{width:100%;font:18px var(--mono);padding:12px 14px;color:var(--fg);background:var(--panel2);border:1px solid var(--line);border-radius:8px;outline:none}.widget .q:focus{border-color:var(--accent)}.widget .meta{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap;font-size:13px;color:var(--dim)}.widget button{background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:7px;padding:8px 14px;cursor:pointer;font:600 13px var(--sans)}.widget button:hover{border-color:var(--accent)}.widget button:disabled{opacity:.5;cursor:default}.widget .seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.widget .seg button{border:0;border-radius:0;border-right:1px solid var(--line)}.widget .seg button:last-child{border-right:0}.widget .seg button.on{background:#ccfbf1;color:#0f766e}.diagram .sliderwrap,.widget .sliderwrap{display:flex;align-items:center;gap:14px;margin:6px 0 2px}.diagram input[type=range],.widget input[type=range]{flex:1;accent-color:var(--accent)}.diagram input[type=range]:focus:not(:focus-visible),.widget input[type=range]:focus:not(:focus-visible){outline:none}.diagram .lat,.widget .lat{font:500 16px var(--mono);min-width:78px}.widget .big{font:700 38px/1 var(--mono);margin:6px 0 2px}.widget .big.good{color:var(--good)}.widget .big.bad{color:var(--bad)}.widget .big.warn{color:var(--warn)}.widget .legend{font-size:12px;color:var(--dim);margin-top:6px}.autocomplete-article canvas{aspect-ratio:300/170;height:auto}.autocomplete-article canvas,.widget .chart-svg svg{width:100%;display:block;border-radius:6px}.diagram{margin:26px 0;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.diagram svg{width:100%;height:auto;display:block}.diagram figcaption{color:var(--dim);font-size:.875rem;line-height:1.5;margin-top:12px;text-align:center}.diagram figcaption code{font-size:.875em;font-weight:600;background:rgba(24,24,27,.06);border-radius:.25rem;padding:.0625rem .375rem}.flow .arrow line,.flow .comp{transition:opacity .18s ease,stroke .18s ease}.flow .comp.dim{opacity:.12}.flow.active .arrow line{stroke:#0f172a}.flow.active .arrow.dim line{stroke:#d6dde5}.widget table{width:100%;border-collapse:collapse;font:13px var(--mono);margin:6px 0}#w3table{margin-top:24px}.widget td,.widget th{text-align:right;padding:6px 8px;border-bottom:1px solid var(--line)}.widget td:first-child,.widget th:first-child{text-align:left;color:var(--dim)}.widget td .dim{color:var(--dim);font-size:11px}.widget tr.bad td{color:var(--bad)}.cp-embed{margin-block:26px;color:#111827}.cp-embed a,.cp-embed a:hover{color:#111827;text-decoration:none}.cp-embed input:focus,.cp-embed input:focus-visible{outline:none;box-shadow:none}