/*!
 * Vivido – Callout Boxes, Colored Notes & Dividers
 * Front-end styles. Colors come from CSS custom properties set per type
 * (Settings → Vivido) or per element (shortcode attributes).
 */ .vivido,.vivido *,.vivido *::before,.vivido *::after{box-sizing:border-box}.vivido-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;vertical-align:-.14em}.vivido-icon svg{display:block;width:1em;height:1em}.vivido-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif;font-size:.92em;line-height:1;font-style:normal}.vivido-box,.vivido-note{--vivido-bg:#f4f5f7;--vivido-border:#78848f;position:relative;display:flex;align-items:flex-start;gap:.85em;margin:1.6em 0;padding:1em 1.25em;background:var(--vivido-bg);color:var(--vivido-text,inherit);border-width:var(--vivido-bw,1px);border-style:var(--vivido-bs,solid);border-color:var(--vivido-border);border-radius:var(--vivido-radius,8px);line-height:1.6;overflow-wrap:anywhere}.vivido-accent-left{border-inline-start:var(--vivido-accent-w,5px) solid var(--vivido-border)}.vivido-accent-top{border-top:var(--vivido-accent-w,5px) solid var(--vivido-border)}.vivido-accent-bottom{border-bottom:var(--vivido-accent-w,5px) solid var(--vivido-border)}.vivido-style-outline{background:transparent}.vivido-style-solid{background:var(--vivido-border);color:var(--vivido-solid-text,var(--vivido-on-border,#fff))}.vivido-style-solid .vivido-box__icon,.vivido-style-solid .vivido-note__icon{color:inherit}.vivido-style-solid .vivido-badge{background:rgba(255,255,255,.22);color:inherit}.vivido-shadow{box-shadow:0 1px 2px rgba(16,24,40,.06),0 6px 18px rgba(16,24,40,.08)}.vivido-align-center:is(.vivido-box,.vivido-note){margin-left:auto;margin-right:auto}.vivido-align-right:is(.vivido-box,.vivido-note){margin-left:auto}.vivido-box__icon,.vivido-note__icon{color:var(--vivido-icon,var(--vivido-border))}.vivido-box__icon{font-size:1.45em;margin-top:.04em}.vivido-note__icon{font-size:1.2em;margin-top:.12em}.vivido-box__body,.vivido-note__body{flex:1 1 auto;min-width:0}.vivido-box__header{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .6em;margin-bottom:.35em}.vivido-box__title{font-weight:700;font-size:1.06em;line-height:1.35}.vivido-badge{display:inline-block;padding:.2em .65em;border-radius:999px;background:var(--vivido-border);color:var(--vivido-on-border,#fff);font-size:.68em;font-weight:700;letter-spacing:.07em;line-height:1.45;text-transform:uppercase;vertical-align:.15em;white-space:nowrap}.vivido-box__content>:first-child,.vivido-note__content>:first-child{margin-top:0}.vivido-box__content>:last-child,.vivido-note__content>:last-child{margin-bottom:0}.vivido-box__content p,.vivido-note__content p{margin:0 0 .75em}.vivido-box__content:is(ul,ol){margin:.4em 0 .75em;padding-inline-start:1.3em}.vivido-box__content:is(.vivido-list,.vivido-code,.vivido-cta-wrap,.vivido-divider){margin-top:.8em;margin-bottom:.8em}.vivido-box a:not(.vivido-cta),.vivido-note a:not(.vivido-cta){color:inherit;text-decoration:underline;text-underline-offset:2px}.vivido-note{gap:.6em;margin:1.1em 0;padding:.65em .95em;font-size:.96em}.vivido-note .vivido-badge{margin-inline-end:.3em}.vivido-note--inline{display:inline-flex;align-items:center;gap:.35em;margin:0 .1em;padding:.05em .5em;font-size:inherit;vertical-align:baseline;line-height:inherit}.vivido-note--inline .vivido-note__icon{font-size:1em;margin:0}.vivido-note--inline .vivido-badge{margin:0;vertical-align:0}.vivido-dismissible{padding-inline-end:2.6em}.vivido-close{position:absolute;top:.45em;inset-inline-end:.55em;padding:.1em .35em;margin:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:1.35em;line-height:1;opacity:.55;cursor:pointer;box-shadow:none}.vivido-close:hover,.vivido-close:focus-visible{opacity:1;background:rgba(0,0,0,.06)}.vivido-is-dismissed{display:none !important}.vivido-divider{display:flex;align-items:center;gap:.9em;width:var(--vivido-dw,100%);max-width:100%;margin:var(--vivido-dm,28px) auto;color:var(--vivido-dtext,inherit);clear:both}.vivido-divider.vivido-align-left{margin-left:0;margin-right:auto}.vivido-divider.vivido-align-right{margin-left:auto;margin-right:0}.vivido-divider__line{flex:1 1 auto;height:0;border-top:var(--vivido-dt,2px) var(--vivido-ds,solid) var(--vivido-line,#d0d5dc)}.vivido-divider__label{display:inline-flex;flex:0 0 auto;align-items:center;gap:.45em;font-weight:600;font-size:.95em;line-height:1.3;max-width:70%;text-align:center}.vivido-divider__label .vivido-icon{font-size:1.3em;color:var(--vivido-dicon,var(--vivido-line))}.vivido-divider--gradient .vivido-divider__line,.vivido-divider--fade .vivido-divider__line{height:var(--vivido-dt,2px);border:0;border-radius:999px}.vivido-divider--gradient .vivido-divider__line{background:linear-gradient(90deg,var(--vivido-line),var(--vivido-line2,var(--vivido-line)))}.vivido-divider--gradient .vivido-divider__line--end{background:linear-gradient(90deg,var(--vivido-line2,var(--vivido-line)),var(--vivido-line))}.vivido-divider--fade .vivido-divider__line{background:linear-gradient(90deg,transparent,var(--vivido-line),transparent)}.vivido-divider--fade .vivido-divider__line--start{background:linear-gradient(90deg,transparent,var(--vivido-line))}.vivido-divider--fade .vivido-divider__line--end{background:linear-gradient(90deg,var(--vivido-line),transparent)}.vivido-cta-wrap{margin:1.2em 0}.vivido-cta-wrap.vivido-align-center{text-align:center}.vivido-cta-wrap.vivido-align-right{text-align:right}.vivido-cta{--vivido-cta-bg:#2271b1;--vivido-cta-text:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.72em 1.45em;border:2px solid var(--vivido-cta-bg);border-radius:var(--vivido-cta-radius,6px);background:var(--vivido-cta-bg);color:var(--vivido-cta-text) !important;font-weight:600;line-height:1.2;text-align:center;text-decoration:none !important;cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.vivido-cta:hover{filter:brightness(.93);transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,40,.14)}.vivido-cta:focus-visible{outline:3px solid var(--vivido-cta-bg);outline-offset:3px}.vivido-cta .vivido-icon{font-size:1.1em}.vivido-cta--sm{padding:.48em 1em;font-size:.875em}.vivido-cta--lg{padding:.9em 1.9em;font-size:1.14em}.vivido-cta--full{display:flex;width:100%}.vivido-cta--outline{background:transparent;color:var(--vivido-cta-bg) !important}.vivido-cta--outline:hover{background:var(--vivido-cta-bg);color:var(--vivido-cta-text) !important;filter:none}.vivido-cta--soft{background:color-mix(in srgb,var(--vivido-cta-bg) 14%,transparent);border-color:transparent;color:var(--vivido-cta-bg) !important}.vivido-cta--link{padding:0;border-color:transparent;background:none;color:var(--vivido-cta-bg) !important;text-decoration:underline !important;text-underline-offset:3px}.vivido-cta--link:hover{transform:none;box-shadow:none}ul.vivido-list{list-style:none !important;margin:1.1em 0 !important;padding:0 !important}ul.vivido-list>li.vivido-li{display:flex;align-items:flex-start;gap:.6em;margin:0 0 var(--vivido-li-gap,.5em) !important;padding:0 !important;list-style:none !important;background:none !important}ul.vivido-list>li.vivido-li::before,ul.vivido-list>li.vivido-li::after{content:none !important;display:none !important}ul.vivido-list>li.vivido-li::marker{content:""}.vivido-li__icon{display:inline-flex;flex:0 0 auto;align-items:center;height:1lh;min-height:1.5em}.vivido-li__icon .vivido-icon{font-size:var(--vivido-li-size,1.15em);vertical-align:0}.vivido-li__text{flex:1 1 auto;min-width:0}.vivido-list--cols-2,.vivido-list--cols-3,.vivido-list--cols-4{display:grid;column-gap:1.6em}.vivido-list--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vivido-list--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vivido-list--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:600px){.vivido-list--cols-2,.vivido-list--cols-3,.vivido-list--cols-4{grid-template-columns:minmax(0,1fr)}}.vivido-code{--vc-bg:#1e2230;--vc-bar:#171b27;--vc-text:#e6e9ef;--vc-muted:#9aa3b5;--vc-border:#2c3244;margin:1.6em 0;overflow:hidden;border:1px solid var(--vc-border);border-radius:10px;background:var(--vc-bg);color:var(--vc-text);text-align:left;direction:ltr}.vivido-code--light{--vc-bg:#f7f8fa;--vc-bar:#eceef2;--vc-text:#1f2328;--vc-muted:#5c6570;--vc-border:#dde1e7}.vivido-code{--vc-k:#c678dd;--vc-s:#98c379;--vc-c:#7f8796;--vc-n:#d19a66;--vc-f:#61afef;--vc-v:#e06c75;--vc-t:#e06c75;--vc-a:#d19a66;--vc-p:#56b6c2;--vc-b:#d19a66}.vivido-code--light{--vc-k:#a626a4;--vc-s:#50a14f;--vc-c:#8a8f98;--vc-n:#986801;--vc-f:#4078f2;--vc-v:#e45649;--vc-t:#e45649;--vc-a:#986801;--vc-p:#0184bc;--vc-b:#986801}.vivido-code .vc-k{color:var(--vc-k)}.vivido-code .vc-s{color:var(--vc-s)}.vivido-code .vc-c{color:var(--vc-c);font-style:italic}.vivido-code .vc-n{color:var(--vc-n)}.vivido-code .vc-f{color:var(--vc-f)}.vivido-code .vc-v{color:var(--vc-v)}.vivido-code .vc-t{color:var(--vc-t)}.vivido-code .vc-a{color:var(--vc-a)}.vivido-code .vc-p{color:var(--vc-p)}.vivido-code .vc-b{color:var(--vc-b)}.vivido-code__bar{display:flex;align-items:center;gap:.75em;min-height:2.6em;padding:.4em .6em .4em 1em;background:var(--vc-bar);border-bottom:1px solid var(--vc-border);color:var(--vc-muted);font:500 12.5px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.vivido-code__dots{display:inline-flex;gap:6px}.vivido-code__dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.vivido-code__dots i:nth-child(2){background:#febc2e}.vivido-code__dots i:nth-child(3){background:#28c840}.vivido-code__title{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--vc-text);text-overflow:ellipsis;white-space:nowrap}.vivido-code__lang{padding:.1em .5em;border:1px solid var(--vc-border);border-radius:4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.vivido-code__copy{display:inline-flex;align-items:center;gap:.4em;margin:0;padding:.38em .75em;border:1px solid var(--vc-border);border-radius:6px;background:transparent;color:var(--vc-text);font:inherit;line-height:1.2;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}.vivido-code__copy:hover,.vivido-code__copy:focus-visible{background:rgba(127,127,127,.16);color:var(--vc-text)}.vivido-code__copy.is-copied{border-color:#2ea043;color:#2ea043}.vivido-code .vivido-code__pre{max-height:var(--vivido-code-max,none);margin:0 !important;padding:1em 1.15em !important;overflow:auto;border:0 !important;border-radius:0 !important;background:transparent !important;color:inherit !important;font:13.5px/1.65 ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace !important;white-space:pre;word-wrap:normal;tab-size:4;box-shadow:none !important}.vivido-code--wrap .vivido-code__pre{white-space:pre-wrap;overflow-wrap:anywhere}.vivido-code__pre code{padding:0 !important;border:0 !important;background:none !important;color:inherit !important;font:inherit !important;white-space:inherit}.vivido-code--numbers code{counter-reset:vivido-line}.vivido-code__line::before{counter-increment:vivido-line;content:counter(vivido-line);display:inline-block;width:2.4em;margin-right:1.1em;color:var(--vc-muted);opacity:.6;text-align:right;user-select:none}@media print{.vivido-close,.vivido-code__copy{display:none !important}.vivido-box,.vivido-note,.vivido-code{break-inside:avoid}}