.article-callout{--callout-accent: rgb(37 99 235);--callout-icon-bg: rgb(239 246 255);--callout-icon-border: rgb(191 219 254);--callout-icon-text: rgb(29 78 216);--callout-border: rgb(191 219 254);--callout-bg: rgb(255 255 255 / .94);--callout-title: rgb(15 23 42);--callout-text: rgb(51 65 85);--callout-shadow: 0 12px 28px rgb(15 23 42 / .07);position:relative;display:grid;grid-template-columns:3.45rem minmax(0,1fr);gap:1rem;margin:1.35rem 0;overflow:hidden;border:1px solid var(--callout-border);border-radius:1.15rem;background:var(--callout-bg);box-shadow:var(--callout-shadow);padding:.95rem 1.05rem .95rem 1.15rem}.dark .article-callout{--callout-bg: rgb(15 23 42 / .86);--callout-title: rgb(248 250 252);--callout-text: rgb(203 213 225);--callout-shadow: 0 14px 34px rgb(0 0 0 / .26)}.article-callout.is-compact{grid-template-columns:3.05rem minmax(0,1fr);gap:.85rem;padding:.78rem .95rem .78rem 1rem;border-radius:1rem}.article-callout.variant-stripe{border-color:#e2e8f0}.dark .article-callout.variant-stripe{border-color:#475569b3}.article-callout.is-note{--callout-accent: rgb(37 99 235);--callout-icon-bg: rgb(239 246 255);--callout-icon-border: rgb(191 219 254);--callout-icon-text: rgb(29 78 216);--callout-border: rgb(191 219 254)}.article-callout.is-tip{--callout-accent: rgb(13 148 136);--callout-icon-bg: rgb(240 253 250);--callout-icon-border: rgb(153 246 228);--callout-icon-text: rgb(15 118 110);--callout-border: rgb(153 246 228)}.article-callout.is-warning{--callout-accent: rgb(217 119 6);--callout-icon-bg: rgb(255 251 235);--callout-icon-border: rgb(253 230 138);--callout-icon-text: rgb(180 83 9);--callout-border: rgb(253 230 138)}.article-callout.is-danger{--callout-accent: rgb(225 29 72);--callout-icon-bg: rgb(255 241 242);--callout-icon-border: rgb(254 205 211);--callout-icon-text: rgb(190 18 60);--callout-border: rgb(254 205 211)}.article-callout.is-important{--callout-accent: rgb(79 70 229);--callout-icon-bg: rgb(238 242 255);--callout-icon-border: rgb(199 210 254);--callout-icon-text: rgb(67 56 202);--callout-border: rgb(199 210 254)}.article-callout.is-debug{--callout-accent: rgb(71 85 105);--callout-icon-bg: rgb(248 250 252);--callout-icon-border: rgb(203 213 225);--callout-icon-text: rgb(30 41 59);--callout-border: rgb(203 213 225)}.article-callout.is-success{--callout-accent: rgb(22 163 74);--callout-icon-bg: rgb(240 253 244);--callout-icon-border: rgb(187 247 208);--callout-icon-text: rgb(21 128 61);--callout-border: rgb(187 247 208)}.dark .article-callout.is-note{--callout-icon-bg: rgb(30 58 138 / .38);--callout-icon-border: rgb(96 165 250 / .42);--callout-icon-text: rgb(147 197 253);--callout-border: rgb(96 165 250 / .36)}.dark .article-callout.is-tip{--callout-icon-bg: rgb(19 78 74 / .38);--callout-icon-border: rgb(45 212 191 / .34);--callout-icon-text: rgb(94 234 212);--callout-border: rgb(45 212 191 / .32)}.dark .article-callout.is-warning{--callout-icon-bg: rgb(120 53 15 / .4);--callout-icon-border: rgb(251 191 36 / .38);--callout-icon-text: rgb(252 211 77);--callout-border: rgb(251 191 36 / .3)}.dark .article-callout.is-danger{--callout-icon-bg: rgb(136 19 55 / .36);--callout-icon-border: rgb(251 113 133 / .38);--callout-icon-text: rgb(253 164 175);--callout-border: rgb(251 113 133 / .34)}.dark .article-callout.is-important{--callout-icon-bg: rgb(49 46 129 / .5);--callout-icon-border: rgb(129 140 248 / .4);--callout-icon-text: rgb(165 180 252);--callout-border: rgb(129 140 248 / .36)}.dark .article-callout.is-debug{--callout-icon-bg: rgb(30 41 59 / .82);--callout-icon-border: rgb(100 116 139 / .66);--callout-icon-text: rgb(226 232 240);--callout-border: rgb(100 116 139 / .52)}.dark .article-callout.is-success{--callout-icon-bg: rgb(20 83 45 / .38);--callout-icon-border: rgb(74 222 128 / .38);--callout-icon-text: rgb(134 239 172);--callout-border: rgb(74 222 128 / .32)}.article-callout .callout-accent{position:absolute;inset:0 auto 0 0;width:.38rem;background:var(--callout-accent)}.article-callout .callout-icon{display:flex;width:3.15rem;height:3.15rem;align-items:center;justify-content:center;border:1px solid var(--callout-icon-border);border-radius:1rem;background:var(--callout-icon-bg);color:var(--callout-icon-text);line-height:1}.article-callout .callout-icon svg{width:1.75rem;height:1.75rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.article-callout .callout-custom-icon{font-size:1.55rem;font-weight:850}.article-callout.is-compact .callout-icon{width:2.7rem;height:2.7rem;border-radius:.9rem}.article-callout.is-compact .callout-icon svg{width:1.5rem;height:1.5rem}.article-callout .callout-body{min-width:0;align-self:center;padding-block:.04rem}.article-callout .callout-title{margin:0!important;border:0!important;padding:0!important;color:var(--callout-title);font-size:1.03rem;font-weight:780;letter-spacing:-.01em;line-height:1.34}.article-callout.is-compact .callout-title{font-size:.98rem}.article-callout .callout-content{display:grid;gap:.38rem;margin-top:.36rem;color:var(--callout-text);font-size:.96rem;line-height:1.65}.article-callout.is-compact .callout-content{font-size:.92rem;line-height:1.58}.article-callout .callout-content>*{margin:0!important}.article-callout .callout-content ul,.article-callout .callout-content ol{padding-left:1.15rem!important}.article-callout .callout-content li+li{margin-top:.2rem!important}@media(max-width:640px){.article-callout{grid-template-columns:2.9rem minmax(0,1fr);gap:.78rem;padding:.82rem .88rem .82rem .98rem;border-radius:1rem}.article-callout .callout-icon{width:2.45rem;height:2.45rem;border-radius:.82rem}.article-callout .callout-icon svg{width:1.35rem;height:1.35rem}.article-callout .callout-content{font-size:.92rem;line-height:1.58}}