[x-cloak] { display: none !important; }

.pa-paper {
    background: var(--pa-paper, #f4f2ec);
    color: var(--pa-ink, #111);
}

.pa-sans {
    font-family: var(--pa-sans, "Outfit", ui-sans-serif, system-ui, sans-serif);
}

.pa-serif {
    font-family: var(--pa-serif, "Source Serif 4", Georgia, serif);
}

.pa-kicker {
    font-family: var(--pa-sans, "Outfit", ui-sans-serif, system-ui, sans-serif);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--pa-mute, rgba(17, 17, 17, 0.55));
}

.pa-display {
    font-family: var(--pa-serif, "Source Serif 4", Georgia, serif);
    color: var(--pa-ink, #111);
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.02;
}

.pa-lead {
    font-family: var(--pa-serif, "Source Serif 4", Georgia, serif);
    color: var(--pa-mute, rgba(17, 17, 17, 0.55));
    line-height: 1.6;
}

.pa-card {
    background: var(--theme-surface-bg, #fff);
    border: 1px solid var(--pa-line, rgba(17, 17, 17, 0.12));
    color: var(--pa-ink, #111);
}

.pa-btn,
.pa-btn-ghost {
    font-family: var(--pa-sans, "Outfit", ui-sans-serif, system-ui, sans-serif);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 600;
}

.pa-btn {
    background: var(--pa-accent, #eeab4d);
    color: #111;
}

.pa-btn:hover {
    background: #f3bc67;
}

.pa-btn-ghost {
    border: 1px solid var(--pa-line, rgba(17, 17, 17, 0.12));
    color: var(--pa-ink, #111);
    background: transparent;
}

.pa-btn-ghost:hover {
    background: rgba(17, 17, 17, 0.04);
}

.pa-nav-link {
    font-family: var(--pa-sans, "Outfit", ui-sans-serif, system-ui, sans-serif);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--pa-ink, #111);
}

.pa-nav-link.is-active {
    box-shadow: inset 0 -2px 0 var(--pa-accent, #eeab4d);
}

html[data-theme-resolved='light'] .pa-paper [class*="text-white"] {
    color: var(--pa-ink, #111);
}

html[data-theme-resolved='dark'] .pa-btn,
html[data-theme-resolved='dark'] .pa-btn-ghost:hover {
    color: #111;
}

.pa-prose a {
    color: var(--theme-link-color);
    text-decoration: underline;
    text-underline-offset: 0.16em;
}