body {
  background-color: #FEFBF7;
  margin: 0;
}

.pt-locale-switcher { display: inline-flex; gap: 4px; align-items: center; margin-left: 12px; }
.pt-locale-switcher__current { font-weight: 600; padding: 4px 8px; }
.pt-locale-switcher__link { padding: 4px 8px; color: var(--fg-mute); text-decoration: none; }
.pt-locale-switcher__link:hover { color: var(--fg); }

.pt-locale-toggle { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-alt); margin-bottom: 16px; vertical-align: middle; }
.pt-locale-toggle__current { padding: 4px 12px; background: var(--bg); border-radius: 6px; font-weight: 600; }
.pt-locale-toggle__link { padding: 4px 12px; color: var(--fg-mute); text-decoration: none; border-radius: 6px; }
.pt-locale-toggle__link:hover { background: var(--bg); color: var(--fg); }
.pt-localized-preview { font-size: 13px; color: var(--fg-mute); padding: 8px 12px; background: var(--bg-alt); border-radius: 6px; margin-top: 4px; border-left: 3px solid var(--border); }
.pt-localized-preview__label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.6; margin-bottom: 4px; }

.pt-pill { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; }
.pt-pill--ok { background: #d4edda; color: #155724; }
.pt-pill--warn { background: #fff3cd; color: #856404; }