﻿.social-life-panel {
    padding: clamp(22px, 3vw, 34px);
}

.social-life-content {
    color: var(--color-text);
    overflow: hidden;
}

.social-life-content,
.social-life-content p,
.social-life-content li,
.social-life-content td,
.social-life-content th,
.social-life-content span,
.social-life-content div {
    color: var(--color-text) !important;
    font-family: var(--site-font-family) !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.social-life-content h2,
.social-life-content h3,
.social-life-content h4,
.social-life-content strong,
.social-life-content b {
    color: var(--color-text) !important;
}

.social-life-content p {
    margin: 0 0 18px;
}

.social-life-content img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    margin: 18px auto;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: 6px;
    box-shadow: 0 10px 24px rgba(0, 59, 112, 0.1);
}

.social-life-content table {
    border-collapse: collapse;
    display: block;
    margin: 20px 0;
    max-width: 100%;
    overflow-x: auto;
    width: 100% !important;
}

.social-life-content td,
.social-life-content th {
    border: 1px solid var(--color-line);
    padding: 10px;
    vertical-align: top;
}

.social-life-content hr {
    border: 0;
    border-top: 1px solid var(--color-line);
    margin: 28px 0;
}

/* Executive inner-page theme */
.social-life-panel {
    padding: clamp(28px, 4vw, 46px);
}

.social-life-content,
.social-life-content p,
.social-life-content li,
.social-life-content td,
.social-life-content th,
.social-life-content span,
.social-life-content div {
    color: var(--color-muted) !important;
    font-family: var(--site-font-family) !important;
}

.social-life-content h2,
.social-life-content h3,
.social-life-content h4,
.social-life-content strong,
.social-life-content b {
    color: var(--ez-text, var(--color-text)) !important;
}

.social-life-content img,
.social-life-content td,
.social-life-content th {
    border-color: rgba(19, 24, 49, 0.14);
    border-radius: 0;
    box-shadow: none;
}

/* Refined social-life scale */
.social-life-panel {
    border-radius: 6px;
    padding: clamp(24px, 3.4vw, 40px);
}

.social-life-content,
.social-life-content p,
.social-life-content li,
.social-life-content td,
.social-life-content th,
.social-life-content span,
.social-life-content div {
    color: var(--site-muted, var(--color-muted)) !important;
    font-family: var(--site-font-family) !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
}

.social-life-content h2,
.social-life-content h3,
.social-life-content h4,
.social-life-content strong,
.social-life-content b {
    color: var(--site-ink, var(--color-text)) !important;
    font-family: var(--site-font-family) !important;
}

.social-life-content img,
.social-life-content td,
.social-life-content th {
    border-radius: 6px;
}

.social-life-copy {
    max-width: 76ch;
}

.social-life-event {
    border-top: 1px solid var(--color-line);
    margin-top: clamp(24px, 3vw, 34px);
    padding-top: clamp(20px, 2.6vw, 30px);
}

.social-life-event__date {
    color: var(--color-accent-hover) !important;
    font-weight: 800;
    margin-bottom: 10px !important;
}

.social-life-figure,
.social-life-gallery figure {
    margin: 0;
}

.social-life-gallery {
    display: grid;
    gap: clamp(14px, 2vw, 22px);
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    margin-top: clamp(20px, 3vw, 34px);
}

.social-life-gallery--compact {
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 280px));
}

.social-life-gallery img,
.social-life-figure img {
    aspect-ratio: 3 / 2;
    height: 100% !important;
    margin: 0;
    object-fit: cover;
    width: 100% !important;
}
