.callout{gap:var(--space-md);width:100%;color:var(--text-secondary);line-height:var(--leading-normal);display:flex}.callout--section{background:var(--glass-bg);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg)}.callout--inline{gap:var(--space-sm);border-left:var(--border-width-thick) solid var(--accent-blue);padding-left:var(--space-md)}.callout__spark{color:var(--accent-blue);flex-shrink:0;display:flex}.callout--section .callout__spark{width:var(--size-icon-wrap-md);height:var(--size-icon-wrap-md);border-radius:var(--radius-md);background:var(--accent-blue-light);justify-content:center;align-items:center}.callout--inline .callout__spark{padding-top:var(--space-2xs)}.callout__body{gap:var(--space-sm);flex-direction:column;flex:auto;min-width:0;display:flex}.callout--section .callout__attr{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-blue);margin:0}.callout--inline .callout__attr{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.callout--inline .callout__text{color:var(--text-secondary);display:inline}.callout__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);text-wrap:balance;margin:0}.callout__content{min-width:0}.callout__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.callout__cta{flex:none;align-self:flex-start}.callout__disclosure{font-size:var(--font-size-xs);line-height:var(--leading-normal);color:var(--text-muted);margin:0}.callout--warning .callout__spark{color:var(--color-warning)}.callout--section.callout--warning{border-color:rgba(var(--color-warning-rgb), .3)}.callout--section.callout--warning .callout__spark{background:rgba(var(--color-warning-rgb), .12)}.callout--section.callout--warning .callout__attr{color:var(--color-warning)}.callout--inline.callout--warning{border-left-color:var(--color-warning)}@media (width<=640px){.callout{flex-wrap:wrap}.callout__cta{flex-basis:100%}}