@layer components {
    .dashboard-warning-panel {
            background: #fefce8;
            color: #854d0e;
            padding: 2rem var(--dashboard-section-padding-x);
        }

    .dashboard-warning-panel__title {
            align-items: center;
            color: #713f12;
            display: inline-flex;
            font-size: 1.25rem;
            font-weight: 650;
            gap: 0.5rem;
            line-height: 1.3;
        }

    .dashboard-warning-panel__icon {
            color: #facc15;
            flex: 0 0 auto;
            height: 1.25rem;
            width: 1.25rem;
        }

    .dashboard-warning-panel__body {
            color: #854d0e;
            font-size: 1rem;
            line-height: 1.5;
            margin-top: 0.5rem;
        }

    .dashboard-warning-panel__list {
            display: grid;
            gap: 0.5rem;
            list-style: disc;
            margin-top: 0.5rem;
            padding-left: 1.25rem;
        }

    .dashboard-warning-panel__markdown {
            color: #854d0e;
        }

    .dashboard-warning-panel__markdown a {
            color: inherit;
            font-weight: 650;
            text-decoration: underline;
        }
}