.callout{position:relative;gap:1.1rem;padding:1.4rem 1.6rem;margin:1.75rem 0;background:#d9d1be;border-left:5px solid var(--section-primary);border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.callout__content{display:flex;flex-direction:column;gap:.6rem}.callout__header{display:flex;align-items:center;gap:.5rem}.callout__title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--section-text-light);text-transform:uppercase}.callout__body{font-size:.95rem;line-height:1.65}.callout__body p{margin:.4rem 0}.callout__body p:first-child{margin-top:0}.callout__body p:last-child{margin-bottom:0}.callout__body a{color:var(--section-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.callout--info{border-left-color:var(--section-primary)}.callout--success{border-left-color:var(--olive-base)}.callout--warning{border-left-color:#f59e0b}.callout--danger{border-left-color:var(--section-danger)}.callout--success .callout__icon{color:var(--olive-base)}.callout--warning .callout__icon{color:#f59e0b}.callout--danger .callout__icon{color:var(--section-danger)}.dark .callout{background:var(--section-card-bg)}.dark .callout__title{color:var(--section-text-light)}@keyframes callout-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.callout{animation:callout-fade-in .35s ease both}