.foundation-landing-note,
.foundation-legal-note,
.foundation-message,
.foundation-announcement,
.foundation-accept-box {
    border: 1px solid rgba(196, 106, 68, 0.22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(196, 106, 68, 0.08), rgba(224, 183, 109, 0.1));
}

.foundation-landing-note,
.foundation-legal-note,
.foundation-message,
.foundation-announcement {
    padding: 1rem 1.1rem;
    color: var(--text);
}

.foundation-landing-note strong,
.foundation-announcement strong,
.foundation-legal-note strong {
    color: var(--gold-strong);
}

.foundation-panel {
    border-color: rgba(196, 106, 68, 0.28);
}

.foundation-timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin: 1rem 0;
}

.foundation-timeline div {
    padding: 0.85rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface-soft);
}

.foundation-timeline span {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.foundation-timeline strong {
    display: block;
    margin-top: 0.25rem;
    font-size: 1.15rem;
}

.foundation-message {
    margin: 0;
}

.foundation-announcement {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.foundation-announcement p {
    margin: 0;
    color: var(--muted);
}

.foundation-accept-box {
    padding: 1rem;
}

.checkbox-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    cursor: pointer;
}

.checkbox-card input {
    width: 22px;
    height: 22px;
    margin-top: 0.15rem;
    accent-color: var(--gold-strong);
}

.foundation-admin-form textarea {
    min-height: 150px;
}

@media (max-width: 720px) {
    .foundation-timeline {
        grid-template-columns: 1fr;
    }

    .foundation-panel .actions-inline form,
    .foundation-panel .actions-inline .btn {
        width: 100%;
    }
}

.brand-mark img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.is-public .brand-mark,
.is-dashboard .brand-mark,
.is-admin .brand-mark {
    overflow: hidden;
    background: #f7f1e6;
}

body.is-bar-page {
    --page-accent: #B86135;
    --page-accent-strong: #854024;
    --page-accent-dark: #5E2D18;
    --page-accent-gold: #D99A43;
    --page-accent-soft: #FFF0E4;
    --page-accent-line: rgba(184, 97, 53, 0.24);
    --page-button-shadow: rgba(184, 97, 53, 0.26);
}

body.is-speaker-page {
    --page-accent: #6E2F62;
    --page-accent-strong: #4B2048;
    --page-accent-dark: #321333;
    --page-accent-gold: #C69A4B;
    --page-accent-soft: #F7EAF4;
    --page-accent-line: rgba(110, 47, 98, 0.24);
    --page-button-shadow: rgba(110, 47, 98, 0.24);
}

body.is-public.is-bar-page {
    background:
        radial-gradient(circle at 10% 0%, rgba(216, 139, 74, 0.22), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(255, 196, 126, 0.24), transparent 26%),
        linear-gradient(180deg, #fffaf3 0%, #fff1e5 48%, #f6dfca 100%);
}

body.is-public.is-speaker-page {
    background:
        radial-gradient(circle at 10% 0%, rgba(110, 47, 98, 0.16), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(216, 168, 90, 0.18), transparent 26%),
        linear-gradient(180deg, #fff9fb 0%, #f7edf5 48%, #efe1ef 100%);
}

body.is-bar-page .site-header,
body.is-speaker-page .site-header {
    border-color: var(--page-accent-line);
}

body.is-bar-page .page-title,
body.is-bar-page .eyebrow,
body.is-bar-page .metric-label,
body.is-bar-page .pill {
    color: var(--page-accent-strong);
}

body.is-speaker-page .page-title,
body.is-speaker-page .eyebrow,
body.is-speaker-page .metric-label,
body.is-speaker-page .pill {
    color: var(--page-accent-strong);
}

body.is-bar-page .btn,
body.is-speaker-page .btn {
    border: 1px solid transparent;
}

body.is-bar-page .btn-primary,
body.is-bar-page .header-actions .btn-primary,
body.is-speaker-page .btn-primary,
body.is-speaker-page .header-actions .btn-primary {
    color: #fff;
    border-color: color-mix(in srgb, var(--page-accent-dark) 18%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--page-accent-gold) 34%, var(--page-accent)), var(--page-accent) 58%, var(--page-accent-dark));
    box-shadow: 0 14px 30px var(--page-button-shadow);
}

body.is-bar-page .btn-primary:hover,
body.is-bar-page .header-actions .btn-primary:hover,
body.is-speaker-page .btn-primary:hover,
body.is-speaker-page .header-actions .btn-primary:hover {
    transform: translateY(-2px);
    background:
        linear-gradient(135deg, var(--page-accent-gold), var(--page-accent) 54%, var(--page-accent-dark));
    box-shadow: 0 18px 38px color-mix(in srgb, var(--page-button-shadow) 78%, #000 12%);
}

body.is-bar-page .btn-secondary,
body.is-speaker-page .btn-secondary {
    color: var(--page-accent-dark);
    border-color: color-mix(in srgb, var(--page-accent) 24%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--page-accent-soft) 78%, #fff), color-mix(in srgb, var(--page-accent-gold) 18%, #fff));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--page-button-shadow) 30%, transparent);
}

body.is-bar-page .btn-secondary:hover,
body.is-speaker-page .btn-secondary:hover {
    color: #fff;
    background: linear-gradient(135deg, var(--page-accent), var(--page-accent-dark));
}

body.is-bar-page .btn-outline,
body.is-bar-page .btn-ghost,
body.is-speaker-page .btn-outline,
body.is-speaker-page .btn-ghost {
    color: var(--page-accent-strong);
    border-color: var(--page-accent-line);
    background: rgba(255, 255, 255, 0.86);
}

body.is-bar-page .btn-outline:hover,
body.is-bar-page .btn-ghost:hover,
body.is-speaker-page .btn-outline:hover,
body.is-speaker-page .btn-ghost:hover {
    color: var(--page-accent-dark);
    border-color: color-mix(in srgb, var(--page-accent) 42%, transparent);
    background: var(--page-accent-soft);
}

body.is-bar-page .btn:focus-visible,
body.is-speaker-page .btn:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--page-accent-gold) 68%, transparent);
    outline-offset: 3px;
}

body.is-bar-page .form-card,
body.is-bar-page .panel,
body.is-bar-page .card,
body.is-bar-page .table-card,
body.is-bar-page .bar-directory-card {
    border-color: var(--page-accent-line);
}

body.is-speaker-page .form-card,
body.is-speaker-page .panel,
body.is-speaker-page .card,
body.is-speaker-page .table-card,
body.is-speaker-page .speaker-directory-card {
    border-color: var(--page-accent-line);
}

body.is-bar-page .section-header,
body.is-speaker-page .section-header {
    padding: 1.1rem;
    border: 1px solid var(--page-accent-line);
    border-radius: 22px;
    background:
        linear-gradient(135deg, var(--page-accent-soft), rgba(255, 255, 255, 0.72)),
        var(--panel);
}

body.is-bar-page input:focus,
body.is-bar-page textarea:focus,
body.is-bar-page select:focus,
body.is-speaker-page input:focus,
body.is-speaker-page textarea:focus,
body.is-speaker-page select:focus {
    border-color: var(--page-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--page-accent) 16%, transparent);
}

body.is-bar-page .bar-directory-card:hover,
body.is-speaker-page .speaker-directory-card:hover {
    border-color: var(--page-accent);
}
