/* Public pages reuse the portal palette while keeping their existing layout. */
.tems-public-theme .public-theme-control[hidden] { display: none; }
.tems-public-theme .public-theme-control {
    display: grid;
    gap: 4px;
    min-width: 92px;
    color: var(--tems-color-muted);
    font-size: .72rem;
    font-weight: 700;
}
.tems-public-theme .public-theme-control select {
    min-height: var(--tems-control-height);
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--tems-border-strong);
    border-radius: var(--tems-radius-sm);
    background: var(--tems-surface);
    color: var(--tems-color-text);
    font: 600 .84rem/1.3 var(--tems-font-body);
    cursor: pointer;
}
.tems-public-theme .public-theme-control select:focus-visible {
    outline: 3px solid var(--tems-link, var(--tems-color-blue));
    outline-offset: 3px;
}
@media (min-width: 601px) and (max-width: 1100px) {
    .tems-public-theme .nav { flex-wrap: wrap; }
    .tems-public-theme .brand { width: 100%; }
    .tems-public-theme .nav-links { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
}
@media (max-width: 600px) {
    .tems-public-theme .public-theme-control { grid-column: 1/-1; padding: 8px 10px; }
}
@media screen {
    html[data-tems-portal="public"][data-tems-theme="dark"] {
        --brand-dark: var(--tems-danger-text);
    }
    html[data-tems-portal="public"][data-tems-theme="dark"] .tems-public-theme
    :is(.logo,.skip-link,.cta-box,.visitor-note,.highlight-panel,.credential-panel,.coach-credential,.footer) {
        background: var(--tems-sidebar-start);
    }
    html[data-tems-portal="public"][data-tems-theme="dark"] .tems-public-theme
    :is(.preview-card > span,.coach-credential .section-kicker,.credential-panel strong,.highlight-panel > strong,.footer-contact a:hover),
    html[data-tems-portal="public"][data-tems-theme="dark"] .tems-public-theme
    :is(.numbered-list li,.info-card li)::before {
        color: var(--tems-danger-text);
    }
    html[data-tems-portal="public"][data-tems-theme="dark"] .tems-public-theme .nav-links > a[aria-current="page"] {
        color: var(--tems-link);
    }
    html[data-tems-portal="public"][data-tems-theme="dark"] .tems-public-theme :is(a,button,select):focus-visible {
        outline-color: var(--tems-link);
    }
}
@media print {
    .tems-public-theme .public-theme-control { display: none; }
}