/* 06-components/_notice.css — .c-notice: a flash message with a band edge. Reads data-band. */
.c-notice { display: flex; gap: var(--space-sm); align-items: flex-start; padding: var(--space-sm) var(--space-md); padding-inline-start: calc(var(--space-md) + var(--stroke-edge)); position: relative; background: var(--band-fill, var(--surface-sunken)); border: var(--stroke) solid var(--band-line, var(--rule)); border-radius: var(--radius-md); color: var(--ink); }
.c-notice::before { content: ""; position: absolute; inset-block: -1px; inset-inline-start: -1px; width: var(--stroke-edge); background: var(--band-dot, var(--rule-strong)); border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); }
.c-notice__title { font-weight: var(--weight-semibold); color: var(--band-ink, var(--ink)); }
.c-notice__text { color: var(--ink-muted); font-size: var(--text-sm); }
.c-notice__close { margin-inline-start: auto; }