/* Shared individual support page body layout */

.family-practical-content,
.counselling-emotional-content,
.accommodations-travel-content,
.specialized-medical-content,
.education-support-content {
    max-width: var(--container-wide);
    margin-inline: auto;
    padding-top: clamp(80px, 8vw, 120px);
    padding-right: var(--container-padding);
    padding-bottom: clamp(56px, 6vw, 84px);
    padding-left: var(--container-padding);
}

.family-practical-content > .wp-block-group__inner-container,
.counselling-emotional-content > .wp-block-group__inner-container,
.accommodations-travel-content > .wp-block-group__inner-container,
.specialized-medical-content > .wp-block-group__inner-container,
.education-support-content > .wp-block-group__inner-container {
    max-width: 920px;
    margin-inline: auto;
}

.family-practical-content > .wp-block-group__inner-container > .wp-block-group,
.counselling-emotional-content > .wp-block-group__inner-container > .wp-block-group,
.accommodations-travel-content > .wp-block-group__inner-container > .wp-block-group,
.specialized-medical-content > .wp-block-group__inner-container > .wp-block-group,
.education-support-content > .wp-block-group__inner-container > .wp-block-group {
    max-width: 920px;
    margin-inline: auto;
}

.family-practical-content > .wp-block-group__inner-container > .wp-block-group:first-child,
.counselling-emotional-content > .wp-block-group__inner-container > .wp-block-group:first-child,
.accommodations-travel-content > .wp-block-group__inner-container > .wp-block-group:first-child,
.specialized-medical-content > .wp-block-group__inner-container > .wp-block-group:first-child,
.education-support-content > .wp-block-group__inner-container > .wp-block-group:first-child {
    max-width: 680px;
}

.family-practical-content h2.wp-block-heading,
.counselling-emotional-content h2.wp-block-heading,
.accommodations-travel-content h2.wp-block-heading,
.specialized-medical-content h2.wp-block-heading,
.education-support-content h2.wp-block-heading {
    font-size: clamp(32px, 3vw, 44px);
    line-height: 1.08;
    letter-spacing: -0.04em;
    margin-bottom: 22px;
}

.family-practical-content h3.wp-block-heading,
.counselling-emotional-content h3.wp-block-heading,
.accommodations-travel-content h3.wp-block-heading,
.specialized-medical-content h3.wp-block-heading,
.education-support-content h3.wp-block-heading {
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.12;
    letter-spacing: -0.03em;
    margin-bottom: 12px;
}

.family-practical-content p,
.counselling-emotional-content p,
.accommodations-travel-content p,
.specialized-medical-content p,
.education-support-content p {
    font-size: clamp(16px, 1vw, 18px);
    line-height: 1.68;
}

.family-practical-support-grid,
.counselling-emotional-support-grid,
.accommodations-travel-support-grid,
.specialized-medical-support-grid,
.education-support-grid {
    max-width: 920px !important;
    margin-top: clamp(44px, 5vw, 64px);
    margin-bottom: clamp(44px, 5vw, 64px);
}

.family-practical-support-grid .wp-block-columns,
.counselling-emotional-support-grid .wp-block-columns,
.accommodations-travel-support-grid .wp-block-columns,
.specialized-medical-support-grid .wp-block-columns,
.education-support-grid .wp-block-columns {
    gap: clamp(40px, 5vw, 72px);
    margin-bottom: clamp(28px, 4vw, 44px);
}

.family-practical-support-grid .wp-block-columns:last-child,
.counselling-emotional-support-grid .wp-block-columns:last-child,
.accommodations-travel-support-grid .wp-block-columns:last-child,
.specialized-medical-support-grid .wp-block-columns:last-child,
.education-support-grid .wp-block-columns:last-child {
    margin-bottom: 0;
}

.family-practical-support-grid .wp-block-column,
.counselling-emotional-support-grid .wp-block-column,
.accommodations-travel-support-grid .wp-block-column,
.specialized-medical-support-grid .wp-block-column,
.education-support-grid .wp-block-column {
    padding-top: 18px;
    border-top: 1px solid rgba(20, 20, 20, 0.14);
}

.family-practical-note,
.counselling-emotional-note,
.accommodations-travel-note,
.specialized-medical-note,
.education-support-note {
    max-width: 720px !important;
    padding: clamp(32px, 4vw, 52px);
    background: rgba(184, 43, 62, 0.06);
    border-left: 4px solid var(--color-red);
}

.family-practical-note h2.wp-block-heading,
.counselling-emotional-note h2.wp-block-heading,
.accommodations-travel-note h2.wp-block-heading,
.specialized-medical-note h2.wp-block-heading,
.education-support-note h2.wp-block-heading {
    font-size: clamp(26px, 2.4vw, 34px);
}