/* Inline callout — markup: app/views/components/notice.php */

.notice {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: var(--s-4);
    padding: var(--s-5);
    border: 1px solid var(--border);
    border-left: 3px solid var(--c-gold);
    border-radius: var(--radius-sm);
    background: var(--bg-alt);
}

.notice__icon { color: var(--c-gold); margin-top: 2px; }

.notice__title {
    font-family: var(--font-display);
    font-size: var(--fs-md);
    font-weight: 700;
}

.notice__text {
    margin-top: var(--s-2);
    font-size: var(--fs-sm);
    color: var(--text-muted);
    max-width: 90ch;
}

.notice--warning {
    border-left-color: #C08A2B;
    background: #FDF7EC;
}
.notice--warning .notice__icon { color: #A8721C; }

.section--dark .notice { background: rgba(255, 255, 255, .04); border-color: var(--border-dark); }