:root{--olc-mode-color: var(--dark, #444444);--olc-mode-contrast: var(--light, #ffffff)}.olc{--olc-size: 1.75em;--olc-font-size: 0.875em;--olc-font-weight: 700;--olc-line: 2px;--olc-bg: transparent;--olc-color: var(--olc-mode-color);--olc-border-width: 0;--olc-border-color: transparent;--olc-radius: 0;--olc-gap: 0.75em;--olc-spacing: 0.75em;--olc-content: counter(olc);--olc-track: color-mix(in srgb, var(--olc-mode-color) 25%, transparent);--olc-lh: 1.5;--olc-indent: calc(var(--olc-size) + var(--olc-gap));--olc-badge-top: calc((var(--olc-lh) * 1em - var(--olc-size)) / 2);list-style:none;padding-left:0;margin-block:1em;counter-reset:olc var(--olc-start, 0)}.olc>li{counter-increment:olc;position:relative;padding-left:var(--olc-indent)}.olc>li+li{margin-top:var(--olc-spacing)}.olc>li::before{content:var(--olc-content);position:absolute;left:0;top:var(--olc-badge-top);display:flex;align-items:center;justify-content:center;width:var(--olc-size);height:var(--olc-size);font-size:var(--olc-font-size);font-weight:var(--olc-font-weight);line-height:1;color:var(--olc-color);background:var(--olc-bg);border:var(--olc-border-width) solid var(--olc-border-color);border-radius:var(--olc-radius)}.olc--primary{--olc-mode-color: var(--primary, #2563eb)}.olc--secondary{--olc-mode-color: var(--secondary, #64748b)}.olc--accent{--olc-mode-color: var(--accent, #d946ef)}.olc--light{--olc-mode-color: var(--light, #ffffff);--olc-mode-contrast: var(--dark, #444444)}.olc--circle{--olc-bg: var(--olc-mode-color);--olc-color: var(--olc-mode-contrast);--olc-radius: 50%}.olc--outline{--olc-border-width: var(--olc-line);--olc-border-color: var(--olc-mode-color);--olc-radius: 50%}.olc--square{--olc-bg: var(--olc-mode-color);--olc-color: var(--olc-mode-contrast);--olc-radius: 0.375em}.olc--editorial{--olc-size: 2.25em;--olc-font-size: 1.5em}.olc--index{--olc-size: auto;--olc-font-size: 2.5em;--olc-font-weight: 600;--olc-gap: 1em;--olc-spacing: 0;--olc-content: counter(olc, decimal-leading-zero);--olc-padding-block: 1.5em;--olc-divider: 1px solid color-mix(in srgb, var(--olc-mode-color) 15%, transparent);--olc-indent: calc(2ch * 2.5 + var(--olc-gap) + 0.2em);--olc-badge-top: var(--olc-padding-block)}.olc--index>li{padding-block:var(--olc-padding-block)}.olc--index>li+li{border-top:var(--olc-divider)}.olc--index>li::before{min-width:2ch;height:auto;justify-content:flex-start;line-height:.9}.olc--steps{--olc-bg: var(--olc-mode-color);--olc-color: var(--olc-mode-contrast);--olc-radius: 50%;--olc-badge-top: 0px}.olc--steps>li::after{content:"";position:absolute;top:calc(var(--olc-size) - 4px);bottom:calc(-1*var(--olc-spacing));left:calc(var(--olc-size)/2 - 3px);width:var(--olc-line);background:var(--olc-track)}.olc--steps>li:last-of-type::after{content:none}.olc--nested{--olc-content: counters(olc, ".");--olc-font-size: 1em;--olc-indent: 0px}.olc--nested ol{list-style:none;padding-left:1.5em;margin-top:var(--olc-spacing);counter-reset:olc}.olc--nested li{counter-increment:olc;margin-top:var(--olc-spacing)}.olc--nested li::before{content:counters(olc, ".");position:static;display:inline;width:auto;height:auto;margin-right:.5ch;background:none;border:0;font-weight:var(--olc-font-weight);color:var(--olc-color)}.olc--sm{--olc-size: 1.375em;--olc-font-size: 0.75em}.olc--lg{--olc-size: 2.25em;--olc-font-size: 1em}.olc--center{--olc-badge-top: calc(50% - var(--olc-size) / 2)}