/* Public pages share the mobile appearance palette without the mobile layout. */
html.public-product-site {
    --paper: var(--m-bg);
    --ink: var(--m-text);
    --muted: var(--m-muted);
    --line: var(--m-line);
}
[data-public-appearance] .public-product-header { background: var(--m-bg); color: var(--m-text); border-color: var(--m-line); }
[data-public-appearance] .public-product-signin,
[data-public-appearance] .public-product-footer { border-color: var(--m-line); }
[data-public-appearance] .public-product-breadcrumbs,
[data-public-appearance] .public-product-footer p { color: var(--m-muted); }
[data-public-appearance] .public-product-breadcrumbs [aria-current="page"],
[data-public-appearance] .public-product-footer,
[data-public-appearance] .public-product-footer-brand,
[data-public-appearance] .public-product-footer nav a,
[data-public-appearance] .public-product-footer nav button { color: var(--m-text); }
[data-public-appearance] .public-product-breadcrumbs a,
[data-public-appearance] .public-product-header a:hover,
[data-public-appearance] .public-product-footer nav a:hover,
[data-public-appearance] .public-product-footer nav button:hover { color: var(--m-link); }
[data-public-appearance] .public-product-header a:focus-visible,
[data-public-appearance] .public-product-breadcrumbs a:focus-visible,
.public-center-appearance select:focus-visible { outline: 3px solid var(--m-focus); outline-offset: 3px; }
[data-public-appearance][data-color-mode="dark"] .public-product-brand img { mix-blend-mode: normal; filter: brightness(0) invert(1); }
.public-center-appearance { display: flex; align-items: center; gap: 8px; }
.public-center-appearance span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.public-center-appearance select { max-width: 180px; min-height: 40px; padding: 8px; border: 1px solid var(--m-line); border-radius: 8px; font: inherit; color: var(--m-text); background: var(--m-surface); cursor: pointer; }
.public-product-site a:focus-visible,
.public-product-site button:focus-visible,
.public-product-site input:focus-visible,
.public-product-site summary:focus-visible,
.public-product-site [tabindex]:focus-visible { outline-color: var(--m-focus); }
.public-product-site .button-dark { background: var(--m-text); color: var(--m-bg); }
.public-product-site .button-dark:hover { background: var(--m-link); }
.public-product-site .button { transition-property: transform; }
.public-product-site .section-tab { transition-property: border-color; }
.public-product-site .skip-link { background: var(--m-text); color: var(--m-bg); }
.public-product-site .center-search input { background: var(--m-surface); color: var(--m-text); border-color: var(--m-line); }
.public-product-site input::placeholder { color: var(--m-muted); opacity: 1; }
.public-product-site .center-card,
.public-product-site .center-detail-card,
.public-product-site .center-empty { background: var(--m-surface); border-color: var(--m-line); }
.public-product-site .center-location,
.public-product-site .center-card .eyebrow,
.public-product-site .center-pages span { color: var(--m-muted); }
.public-product-site .center-card .center-footer-link { border-color: var(--m-line); color: var(--m-link); }
.public-product-site .center-pages a,
.public-product-site .center-empty a,
.public-product-site .center-back { color: var(--m-link); }
.public-product-site .center-mark { color: var(--m-link); background: var(--m-tint); }
.public-product-site[data-color-mode="dark"] .entry-section,
.public-product-site[data-color-mode="dark"] .capabilities-section { background: var(--m-surface2); border-color: var(--m-line); }
.public-product-site[data-color-mode="dark"] .hero-visual,
.public-product-site[data-color-mode="dark"] .entry-card,
.public-product-site[data-color-mode="dark"] .capability-card,
.public-product-site[data-color-mode="dark"] .perspective-panel,
.public-product-site[data-color-mode="dark"] .preset-panel,
.public-product-site[data-color-mode="dark"] .product-screen-frame { background: var(--m-surface); border-color: var(--m-line); }
.public-product-site[data-color-mode="dark"] .entry-card-people { border-top-color: var(--blue); }
.public-product-site[data-color-mode="dark"] .entry-card-teams { border-top-color: var(--green); }
.public-product-site[data-color-mode="dark"] .product-tour-section { background: linear-gradient(180deg, var(--m-surface2), var(--m-bg) 85%); }
.public-product-site[data-color-mode="dark"] .visual-heading,
.public-product-site[data-color-mode="dark"] .visual-caption-end,
.public-product-site[data-color-mode="dark"] .entry-card-label,
.public-product-site[data-color-mode="dark"] .pillar-number,
.public-product-site[data-color-mode="dark"] .card-detail,
.public-product-site[data-color-mode="dark"] .capability-results,
.public-product-site[data-color-mode="dark"] .workflow-index,
.public-product-site[data-color-mode="dark"] .workflow-features li,
.public-product-site[data-color-mode="dark"] .workflow-details summary,
.public-product-site[data-color-mode="dark"] .workflow-detail-body,
.public-product-site[data-color-mode="dark"] .workflow-detail-body p { color: var(--m-muted); }
.public-product-site[data-color-mode="dark"] .hero-visual figcaption,
.public-product-site[data-color-mode="dark"] .card-detail,
.public-product-site[data-color-mode="dark"] .preset-focus li,
.public-product-site[data-color-mode="dark"] .capability-search,
.public-product-site[data-color-mode="dark"] .workflow-filters button,
.public-product-site[data-color-mode="dark"] .button-outline { border-color: var(--m-line); }
.public-product-site[data-color-mode="dark"] .workflow-links a,
.public-product-site[data-color-mode="dark"] .entry-card-link,
.public-product-site[data-color-mode="dark"] .workflow-card p.workflow-question,
.public-product-site[data-color-mode="dark"] .filter-reset,
.public-product-site[data-color-mode="dark"] .tab-number,
.public-product-site[data-color-mode="dark"] .product-screen-caption a,
.public-product-site[data-color-mode="dark"] .hero h1 span,
.public-product-site[data-color-mode="dark"] .footer-wordmark span,
.public-product-site[data-color-mode="dark"] .footer-links a:hover,
.public-product-site[data-color-mode="dark"] .text-link:hover { color: var(--m-link); }
.public-product-site[data-color-mode="dark"] .section-tab:hover,
.public-product-site[data-color-mode="dark"] .product-screen-tabs .section-tab,
.public-product-site[data-color-mode="dark"] .button-outline:hover,
.public-product-site[data-color-mode="dark"] .button-light:hover { background: var(--m-surface2); }
.public-product-site[data-color-mode="dark"] .section-tab[aria-selected="true"],
.public-product-site[data-color-mode="dark"] .product-screen-tabs .section-tab[aria-selected="true"],
.public-product-site[data-color-mode="dark"] .step-number,
.public-product-site[data-color-mode="dark"] .rhythm-steps li>span { background: var(--m-tint); color: var(--m-link); border-color: var(--m-link); }
.public-product-site[data-color-mode="dark"] .closing-panel { color: var(--m-text); }
@media (max-width: 760px) {
    [data-public-appearance] .public-product-header-inner { flex-wrap: wrap; }
    [data-public-appearance] .public-product-header nav { flex-wrap: wrap; }
}