.cd-eyebrow{font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.16em;font-weight:600}.cd-data{font-family:var(--cd-font-mono);font-variant-numeric:tabular-nums}.dgx{--dgx-inset:92px;--dgx-dur:2.6s;--dgx-req:#4b9fff;--dgx-res:#2ee6a6;--dgx-event:#22d3ee;--dgx-token:#c084fc;--dgx-code:#facc15;--dgx-redirect:#fb923c;--dgx-node-bg:color-mix(in srgb, var(--cd-accent) 12%, transparent);--dgx-node-border:color-mix(in srgb, var(--cd-accent) 40%, transparent);--dgx-node-fg:var(--cd-fg);--dgx-node-glow:0 0 0 transparent;--dgx-wire:color-mix(in srgb, var(--cd-fg-subtle) 45%, transparent);--dgx-font:var(--cd-font-mono);width:100%;position:relative}.dgx__stage{border-radius:var(--cd-radius-lg);height:172px;font-family:var(--dgx-font);position:relative;overflow:hidden}.dgx__node{border-radius:var(--cd-radius-md);letter-spacing:.01em;white-space:nowrap;--dgx-kind:var(--cd-accent);background:color-mix(in srgb, var(--dgx-kind) 20%, #0a0d17);color:#fff;border:1px solid color-mix(in srgb, var(--dgx-kind) 62%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--dgx-kind) 40%, transparent);z-index:2;padding:7px 13px;font-size:12.5px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.dgx__node--left{left:16px}.dgx__node--right{right:16px}.dgx__node--center{left:50%;transform:translate(-50%,-50%)}.dgx__node--client{--dgx-kind:#f472b6}.dgx__node--server{--dgx-kind:#22d3ee}.dgx__node--broker{--dgx-kind:#60a5fa}.dgx__node--peer{--dgx-kind:#34d399}.dgx__node--url{--dgx-kind:#fbbf24}.dgx__node--idp{--dgx-kind:#c084fc}.dgx__wire{left:var(--dgx-inset);right:var(--dgx-inset);background:var(--dgx-wire);z-index:1;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.dgx__wire--curved{border-top:2px solid var(--dgx-wire);background:0 0;border-radius:50% 50% 0 0/100% 100% 0 0;height:40px;top:calc(50% - 20px);transform:none}.dgx__wire--flow{background:linear-gradient(90deg, transparent, var(--cd-accent), transparent);background-size:40% 100%;animation:2.4s linear infinite dgx-flowline}.dgx__packet{left:var(--dgx-inset);right:var(--dgx-inset);z-index:3;height:0;position:absolute;top:50%}.dgx__packet-dot{background:var(--dgx-req);width:9px;height:9px;animation:dgx-travel-r var(--dgx-dur) cubic-bezier(.45, 0, .55, 1) infinite;animation-delay:var(--dgx-delay,0s);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;top:0}.dgx__packet-dot--response{background:var(--dgx-res)}.dgx__packet-dot--event{background:var(--dgx-event)}.dgx__packet-dot--token{background:var(--dgx-token)}.dgx__packet-dot--code{background:var(--dgx-code)}.dgx__packet-dot--redirect{background:var(--dgx-redirect)}.dgx__packet-dot--rtl{animation-name:dgx-travel-l}.dgx__packet-caption{letter-spacing:.03em;opacity:.8;white-space:nowrap;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.dgx__packet-caption--above{top:-30px}.dgx__packet-caption--below{top:20px}.dgx__fan{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.dgx__branch{border-radius:var(--cd-radius-md);background:color-mix(in srgb, var(--dgx-res) 14%, transparent);border:1px solid color-mix(in srgb, var(--dgx-res) 40%, transparent);color:var(--dgx-node-fg);padding:6px 11px;font-size:12px;font-weight:600}.dgx__chip{font-family:var(--cd-font-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--cd-fg-muted);background:var(--cd-bg-soft);border:1px solid var(--cd-border);border-radius:999px;padding:2px 8px;font-size:10.5px;display:inline-block}.dgx__card{border:1px solid var(--cd-border);border-radius:var(--cd-radius-lg);background:var(--cd-bg-elev);flex-direction:column;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.dgx__card:hover{border-color:color-mix(in srgb, var(--cd-accent) 45%, var(--cd-border));box-shadow:0 10px 28px #00000052}}.dgx__card-head{padding:15px 16px 9px}.dgx__card-body{padding:16px 18px 18px}.dgx__card-title{letter-spacing:-.005em;color:var(--cd-fg);font-size:20px;font-weight:700;font-family:var(--cd-font-mono);margin:0;line-height:1.18}.dgx__card-oneliner{color:var(--cd-fg-muted);margin:0 0 10px;font-size:12.5px;line-height:1.5}.dgx__card-chips{flex-wrap:wrap;gap:6px;display:flex}.dgx--hero{--dgx-inset:138px}.dgx--hero .dgx__stage{height:300px}.dgx--hero .dgx__node{padding:10px 18px;font-size:15px}.dgx--hero .dgx__packet-dot{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}.dgx--hero .dgx__packet-caption{font-size:13px}.dgx--hero .dgx__packet-caption--above{top:-44px}.dgx--hero .dgx__packet-caption--below{top:32px}.dgx--hero .dgx__branch{padding:8px 15px;font-size:13px}.dgx--hero .dgx__fan{gap:16px}.dgx--three .dgx__node--center{top:26%}.dgx--three .dgx__stage{height:196px}.dgx--aurora .dgx__stage{background:radial-gradient(120% 120% at 50% 0%, var(--cd-bg-soft) 0%, var(--cd-bg) 72%)}.dgx--aurora{--dgx-font:var(--cd-font-sans)}.dgx--aurora .dgx__wire{background:linear-gradient(90deg, var(--cd-accent), var(--cd-accent-2), var(--dgx-res));opacity:.6;background-size:200% 100%;border-radius:3px;height:3px;animation:3s linear infinite dgx-shimmer}.dgx--aurora .dgx__node{backdrop-filter:blur(4px)}.dgx--aurora .dgx__packet-dot{box-shadow:0 0 16px 4px color-mix(in srgb, var(--cd-accent) 70%, transparent)}.dgx--aurora .dgx__packet-dot--response{box-shadow:0 0 16px 4px color-mix(in srgb, var(--dgx-res) 70%, transparent)}.dgx--aurora .dgx__packet-dot--event{box-shadow:0 0 16px 4px color-mix(in srgb, var(--cd-accent-2) 70%, transparent)}.dgx--aurora .dgx__packet-dot--token{box-shadow:0 0 16px 4px color-mix(in srgb, var(--dgx-token) 70%, transparent)}.dgx--aurora .dgx__packet-dot--code{box-shadow:0 0 16px 4px color-mix(in srgb, var(--dgx-code) 70%, transparent)}.dgx--aurora .dgx__packet-dot--redirect{box-shadow:0 0 16px 4px color-mix(in srgb, var(--dgx-redirect) 70%, transparent)}.dgx--signal .dgx__stage{background:#080b14}.dgx--signal{--dgx-font:var(--cd-font-mono);--dgx-dur:2.4s}.dgx--signal .dgx__node{--dgx-node-glow:0 0 16px color-mix(in srgb, var(--cd-accent) 30%, transparent)}.dgx--signal .dgx__wire{background:linear-gradient(90deg, color-mix(in srgb, var(--cd-accent) 22%, transparent), color-mix(in srgb, var(--dgx-event) 22%, transparent))}.dgx--signal .dgx__packet-dot{box-shadow:0 0 12px 2px var(--dgx-req)}.dgx--signal .dgx__packet-dot--response{box-shadow:0 0 12px 2px var(--dgx-res)}.dgx--signal .dgx__packet-dot--event{box-shadow:0 0 12px 2px var(--dgx-event)}.dgx--signal .dgx__packet-dot--token{box-shadow:0 0 12px 2px var(--dgx-token)}.dgx--signal .dgx__packet-dot--code{box-shadow:0 0 12px 2px var(--dgx-code)}.dgx--signal .dgx__packet-dot--redirect{box-shadow:0 0 12px 2px var(--dgx-redirect)}.dgx--blueprint .dgx__stage{background-color:#0b1220;background-image:linear-gradient(color-mix(in srgb, var(--cd-accent) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cd-accent) 8%, transparent) 1px, transparent 1px);background-size:22px 22px}.dgx--blueprint{--dgx-font:var(--cd-font-mono)}.dgx--blueprint .dgx__node{border-radius:var(--cd-radius-sm);background:0 0;border-style:dashed}.dgx--blueprint .dgx__wire{border-top:1.6px dashed var(--cd-accent);background:0 0;height:0;animation:1.1s linear infinite dgx-dash}.dgx--blueprint .dgx__packet-dot{box-shadow:none;border-radius:1px}@keyframes dgx-travel-r{0%{opacity:0;left:0%}8%{opacity:1}92%{opacity:1}to{opacity:0;left:100%}}@keyframes dgx-travel-l{0%{opacity:0;left:100%}8%{opacity:1}92%{opacity:1}to{opacity:0;left:0%}}@keyframes dgx-shimmer{to{background-position:200% 0}}@keyframes dgx-flowline{to{background-position:200% 0}}@keyframes dgx-dash{to{background-position:22px 0}}@media (prefers-reduced-motion:reduce){.dgx__wire,.dgx__wire--flow,.dgx--aurora .dgx__wire,.dgx--blueprint .dgx__wire{animation:none!important}.dgx__packet-dot{opacity:1!important;animation:none!important;left:46%!important}.dgx__packet-dot--rtl{left:54%!important}}.dgx-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.dgx-cardbtn{text-align:left;cursor:pointer;border-radius:var(--cd-radius-lg);width:100%;font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.dgx-cardbtn:focus-visible{outline:2px solid var(--cd-accent);outline-offset:3px}.dgx-modal-backdrop{z-index:80;backdrop-filter:blur(3px);background:#05070fb8;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out dgx-fade;display:flex;position:fixed;inset:0}.dgx-modal{background:var(--cd-bg-elev);border:1px solid var(--cd-border);border-radius:var(--cd-radius-lg);width:100%;max-width:580px;max-height:88vh;padding:24px 26px 28px;animation:.18s cubic-bezier(.22,.61,.36,1) dgx-pop;overflow-y:auto;box-shadow:0 24px 60px #00000080}.dgx-modal__eyebrow{font-family:var(--cd-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cd-accent);font-size:11px}.dgx-modal__title{font-size:22px;font-weight:700;font-family:var(--cd-font-mono);color:var(--cd-fg);margin:6px 0}.dgx-modal__oneliner{color:var(--cd-fg-muted);margin:0 0 16px;font-size:13.5px}.dgx-modal__close{z-index:2;background:var(--cd-bg-soft);border:1px solid var(--cd-border);width:30px;height:30px;color:var(--cd-fg-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:inline-flex;position:absolute;top:14px;right:14px}.dgx-modal__close:hover{color:var(--cd-fg);border-color:var(--cd-accent)}.dgx-modal__hero{border-radius:var(--cd-radius-md);border:1px solid var(--cd-border);margin:-4px -10px 18px;overflow:hidden}.dgx-modal__hero .dgx{width:100%}.dgx-modal__section{margin-top:18px}.dgx-modal__h{text-transform:uppercase;letter-spacing:.08em;color:var(--cd-fg-subtle);font-size:12px;font-weight:700;font-family:var(--cd-font-mono);margin:0 0 8px}.dgx-modal__section p{color:var(--cd-fg-muted);margin:0;font-size:13.5px;line-height:1.6}.dgx-modal__list{color:var(--cd-fg-muted);margin:0;padding-left:18px;font-size:13.5px;line-height:1.7}.dgx-modal__code{background:var(--cd-bg);border:1px solid var(--cd-border);border-radius:var(--cd-radius-md);font-family:var(--cd-font-mono);white-space:pre-wrap;color:var(--cd-fg);margin:0;padding:12px 14px;font-size:12.5px;display:block;overflow-x:auto}.dgx-modal__tools{flex-wrap:wrap;gap:8px;display:flex}.dgx-modal__tool{font-family:var(--cd-font-mono);color:var(--cd-accent);border:1px solid color-mix(in srgb, var(--cd-accent) 40%, transparent);border-radius:999px;padding:3px 10px;font-size:12px;text-decoration:none}.dgx-modal__tool:hover{background:color-mix(in srgb, var(--cd-accent) 12%, transparent)}@keyframes dgx-fade{0%{opacity:0}}@keyframes dgx-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dgx-modal--closing{animation:.14s cubic-bezier(.23,1,.32,1) forwards dgx-pop-out}.dgx-modal-backdrop--closing{animation:.14s ease-out forwards dgx-backdrop-out}@keyframes dgx-pop-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes dgx-backdrop-out{to{opacity:0}}.dgx-matrix-wrap{border:1px solid var(--cd-border);border-radius:var(--cd-radius-lg);overflow-x:auto}.dgx-matrix{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.dgx-matrix th,.dgx-matrix td{text-align:left;border-bottom:1px solid var(--cd-border);white-space:nowrap;padding:11px 16px}.dgx-matrix td{line-height:1.5}.dgx-matrix thead th{background:var(--cd-bg-soft);font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--cd-fg-subtle);font-size:11px}.dgx-matrix tbody tr:last-child td{border-bottom:0}.dgx-matrix tbody tr:hover{background:var(--cd-bg-soft)}.dgx-matrix__sort{color:inherit;font:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.dgx-matrix__sort:focus-visible{outline:2px solid var(--cd-accent);outline-offset:2px}.dgx-matrix__name{font-family:var(--cd-font-mono);font-weight:700}.dgx-matrix__name a{color:var(--cd-accent);text-decoration:none}.dgx-matrix__name a:hover{text-decoration:underline}.dgx-matrix td:not(.dgx-matrix__name){font-family:var(--cd-font-mono);color:var(--cd-fg-muted);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.dgx-modal-backdrop,.dgx-modal{animation:none!important}.dg-option:active{transform:none!important}.dgx__card:hover{box-shadow:none!important}}.cs-bar{z-index:30;background:color-mix(in srgb, var(--cd-bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--cd-border);border-radius:var(--cd-radius-md);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:8px 10px;display:flex;position:sticky;top:3.5rem}.cs-bar__title{white-space:nowrap;align-items:baseline;gap:.4rem;min-width:0;display:flex;overflow:hidden}.cs-bar__name{font-family:var(--cd-font-hero);letter-spacing:-.01em;color:var(--cd-fg);font-size:.95rem;font-weight:600}.cs-bar__accent{font-family:var(--cd-font-hero);background:linear-gradient(92deg, var(--cd-accent), var(--cd-accent-2));color:#0000;background-clip:text;font-size:.95rem;font-weight:500}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.cs-bar__title{opacity:0;animation:.24s cubic-bezier(.23,1,.32,1) both cs-bar-title-in scroll();animation-range:300px 520px;translate:0 6px}}}@keyframes cs-bar-title-in{to{opacity:1;translate:0}}@media (width<=639.98px){.cs-bar__title{display:none}}.cs-search{width:210px;font-family:var(--cd-font-mono);color:var(--cd-fg);background:var(--cd-bg-soft);border:1px solid var(--cd-border);border-radius:var(--cd-radius-md);outline:none;flex:0 210px;margin-left:auto;padding:7px 11px;font-size:12.5px;transition:border-color .15s,box-shadow .15s,flex-basis .2s,width .2s}.cs-search:focus-visible{border-color:var(--cd-accent);width:320px;box-shadow:0 0 0 3px color-mix(in srgb, var(--cd-accent) 25%, transparent);flex-basis:320px}@media (width<=639.98px){.cs-search{flex:auto;width:auto}}.cs-count{font-family:var(--cd-font-mono);color:var(--cd-fg-subtle);white-space:nowrap;font-size:12px}.cs-scroll{border:1px solid var(--cd-border);border-radius:var(--cd-radius-lg);overflow-x:auto}.cs-table{border-collapse:collapse;width:100%;font-size:13.5px}.cs-table thead th{z-index:1;background:var(--cd-bg-soft);border-bottom:1px solid var(--cd-border);text-align:left;padding:0;position:sticky;top:0}.cs-th--center{text-align:center}.cs-th--right{text-align:right}.cs-sort{box-sizing:border-box;width:100%;font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--cd-fg-subtle);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:10px 14px;font-size:11px;font-weight:600;transition:color .15s,background .15s;display:flex}.cs-th--center .cs-sort{justify-content:center}.cs-th--right .cs-sort{justify-content:flex-end}.cs-sort:hover{color:var(--cd-fg);background:color-mix(in srgb, var(--cd-accent) 8%, transparent)}.cs-sort:focus-visible{outline:2px solid var(--cd-accent);outline-offset:-2px}.cs-sort span{opacity:.7;font-size:10px}.cs-group-row th{background:color-mix(in srgb, var(--cd-accent) 6%, transparent);border-top:1px solid var(--cd-border);border-bottom:1px solid var(--cd-border);font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cd-accent-2);text-align:left;padding:10px 16px;font-size:11px;font-weight:700}.cs-row{transition:background .12s}.cs-row:hover{background:color-mix(in srgb, var(--cd-accent) 12%, transparent)}.cs-cell{border-bottom:1px solid color-mix(in srgb, var(--cd-border) 60%, transparent);color:var(--cd-fg);vertical-align:top;padding:9px 14px;line-height:1.5}.cs-cell--center{text-align:center}.cs-cell--right{text-align:right}.cs-cell--mono{font-family:var(--cd-font-mono);font-variant-numeric:tabular-nums}.cs-empty{text-align:center;color:var(--cd-fg-subtle);padding:28px 14px;font-size:13px}@media print{.cs-bar{display:none}.cs-scroll{border:0}.cs-row:hover{background:0 0}}.dgx-cats{flex-wrap:wrap;gap:8px;margin:20px 0 28px;display:flex}.dgx-cats__chip{font-family:var(--cd-font-mono);letter-spacing:.02em;color:var(--cd-fg-muted);border:1px solid var(--cd-border);background:var(--cd-bg-soft);border-radius:999px;padding:5px 11px;font-size:12px;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.dgx-cats__chip:hover{color:var(--cd-fg);border-color:color-mix(in srgb, var(--cd-accent) 45%, var(--cd-border));background:color-mix(in srgb, var(--cd-accent) 8%, var(--cd-bg-soft))}.dgx-cats__chip:focus-visible{outline:2px solid var(--cd-accent);outline-offset:2px}.dgx-section{margin-top:36px;scroll-margin-top:84px}.dgx-section__title{font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cd-fg);align-items:baseline;gap:10px;margin:0 0 16px;font-size:13px;font-weight:700;display:flex}.dgx-section__title:after{content:"";background:var(--cd-border);flex:1;height:1px;transform:translateY(-3px)}.dgx-section__count{font-variant-numeric:tabular-nums;color:var(--cd-fg-subtle);font-size:11px}.dgx__card-kind{font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid color-mix(in srgb, var(--cd-fg-subtle) 35%, transparent);color:var(--cd-fg-subtle);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.dgx__card-kind--animated{color:var(--cd-accent);border-color:color-mix(in srgb, var(--cd-accent) 45%, transparent)}.dgx__card-kind--cheatsheet{color:var(--cd-accent-2);border-color:color-mix(in srgb, var(--cd-accent-2) 45%, transparent)}.dgx__card-kind--guide{color:var(--cd-fg-muted);border-color:color-mix(in srgb, var(--cd-fg-muted) 40%, transparent)}.dgx__card-kind--byok{color:var(--cd-accent);border-color:color-mix(in srgb, var(--cd-accent) 45%, transparent)}a.dgx__card:focus-visible{outline:2px solid var(--cd-accent);outline-offset:3px}@supports (animation-timeline:view()){.dgx__card{animation:.42s cubic-bezier(.23,1,.32,1) both dgx-reveal view();animation-range:entry entry 45%}.dgx-section__title{animation:.36s cubic-bezier(.23,1,.32,1) both dgx-reveal view();animation-range:entry entry 40%}}@keyframes dgx-reveal{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){@supports (animation-timeline:view()){.dgx__card,.dgx-section__title{animation:none!important}}}.cs-wrap{max-width:62rem}.cs-table{table-layout:fixed}.cs-table--c2 th:first-child,.cs-table--c2 td:first-child{width:28%}.cs-table--c3 th:first-child,.cs-table--c3 td:first-child{width:22%}.cs-table--c3 th:last-child,.cs-table--c3 td:last-child{width:40%}.cs-table--c4 th:first-child,.cs-table--c4 td:first-child{width:16%}.cs-table--c4 th:last-child,.cs-table--c4 td:last-child{width:34%}.cs-table--c5 th:first-child,.cs-table--c5 td:first-child{width:14%}.cs-table--c5 th:last-child,.cs-table--c5 td:last-child{width:28%}.cs-cell--mono{overflow-wrap:break-word}.cs-row--more{cursor:pointer}.cs-row--more:hover{background:color-mix(in srgb, var(--cd-accent) 13%, transparent)}.cs-row--more .cs-cell:first-child{transition:color .18s var(--cd-ease)}.cs-row--more:hover .cs-cell:first-child{color:var(--cd-accent-2)}.cs-cell__open{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5em;padding:0;display:inline-flex}.cs-cell__open:focus-visible{outline:2px solid var(--cd-accent);outline-offset:2px;border-radius:var(--cd-radius-sm)}.cs-cell__go{text-align:center;width:1.3em;font-family:var(--cd-font-mono);color:var(--cd-fg-subtle);opacity:.6;transition:color .18s var(--cd-ease), opacity .18s var(--cd-ease), transform .18s var(--cd-ease);flex:none;font-size:1.02em;line-height:1;transform:translate(0)}.cs-row--more:hover .cs-cell__go,.cs-cell__open:focus-visible .cs-cell__go{color:var(--cd-accent-2);opacity:1;transform:scale(1.12)}.cs-detail{border:1px solid color-mix(in srgb, var(--cd-accent) 18%, var(--cd-border));border-radius:var(--cd-radius-lg);background:var(--cd-bg-elev);width:min(42rem,100vw - 2rem);max-height:min(80vh,44rem);color:var(--cd-fg);overscroll-behavior:contain;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--cd-fg) 4%, transparent), 0 24px 64px #06060e80;opacity:0;transition:opacity .19s cubic-bezier(.23, 1, .32, 1), transform .19s cubic-bezier(.23, 1, .32, 1), overlay .19s allow-discrete, display .19s allow-discrete;margin:auto;padding:0;overflow:auto;transform:translateY(10px)scale(.985)}.cs-detail[open]{opacity:1;transform:none}@starting-style{.cs-detail[open]{opacity:0;transform:translateY(10px)scale(.985)}}.cs-detail::backdrop{-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .19s ease, overlay .19s allow-discrete, display .19s allow-discrete;background:#08081094}.cs-detail[open]::backdrop{opacity:1}@starting-style{.cs-detail[open]::backdrop{opacity:0}}.cs-detail--page{opacity:1;max-height:none;margin:0;transition:none;transform:none}:root:not(.dark) .cs-detail{box-shadow:inset 0 1px #fff9,0 24px 64px #14142c38}:root:not(.dark) .cs-detail::backdrop{-webkit-backdrop-filter:blur(6px)saturate(1.05);background:#1c1e3457}.cs-detail__panel{padding:1.6rem 1.75rem 1.75rem}.cs-detail__head{padding-right:2.5rem;position:relative}.cs-detail__kicker{font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--cd-accent-2);font-size:.68rem;font-weight:600}.cs-detail__title{font-family:var(--cd-font-mono);letter-spacing:-.01em;color:var(--cd-fg);text-wrap:balance;margin-top:.4rem;font-size:1.55rem;font-weight:700}.cs-detail__close{width:2rem;height:2rem;color:var(--cd-fg-muted);background:var(--cd-bg-soft);border:1px solid var(--cd-border);border-radius:var(--cd-radius-sm);cursor:pointer;place-items:center;font-size:.85rem;transition:color .15s,border-color .15s;display:grid;position:absolute;top:0;right:0}.cs-detail__close:hover{color:var(--cd-fg);border-color:var(--cd-accent)}.cs-detail__close:focus-visible{outline:2px solid var(--cd-accent);outline-offset:2px}.cs-detail__cols{border-top:1px solid color-mix(in srgb, var(--cd-border) 70%, transparent);gap:.75rem 1.25rem;margin-top:1rem;padding-top:1rem;display:grid}@media (width>=640px){.cs-detail__cols{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}.cs-detail__label{font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cd-fg-subtle);font-size:.66rem;font-weight:600}.cs-detail__value{color:var(--cd-fg);margin-top:.3rem;font-size:.92rem;line-height:1.55}.cs-detail__value--mono{font-family:var(--cd-font-mono);font-size:.85rem}.cs-detail__block{margin-top:1.15rem}.cs-detail__example{align-items:flex-start;gap:.5rem;margin-top:.45rem;display:flex}.cs-detail__example .cs-detail__code{flex:1}.cs-detail__code{font-family:var(--cd-font-mono);color:var(--cd-fg);background:var(--cd-bg-soft);border:1px solid color-mix(in srgb, var(--cd-border) 70%, transparent);border-radius:var(--cd-radius-md);white-space:pre;margin:.35rem 0 0;padding:.65rem .85rem;font-size:.8rem;line-height:1.55;overflow-x:auto}.cs-detail__notes{color:var(--cd-fg-muted);margin-top:1.15rem;font-size:.92rem;line-height:1.6}.cs-detail__link{font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--cd-accent-2);border:1px solid color-mix(in srgb, var(--cd-accent) 45%, transparent);border-radius:var(--cd-radius-sm);margin-top:1.25rem;padding:.4rem .75rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-block}.cs-detail__link:hover{color:var(--cd-accent-fg);background:var(--cd-accent);border-color:var(--cd-accent)}.cs-detail__link:focus-visible{outline:2px solid var(--cd-accent-2);outline-offset:2px}@media print{.cs-detail,.cs-cell__go{display:none!important}.cs-row--more{cursor:default}}.cs-detail__coderow{align-items:stretch;gap:.5rem;margin-top:.45rem;display:flex}.cs-detail__coderow>button{flex:none;align-self:stretch;align-items:center;display:inline-flex}.cs-detail__codehost{min-width:0;font-family:var(--cd-font-mono);background:var(--cd-bg-soft);border:1px solid color-mix(in srgb, var(--cd-border) 70%, transparent);border-radius:var(--cd-radius-md);white-space:pre;flex:1;padding:.65rem .85rem;font-size:.8rem;line-height:1.55;overflow-x:auto}.cs-detail__codehost--plain{color:var(--cd-fg);margin:0}.cs-detail__codehost pre.shiki,.cs-detail__codehost pre{white-space:pre;background:0 0!important;margin:0!important;padding:0!important}.cs-detail__codehost code{font:inherit}:root:not(.dark) .cs-detail__codehost:not(.cs-detail__codehost--plain){background:#14141f;border-color:#262638}.cs-detail__actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.cs-detail__share{font-family:var(--cd-font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600}