.Callout{--co-fill:var(--color-turquoise-light);--co-badge:var(--color-turquoise);--co-ink:var(--color-turquoise-black);--co-line:var(--color-turquoise-12);--co-link-line:var(--color-turquoise-50);--co-shadow:var(--shadow-panel);grid-gap:2.4rem;color:var(--color-text-primary);background:var(--co-fill);border-radius:var(--radius-pill);box-shadow:var(--co-shadow);grid-template-columns:4.8rem minmax(0,1fr);gap:2.4rem;padding:4rem 3.2rem;display:grid}.Callout.isWarning{--co-fill:var(--color-error-light);--co-badge:var(--color-error);--co-ink:var(--color-error);--co-line:#bc324529;--co-link-line:color-mix(in srgb, var(--co-ink) 50%, transparent);--co-shadow:inset 0 0 1.2rem #bc32451f}.Callout.isNote{--co-fill:var(--color-orange-light);--co-badge:var(--color-orange);--co-ink:var(--color-orange-deep);--co-line:#e4a61633;--co-link-line:color-mix(in srgb, var(--co-ink) 50%, transparent);--co-shadow:inset 0 0 1.2rem #e4a61629}.Callout.isCompact{border-radius:3.2rem;gap:1.6rem;padding:2.4rem}.Callout__badge{width:4.8rem;height:4.8rem;color:var(--color-white);background:var(--co-badge);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 2.4rem #fafafab8}.Callout__badgeIcon{width:2rem;height:2rem;display:block}.Callout__body{flex-direction:column;gap:1.2rem;min-width:0;display:flex}.Callout__title{margin:0;line-height:1.1}.Callout__text{margin:0}.Callout__text a{color:var(--co-ink);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--co-link-line);text-underline-offset:.25em}.Callout__list{counter-reset:callout;flex-direction:column;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.Callout__item{grid-gap:1.2rem;border-top:1px solid var(--co-line);counter-increment:callout;grid-template-columns:3.2rem minmax(0,1fr);align-items:start;gap:1.2rem;padding-top:1.6rem;padding-bottom:1.6rem;display:grid}.Callout__item:before{content:counter(callout, decimal-leading-zero);width:3.2rem;height:3.2rem;font-family:var(--font-mono);color:var(--co-ink);background:var(--color-white-70);border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.Callout__item:last-child{padding-bottom:0}.Callout__itemText{margin:0;padding-top:.6rem}.Callout__actions{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}@media (width<=768px){.Callout{border-radius:var(--radius-card-mobile);grid-template-columns:minmax(0,1fr);gap:1.6rem;padding:2.4rem 2rem}.Callout__badge{width:4rem;height:4rem}.Callout__title{font-size:1.8rem}}