@layer components{.vxl-callout{display:flex;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-2);border-width:1px;border-style:solid;margin-block:var(--s-5)}.vxl-callout__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px;display:flex;align-items:flex-start}.vxl-callout__body{flex:1;min-width:0}.vxl-callout__title{font-size:.875rem;font-weight:600;margin:0 0 var(--s-2)!important;line-height:1.4}.vxl-callout__body>:last-child{margin-bottom:0!important}.vxl-callout[data-type=note]{background:#3da9ff0f;border-color:#3da9ff4d;color:var(--fg-2)}.vxl-callout[data-type=note] .vxl-callout__icon,.vxl-callout[data-type=note] .vxl-callout__title{color:var(--sky)}.vxl-callout[data-type=tip]{background:#84e63c0f;border-color:#84e63c4d;color:var(--fg-2)}.vxl-callout[data-type=tip] .vxl-callout__icon,.vxl-callout[data-type=tip] .vxl-callout__title{color:var(--grass)}.vxl-callout[data-type=warning]{background:#ffc42e0f;border-color:#ffc42e4d;color:var(--fg-2)}.vxl-callout[data-type=warning] .vxl-callout__icon,.vxl-callout[data-type=warning] .vxl-callout__title{color:var(--gold)}.vxl-callout[data-type=danger]{background:#ff4d520f;border-color:#ff4d524d;color:var(--fg-2)}.vxl-callout[data-type=danger] .vxl-callout__icon,.vxl-callout[data-type=danger] .vxl-callout__title{color:var(--lava)}}.vxl-diagram figcaption{text-align:center;font:var(--t-small);color:var(--fg-3);margin-top:var(--s-3);font-style:italic}.vxl-flow{margin:var(--s-6) 0}.vxl-flow__track{display:flex;align-items:stretch;gap:0;padding:var(--s-5);background:var(--ink-800);border-radius:var(--r-3);border:1px solid rgba(255,255,255,.06);flex-wrap:wrap;justify-content:center}.vxl-flow__step{flex:1;min-width:130px;max-width:200px;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);background:var(--ink-700);border-radius:var(--r-2);border:1px solid rgba(255,255,255,.07)}.vxl-flow__num{width:22px;height:22px;border-radius:50%;background:var(--grass);color:#fff;font-weight:700;font-size:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxl-flow__step--sky .vxl-flow__num{background:var(--sky)}.vxl-flow__step--gold .vxl-flow__num{background:var(--gold)}.vxl-flow__step--berry .vxl-flow__num{background:var(--berry)}.vxl-flow__step--lava .vxl-flow__num{background:var(--lava)}.vxl-flow__step--ice .vxl-flow__num{background:var(--ice)}.vxl-flow__title{font:var(--t-body);font-weight:600;color:var(--fg-1);line-height:1.3}.vxl-flow__detail{font:var(--t-small);color:var(--fg-3);line-height:1.5}.vxl-flow__arrow{flex-shrink:0;align-self:center;color:var(--fg-4);font-size:1.1rem;padding:0 var(--s-2);line-height:1}.vxl-flow__arrow:after{content:"→"}@media(max-width:600px){.vxl-flow__track{flex-direction:column;align-items:stretch}.vxl-flow__step{max-width:100%}.vxl-flow__arrow{text-align:center;padding:0}.vxl-flow__arrow:after{content:"↓"}}.vxl-timeline{margin:var(--s-6) 0}.vxl-timeline__scroll{overflow-x:auto;padding-bottom:var(--s-2)}.vxl-timeline__inner{position:relative;padding:var(--s-5) var(--s-4);background:var(--ink-800);border-radius:var(--r-3);border:1px solid rgba(255,255,255,.06);min-width:480px}.vxl-timeline__line{position:absolute;top:calc(var(--s-5) + 10px);left:var(--s-6);right:var(--s-6);height:2px;background:#ffffff14;border-radius:1px}.vxl-timeline__line-fill{height:100%;border-radius:1px;background:linear-gradient(to right,var(--grass),var(--sky))}.vxl-timeline__events{display:flex;justify-content:space-between;position:relative;z-index:1}.vxl-timeline__event{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);flex:1;padding:0 var(--s-2)}.vxl-timeline__dot{width:20px;height:20px;border-radius:50%;background:var(--grass);border:3px solid var(--ink-800);box-shadow:0 0 0 1px #ffffff26;flex-shrink:0}.vxl-timeline__event:last-child .vxl-timeline__dot{background:var(--sky)}.vxl-timeline__date{font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:700;color:var(--fg-3);letter-spacing:.03em}.vxl-timeline__title{font:var(--t-small);font-weight:600;color:var(--fg-1);text-align:center;line-height:1.3}.vxl-timeline__detail{font-size:.7rem;color:var(--fg-3);text-align:center;line-height:1.5}.vxl-compare{margin:var(--s-6) 0}.vxl-compare__grid{display:grid;grid-template-columns:1fr 40px 1fr;gap:var(--s-3);align-items:start;padding:var(--s-5);background:var(--ink-800);border-radius:var(--r-3);border:1px solid rgba(255,255,255,.06)}.vxl-compare__track{display:flex;flex-direction:column;border-radius:var(--r-2);overflow:hidden;border:1px solid rgba(255,255,255,.07)}.vxl-compare__heading{padding:var(--s-3) var(--s-4);font:var(--t-body);font-weight:700;color:var(--fg-1);text-align:center;background:var(--ink-600)}.vxl-compare__track--grass .vxl-compare__heading{background:color-mix(in srgb,var(--grass) 25%,var(--ink-700))}.vxl-compare__track--sky .vxl-compare__heading{background:color-mix(in srgb,var(--sky) 25%,var(--ink-700))}.vxl-compare__track--gold .vxl-compare__heading{background:color-mix(in srgb,var(--gold) 25%,var(--ink-700))}.vxl-compare__track--berry .vxl-compare__heading{background:color-mix(in srgb,var(--berry) 25%,var(--ink-700))}.vxl-compare__steps{display:flex;flex-direction:column;background:var(--ink-700)}.vxl-compare__step{display:flex;align-items:baseline;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-bottom:1px solid rgba(255,255,255,.04);font:var(--t-small);color:var(--fg-2);line-height:1.6}.vxl-compare__step:last-child{border-bottom:none}.vxl-compare__step-num{font-family:var(--font-mono, monospace);font-size:.65rem;color:var(--fg-4);flex-shrink:0;min-width:1.2rem}.vxl-compare__vs{display:flex;align-items:flex-start;justify-content:center;padding-top:calc(var(--s-3) + .75rem);color:var(--fg-4);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}@media(max-width:580px){.vxl-compare__grid{grid-template-columns:1fr}.vxl-compare__vs{padding-top:0;justify-content:center}}.vxl-placeholder{margin:var(--s-6) 0}.vxl-placeholder__box{position:relative;width:100%;background:var(--ink-800);border-radius:var(--r-3);border:1px dashed rgba(255,255,255,.14);overflow:hidden;display:flex;align-items:center;justify-content:center}.vxl-placeholder__box--16-9{aspect-ratio:16 / 9}.vxl-placeholder__box--4-3{aspect-ratio:4 / 3}.vxl-placeholder__box--3-2{aspect-ratio:3 / 2}.vxl-placeholder__box--1-1{aspect-ratio:1 / 1}.vxl-placeholder__box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.vxl-placeholder__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-5)}.vxl-placeholder__icon{opacity:.2;line-height:1}.vxl-placeholder__label{font:var(--t-body);font-weight:600;color:var(--fg-3)}.vxl-placeholder__sub{font:var(--t-small);color:var(--fg-4)}.vxl-placeholder figcaption{text-align:center;font:var(--t-small);color:var(--fg-3);margin-top:var(--s-3);font-style:italic}