.pp-card {
    background: var(--pp-color-surface);
    border: 1px solid var(--pp-color-border);
    border-radius: var(--pp-radius-lg);
    box-shadow: var(--pp-shadow-sm);
}

.pp-card__body {
    padding: var(--pp-space-6);
}

.pp-card__title {
    color: var(--pp-color-ink);
    font-size: var(--pp-font-size-lg);
    font-weight: 800;
    line-height: var(--pp-line-height-tight);
    margin-bottom: var(--pp-space-2);
}

.pp-card__text {
    color: var(--pp-color-ink-muted);
    line-height: var(--pp-line-height-base);
    margin-bottom: 0;
}

.pp-action-card {
    align-items: flex-start;
    color: var(--pp-color-ink);
    display: flex;
    gap: var(--pp-space-4);
    height: 100%;
    min-height: 10rem;
    padding: var(--pp-space-5);
    text-decoration: none;
    transition: border-color var(--pp-transition-base), box-shadow var(--pp-transition-base), transform var(--pp-transition-base);
}

.pp-action-card:hover,
.pp-action-card:focus {
    border-color: var(--pp-color-brand-600);
    box-shadow: var(--pp-shadow-md);
    color: var(--pp-color-ink);
    transform: translateY(-2px);
}

.pp-action-card:focus-visible {
    outline: var(--pp-focus-ring-width) solid var(--pp-color-focus-ring);
    outline-offset: var(--pp-focus-ring-offset);
}

.pp-action-card__icon {
    align-items: center;
    background: var(--pp-color-brand-100);
    border-radius: var(--pp-radius-md);
    color: var(--pp-color-brand-700);
    display: inline-flex;
    flex: 0 0 2.75rem;
    font-size: 1.25rem;
    height: 2.75rem;
    justify-content: center;
}