.complex-example[data-v-afa71ee3]{gap:1.15rem;min-inline-size:0;margin-block-start:1.5rem;display:grid;container-type:inline-size}.complex-example__simple[data-v-afa71ee3]{border:1px solid var(--site-line);background:var(--site-fog);min-inline-size:55%;color:var(--site-ink);border-radius:.65rem;justify-self:start;gap:.3rem;padding:.75rem 1rem;display:grid}.complex-example__calendar figcaption>p[data-v-afa71ee3],.complex-example__simple>span[data-v-afa71ee3]{font-family:var(--site-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:750}.complex-example__simple strong[data-v-afa71ee3]{font-size:.9rem}.complex-example__calendar[data-v-afa71ee3]{min-inline-size:0}.complex-example__calendar figcaption>p[data-v-afa71ee3]{color:var(--site-green-soft)}.complex-example__calendar figcaption>div[data-v-afa71ee3]{justify-content:space-between;align-items:center;gap:.5rem;margin-block:.5rem .85rem;display:flex}.complex-example__calendar figcaption strong[data-v-afa71ee3]{font-size:clamp(.95rem,.6rem + .55vw,1.15rem)}.complex-example table[data-v-afa71ee3]{border-collapse:collapse;table-layout:fixed;inline-size:100%;font-size:.72rem}.complex-example td[data-v-afa71ee3],.complex-example th[data-v-afa71ee3]{border:1px solid color-mix(in srgb,var(--site-white) 18%,var(--site-ink));text-align:center;padding:.5rem .2rem}.complex-example th[data-v-afa71ee3]:first-child{text-align:start;inline-size:32%;padding-inline:.45rem}.complex-example thead th[data-v-afa71ee3]{font-family:var(--site-mono);font-size:.61rem;font-weight:700}.complex-example tbody th>span[data-v-afa71ee3],.complex-example tbody th>strong[data-v-afa71ee3]{display:block}.complex-example tbody th>span[data-v-afa71ee3]{color:var(--site-green-soft);margin-block-end:.12rem;font-size:.59rem;font-weight:500}.complex-example td[data-v-afa71ee3]{color:var(--site-green-soft);font-family:var(--site-mono);font-size:1rem}.complex-example .is-busy[data-v-afa71ee3]{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,color-mix(in srgb,var(--site-white) 6%,transparent) 4px,color-mix(in srgb,var(--site-white) 6%,transparent) 8px);color:var(--site-white)}.complex-example .is-shared[data-v-afa71ee3]{border-block-color:var(--site-window);background:var(--site-window);color:var(--site-ink)}.complex-example__result[data-v-afa71ee3]{border:1px solid var(--site-window);background:var(--site-window);color:var(--site-ink);border-radius:.6rem;align-items:center;gap:.5rem;margin-block-start:.65rem;padding:.7rem;display:flex}.complex-example__result strong[data-v-afa71ee3]{font-family:var(--site-mono);font-size:1rem}.complex-example__result span[data-v-afa71ee3]{font-size:.7rem;font-weight:750}.complex-example__caption[data-v-afa71ee3]{color:var(--site-green-soft);margin-block-start:.6rem;font-size:.68rem;line-height:1.5}.complex-example__scroll[data-v-afa71ee3]{overscroll-behavior-inline:contain;scrollbar-color:var(--site-window) var(--site-ink);border-radius:.2rem;position:relative;overflow-x:auto}.complex-example__scroll[data-v-afa71ee3]:focus-visible{outline:2px solid var(--site-window);outline-offset:3px}@container (width<34rem){.complex-example table[data-v-afa71ee3]{min-inline-size:17.25rem;font-size:.8rem}.complex-example tbody th>span[data-v-afa71ee3],.complex-example thead th[data-v-afa71ee3],.complex-example__calendar figcaption>p[data-v-afa71ee3],.complex-example__simple>span[data-v-afa71ee3]{font-size:.7rem}.complex-example__result[data-v-afa71ee3]{flex-wrap:wrap;align-items:baseline}.complex-example__caption[data-v-afa71ee3],.complex-example__result span[data-v-afa71ee3]{font-size:.8rem}}@media (forced-colors:active){.complex-example td[data-v-afa71ee3],.complex-example th[data-v-afa71ee3],.complex-example__result[data-v-afa71ee3],.complex-example__simple[data-v-afa71ee3]{color:canvastext;background:canvas;border:1px solid canvastext}}