.scx-callout{--scx-accent:var(--accent, #2563eb);--scx-accent-ink:var(--accent-ink, #1d4ed8);--scx-soft:var(--accent-soft, #dbeafe);--scx-surface:var(--surface, #ffffff);--scx-ink:var(--ink, #1b1a17);--scx-muted:color-mix(in srgb, var(--scx-ink) 64%, transparent);--scx-line:var(--line, #e6e3dc);--scx-radius:var(--radius, 14px);--scx-shadow:0 1px 2px rgba(17, 17, 20, .05), 0 14px 30px -18px rgba(17, 17, 20, .28);box-sizing:border-box;display:flex;align-items:flex-start;gap:.95em;margin:1.6em 0;padding:1.1em 1.3em;border:1px solid var(--scx-line);border-left:4px solid var(--scx-accent);border-radius:var(--scx-radius);background:color-mix(in srgb,var(--scx-accent) 4%,var(--scx-surface));box-shadow:var(--scx-shadow);color:var(--scx-ink)}.scx-callout *,.scx-callout *::before,.scx-callout *::after{box-sizing:border-box}.scx-callout.is-blue{--scx-accent:#2563eb;--scx-accent-ink:#1d4ed8;--scx-soft:#dbeafe}.scx-callout.is-emerald{--scx-accent:#059669;--scx-accent-ink:#047857;--scx-soft:#d1fae5}.scx-callout.is-amber{--scx-accent:#d97706;--scx-accent-ink:#b45309;--scx-soft:#fef3c7}.scx-callout.is-red{--scx-accent:#dc2626;--scx-accent-ink:#b91c1c;--scx-soft:#fee2e2}.scx-callout.is-violet{--scx-accent:#7c3aed;--scx-accent-ink:#6d28d9;--scx-soft:#ede9fe}.scx-callout.is-slate{--scx-accent:#334155;--scx-accent-ink:#0f172a;--scx-soft:#e2e8f0}.scx-callout__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.6em;height:2.6em;margin-top:.05em;border-radius:50%;color:var(--scx-accent-ink);background:color-mix(in srgb,var(--scx-accent) 14%,var(--scx-surface))}.scx-callout__svg{width:1.35em;height:1.35em;display:block}.scx-callout__main{flex:1 1 auto;min-width:0}.scx-callout__title{margin:0 0 .35em;font-weight:700;font-size:clamp(1.08rem, 1rem + 0.4vw, 1.24rem);line-height:1.25;color:var(--scx-accent-ink)}.scx-callout__title:empty{display:none}.scx-callout__body{color:var(--scx-ink)}.scx-callout__body>:first-child{margin-top:0}.scx-callout__body>:last-child{margin-bottom:0}.scx-callout__body p{margin:0 0 .6em;font-size:clamp(1rem, 0.96rem + 0.22vw, 1.08rem);line-height:1.62}.scx-callout__body p:last-child{margin-bottom:0}.scx-callout__body ul,.scx-callout__body ol{margin:.5em 0;padding-inline-start:1.4em;font-size:clamp(1rem, 0.96rem + 0.22vw, 1.08rem);line-height:1.55}.scx-callout__body ul{list-style:disc outside}.scx-callout__body ol{list-style:decimal outside}.scx-callout__body li{margin:.28em 0}.scx-callout__body li::marker{color:var(--scx-accent)}.scx-callout__body h2,.scx-callout__body h3,.scx-callout__body h4{margin:.6em 0 .3em;font-weight:700;line-height:1.25;color:var(--scx-ink)}.scx-callout__body strong{font-weight:700}.scx-callout__body a{color:var(--scx-accent-ink);text-decoration:underline;text-underline-offset:2px}.scx-callout ins.adsbygoogle,.scx-callout [id*="google_ads"],.scx-callout [class*="ad-inserter"],.scx-callout [class*="adinserter"],.scx-callout [class*="advanced-ads"],.scx-callout [data-ad],.scx-callout iframe[src*="doubleclick"],.scx-callout iframe[src*="googlesyndication"]{display:none!important}:where([data-theme="dark"],[data-color-scheme="dark"],[data-mode="dark"],html.dark,.dark-mode,.is-dark,.is-dark-theme) .scx-callout{--scx-surface:#1e1c18;--scx-ink:#f0ece4;--scx-line:#38332e;--scx-shadow:0 1px 2px rgba(0, 0, 0, .4), 0 16px 34px -20px rgba(0, 0, 0, .7)}@media (prefers-color-scheme:dark){.scx-callout{--scx-surface:#1e1c18;--scx-ink:#f0ece4;--scx-line:#38332e;--scx-shadow:0 1px 2px rgba(0, 0, 0, .4), 0 16px 34px -20px rgba(0, 0, 0, .7)}}:where([data-theme="dark"],[data-color-scheme="dark"],[data-mode="dark"],html.dark,.dark-mode,.is-dark,.is-dark-theme) .scx-callout,.scx-callout[data-scx-mode="dark"]{--scx-accent-ink:color-mix(in srgb, var(--scx-accent) 45%, #ffffff)}@media (prefers-color-scheme:dark){.scx-callout{--scx-accent-ink:color-mix(in srgb, var(--scx-accent) 45%, #ffffff)}}.scx-callout[data-scx-mode="dark"]{--scx-surface:#1e1c18;--scx-ink:#f0ece4;--scx-line:#38332e;--scx-shadow:0 1px 2px rgba(0, 0, 0, .4), 0 16px 34px -20px rgba(0, 0, 0, .7)}.scx-callout[data-scx-mode="light"]{--scx-surface:#ffffff;--scx-ink:#1b1a17;--scx-line:#e6e3dc;--scx-accent-ink:var(--accent-ink, #1d4ed8);--scx-shadow:0 1px 2px rgba(17, 17, 20, .05), 0 14px 30px -18px rgba(17, 17, 20, .28)}.scx-callout[data-scx-mode="light"].is-blue{--scx-accent-ink:#1d4ed8}.scx-callout[data-scx-mode="light"].is-emerald{--scx-accent-ink:#047857}.scx-callout[data-scx-mode="light"].is-amber{--scx-accent-ink:#b45309}.scx-callout[data-scx-mode="light"].is-red{--scx-accent-ink:#b91c1c}.scx-callout[data-scx-mode="light"].is-violet{--scx-accent-ink:#6d28d9}.scx-callout[data-scx-mode="light"].is-slate{--scx-accent-ink:#0f172a}@media (prefers-color-scheme:dark){.scx-callout[data-scx-mode="light"]{--scx-surface:#ffffff;--scx-ink:#1b1a17;--scx-line:#e6e3dc}}[data-theme="dark"] .scx-callout[data-scx-mode="light"]{--scx-surface:#ffffff;--scx-ink:#1b1a17;--scx-line:#e6e3dc}@media (max-width:600px){.scx-callout{padding:1em 1.1em;gap:.8em}.scx-callout__icon{width:2.3em;height:2.3em}}@media (prefers-reduced-motion:reduce){.scx-callout,.scx-callout *{transition:none!important;animation:none!important}}@media print{.scx-callout{break-inside:avoid;box-shadow:none}}