:root {
    --portal-shared-accent: #0f7b6c;
    --portal-shared-surface: #eef9f6;
    --portal-shared-border: #cfe7e2;
    --portal-shared-text: #13322d;
}

.portal-common-content {
    margin: 1.5rem 0;
}

.portal-common-content__header,
.portal-common-content__panel {
    border: 1px solid var(--portal-shared-border);
    border-radius: 1rem;
    background: var(--portal-shared-surface);
    color: var(--portal-shared-text);
    box-shadow: 0 12px 32px rgba(15, 123, 108, 0.08);
}

.portal-common-content__header {
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
}

.portal-common-content__panel {
    padding: 1.5rem;
}

.portal-common-content__eyebrow {
    display: inline-block;
    margin-bottom: 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--portal-shared-accent);
}

.portal-common-content__headline,
.portal-common-content__title {
    margin: 0;
    font-weight: 700;
    line-height: 1.2;
}

.portal-common-content__headline {
    font-size: 1.75rem;
}

.portal-common-content__title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.portal-common-content__description {
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 640px) {
    .portal-common-content__header,
    .portal-common-content__panel {
        padding: 1rem;
    }

    .portal-common-content__headline {
        font-size: 1.4rem;
    }
}