.ao-callout{--callout-color:#2563eb;--callout-bg:#f8fbff;--callout-border:rgba(37,99,235,.18);--callout-accent-strong:#0f172a;--callout-text:#0f172a;--callout-muted:#334155;--callout-grid-major:rgba(37,99,235,.07);--callout-grid-minor:rgba(15,23,42,.035);--callout-radius:14px;--callout-shadow:0 18px 40px rgba(15,23,42,.08);--callout-ring:rgba(37,99,235,.12);background:linear-gradient(180deg,#fff 0,var(--callout-bg) 100%);border:1px solid var(--callout-border);border-radius:var(--callout-radius);box-shadow:var(--callout-shadow),inset 0 1px 0 hsla(0,0%,100%,.72);color:var(--callout-text);display:grid;gap:16px;isolation:isolate;margin:28px 0;overflow:hidden;padding:20px 22px;position:relative}.ao-callout:before{background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,0)),repeating-linear-gradient(0deg,transparent 0 23px,var(--callout-grid-major) 23px 24px),repeating-linear-gradient(90deg,transparent 0 31px,var(--callout-grid-minor) 31px 32px);border-radius:inherit;inset:0;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.18) 0,rgba(0,0,0,.06) 42%,rgba(0,0,0,.55) 100%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.18) 0,rgba(0,0,0,.06) 42%,rgba(0,0,0,.55) 100%);z-index:0}.ao-callout:after,.ao-callout:before{content:"";pointer-events:none;position:absolute}.ao-callout:after{background:radial-gradient(circle,var(--callout-ring) 0,rgba(37,99,235,0) 72%);border-radius:999px;height:140px;right:-24px;top:-48px;width:140px;z-index:-1}.ao-callout__header{align-items:center;display:grid;gap:14px;grid-template-columns:44px minmax(0,1fr);position:relative;z-index:1}.ao-callout__icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--callout-color) 16%,#fff),rgba(15,23,42,.08));border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.45);color:var(--callout-color);display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ao-callout__icon svg{height:18px;width:18px}.ao-callout__title{color:var(--callout-accent-strong);display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;line-height:1.2;position:relative;text-transform:uppercase;z-index:1}.ao-callout__body{color:var(--callout-muted);font-size:1rem;line-height:1.75;margin:0;position:relative;z-index:1}.ao-callout__body>:first-child{margin-top:0}.ao-callout__body>:last-child{margin-bottom:0}.ao-callout__body a{color:var(--callout-color);font-weight:600}.ao-callout__body strong{color:var(--callout-text)}.ao-callout--astuce{--callout-color:#0f766e;--callout-bg:#f4fbfb;--callout-border:rgba(15,118,110,.18);--callout-accent-strong:#082f49;--callout-grid-major:rgba(15,118,110,.075);--callout-grid-minor:rgba(8,47,73,.03);--callout-ring:rgba(45,212,191,.14)}.ao-callout--avertissement{--callout-color:#d97706;--callout-bg:#fffbf2;--callout-border:rgba(217,119,6,.24);--callout-accent-strong:#7c2d12;--callout-text:#431407;--callout-muted:#78350f;--callout-grid-major:rgba(217,119,6,.08);--callout-grid-minor:rgba(120,53,15,.03);--callout-ring:rgba(245,158,11,.16)}.ao-callout--danger{--callout-color:#dc2626;--callout-bg:#fff5f5;--callout-border:rgba(220,38,38,.22);--callout-accent-strong:#7f1d1d;--callout-text:#450a0a;--callout-muted:#7f1d1d;--callout-grid-major:rgba(220,38,38,.08);--callout-grid-minor:rgba(127,29,29,.03);--callout-ring:rgba(239,68,68,.16)}.ao-callout--exemple{--callout-color:#0891b2;--callout-bg:#f3fbff;--callout-border:rgba(8,145,178,.18);--callout-accent-strong:#0c4a6e;--callout-grid-major:rgba(8,145,178,.075);--callout-grid-minor:rgba(12,74,110,.03);--callout-ring:rgba(14,165,233,.14)}.ao-callout--important{--callout-color:#0f172a;--callout-bg:#f5f8fc;--callout-border:rgba(15,23,42,.16);--callout-accent-strong:#020617;--callout-grid-major:rgba(15,23,42,.075);--callout-grid-minor:rgba(59,130,246,.03);--callout-ring:rgba(59,130,246,.12)}.ao-callout--note{--callout-color:#2563eb;--callout-bg:#f8fbff;--callout-border:rgba(37,99,235,.18);--callout-accent-strong:#0f172a;--callout-grid-major:rgba(37,99,235,.07);--callout-grid-minor:rgba(15,23,42,.035);--callout-ring:rgba(37,99,235,.12)}.ao-callout--obsolete{--callout-color:#475569;--callout-bg:#f8fafc;--callout-border:rgba(71,85,105,.18);--callout-accent-strong:#0f172a;--callout-text:#334155;--callout-muted:#475569;--callout-grid-major:rgba(71,85,105,.07);--callout-grid-minor:rgba(148,163,184,.035);--callout-ring:rgba(148,163,184,.16)}@media(max-width:640px){.ao-callout{border-radius:12px;gap:14px;margin:22px 0;padding:18px}.ao-callout:before{background:linear-gradient(180deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,0)),repeating-linear-gradient(0deg,transparent 0 21px,var(--callout-grid-major) 21px 22px),repeating-linear-gradient(90deg,transparent 0 27px,var(--callout-grid-minor) 27px 28px)}.ao-callout__header{gap:12px;grid-template-columns:38px minmax(0,1fr)}.ao-callout__icon{border-radius:10px;height:38px;width:38px}.ao-callout__body{font-size:.96rem;line-height:1.68}}