/* Public pages share the configured pair; no admin selectors and no map/canvas repaint. */
html[data-cotnas-public] body {
  --bg:var(--ap-bg);--bg0:var(--ap-bg);--bg1:var(--ap-alt);--bg2:var(--ap-surface);
  --panel:var(--ap-surface);--surface:var(--ap-surface);--card:var(--ap-surface);
  --text:var(--ap-ink);--ink:var(--ap-ink);--muted:var(--ap-muted);--line:var(--ap-line);
  --border:var(--ap-line);--accent:var(--ap-accent);--primary:var(--ap-accent);
  --green:var(--ap-accent);--green-2:var(--ap-accent);--panel-2:var(--ap-alt);--shadow:var(--ap-shadow);
  --ocean-text:var(--ap-ink);--ocean-muted:var(--ap-muted);--ocean-accent:var(--ap-accent);
  --cp-text:var(--ap-ink);--cp-muted:var(--ap-muted);
  background:var(--ap-bg)!important;color:var(--ap-ink)!important;
}
html[data-cotnas-public] body :is(h1,h2,h3,h4,h5,legend,label,summary){color:var(--ap-ink)}
html[data-cotnas-public] body a:not(.btn):not(.button):not(.cp-button){color:var(--ap-accent)!important}
html[data-cotnas-public] body :is(.articles-brand,.brand,.cp-logo,.hero-card strong){color:var(--ap-accent)!important}
html[data-cotnas-public] body .brand small{color:var(--ap-muted)!important}
html[data-cotnas-public] body :is(.sidebar-box,.cp-conclusion,.cp-faq,.cp-aside){background:var(--ap-surface)!important;color:var(--ap-ink)!important;border-color:var(--ap-line)!important}
html[data-cotnas-public] body :is(blockquote,.cp-section-alt,.category-row .tag){background:var(--ap-alt)!important;color:var(--ap-ink)!important;border-color:var(--ap-line)!important}
html[data-cotnas-public] body :is(.top,.topbar,.cotnas-topbar,.app-header,.account-header,.rep-topbar,.articles-header,.cp-header,.page-header,footer,.articles-footer,.cp-footer){background:var(--ap-surface)!important;color:var(--ap-ink)!important;border-color:var(--ap-line)!important}
html[data-cotnas-public] body :is(.card,.panel,.box,.stage,.lesson,.question,.sources,.console,.hero,.hero-card,.content-card,.article-card,.article-body,.article-content,.article-prose,.article-sidebar,.article-hero,.articles-hero,.articles-toolbar,.articles-filters,.empty-state,.cp-hero,.cp-card,.cp-block,.cp-section,.cp-panel,.cp-cta,.tool-card,.result-card,.kp-card,.pdf-card,.login-box,.account-card,.notice){background:var(--ap-surface)!important;color:var(--ap-ink)!important;border-color:var(--ap-line)!important;box-shadow:var(--ap-shadow)}
html[data-cotnas-public] body :is(.pill,.tags span,.category-chip,.category-pill,.step-visual,.step-visual span,.steps li,.question label,details,.lesson.locked){background:var(--ap-alt)!important;color:var(--ap-ink)!important;border-color:var(--ap-line)!important}
html[data-cotnas-public] body :is(.muted,.hint,.lead,.eyebrow,.number,.read-status,.article-subtitle,.article-byline,.article-meta,.article-excerpt,.article-deck,.cp-lead,.cp-kicker,.cp-card p,.article-card p,.account-note){color:var(--ap-muted)!important}
html[data-cotnas-public] body :is(p,li,dd,dt,td,th){border-color:var(--ap-line)}
html[data-cotnas-public] body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){background:var(--ap-bg)!important;color:var(--ap-ink)!important;border-color:var(--ap-line)!important;accent-color:var(--ap-accent)}
html[data-cotnas-public] body ::placeholder{color:var(--ap-muted)!important;opacity:1}
html[data-cotnas-public] body :is(.btn,.button,.cp-button,.account-actions a,.account-actions button,button[type=submit],.brand-icon){background:var(--ap-button)!important;color:var(--ap-on-button)!important;border-color:var(--ap-button)!important}
html[data-cotnas-public] body :is(.btn.secondary,.button.secondary){background:var(--ap-alt)!important;color:var(--ap-ink)!important;border-color:var(--ap-line)!important}
html[data-cotnas-public] body :is(thead,th){background:var(--ap-alt);color:var(--ap-ink)}
html[data-cotnas-public] body :is(code,pre){color:var(--ap-ink);background:var(--ap-alt);border-color:var(--ap-line)}
html[data-cotnas-public] body :focus-visible{outline:3px solid var(--ap-accent);outline-offset:3px}
html[data-cotnas-public] .appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 13px;min-height:40px;flex-shrink:0;white-space:nowrap;font:600 13px/1.2 system-ui,sans-serif;cursor:pointer;border:1px solid var(--ap-line)!important;border-radius:30px;background:var(--ap-surface)!important;color:var(--ap-ink)!important}
html[data-cotnas-public] .appearance-toggle--floating{position:fixed;right:16px;bottom:16px;z-index:1000;box-shadow:var(--ap-shadow)}
html[data-cotnas-public][data-theme=porcelana] :is(.article-hero h1,.articles-hero h1,.cp-hero h1,.catalog-title){font-family:Georgia,'Times New Roman',serif}
.catalog-title{margin:0 0 20px;font-size:30px;line-height:1.2}
/* Preserve semantic alerts rather than treating a safety warning as an ordinary card. */
html[data-cotnas-public] .notice{border-left:4px solid #c98b29!important}
html[data-cotnas-public] .success{border-left-color:#398d65!important}
@media print{html[data-cotnas-public] body,html[data-cotnas-public] body :is(.card,.panel,.stage,.article-body,.article-content){background:white!important;color:black!important;box-shadow:none!important}.appearance-toggle{display:none!important}}