.callout{border:1px solid var(--color-rule);background:#fff;border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.95rem;padding:1.1rem 1.25rem;line-height:1.65;display:grid}.callout-tip{background:linear-gradient(135deg,#40ffa733,#40ffa70d);border-color:#0a7d5547}.callout-important{background:linear-gradient(135deg,#e6f1ff,#f7fbff);border-color:#001f3f2e}.callout-warning,.callout-caution{background:linear-gradient(135deg,#fff1da,#fffaf2);border-color:#a8680047}.callout-icon{background:var(--color-navy);width:2.3rem;height:2.3rem;color:var(--color-mint);border-radius:.8rem;place-items:center;display:grid}.callout-warning .callout-icon,.callout-caution .callout-icon{color:#fff1da;background:#8a5300}.callout-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.callout-label{color:var(--color-navy);font-weight:500}.callout-body{padding-top:.2rem}.callout-body>*+*{margin-top:.5em}@media (prefers-reduced-motion:no-preference){.callout-icon{animation:3.6s ease-in-out infinite tas-bob}}@keyframes tas-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}