.content-detail.section { padding-top: 70px; padding-bottom: 90px; }
.content-detail-main-image { height: 100%; min-height: 430px; background: #f4f4f4; }
.content-detail-main-image img { width: 100%; height: 100%; object-fit: cover; }
.content-detail-placeholder { min-height: 430px; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--accent-color); font-size: 5rem; }
.content-detail-summary { display: flex; flex-direction: column; justify-content: center; background: var(--surface-color); }
.content-detail-label { align-self: flex-start; margin-bottom: 20px; padding: 7px 13px; border-radius: 30px; color: var(--contrast-color); background: var(--accent-color); font-size: .8rem; font-weight: 700; }
.content-detail-summary h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin-bottom: 18px; }
.content-detail-date { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; color: color-mix(in srgb, var(--default-color), transparent 35%); }
.content-detail-lead { font-size: 1.05rem; line-height: 1.75; }
.content-detail-summary .action-buttons { justify-content: flex-start; }
.content-detail-body { margin-top: 70px; }
.content-detail-text { background: var(--surface-color); box-shadow: 0 8px 24px rgba(0,0,0,.04); line-height: 1.75; }
.content-detail .section-heading-left { border-left: 5px solid var(--accent-color); padding-left: 18px; margin-bottom: 24px; }
.content-detail .section-heading-left h2 { margin: 0; font-size: 1.7rem; font-weight: 700; }
.content-gallery-item { display: block; height: 260px; overflow: hidden; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--default-color), transparent 86%); }
.content-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.content-gallery-item:hover img { transform: scale(1.04); }
.content-employee-card { position: sticky; top: 110px; text-align: center; background: var(--surface-color); }
.content-employee-label { margin-bottom: 18px; color: color-mix(in srgb, var(--default-color), transparent 35%); font-size: .88rem; }
.content-employee-card img { width: 150px; height: 150px; margin-bottom: 18px; border-radius: 50%; object-fit: cover; object-position: top center; background: #f2f2f2; }
.content-employee-card h3 { font-size: 1.25rem; margin-bottom: 7px; }
.content-employee-card p { color: color-mix(in srgb, var(--default-color), transparent 30%); }
.content-employee-card .btn { display: inline-flex; align-items: center; justify-content: center; background: var(--accent-color); color: var(--contrast-color); }
.content-related { margin-top: 90px; }
.content-related-card { display: block; height: 100%; overflow: hidden; color: inherit; text-decoration: none; background: var(--surface-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 86%); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.05); transition: transform .25s ease, box-shadow .25s ease; }
.content-related-card:hover { color: inherit; transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.09); }
.content-related-image { height: 210px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #f4f4f4; color: var(--accent-color); font-size: 3rem; }
.content-related-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.content-related-card:hover img { transform: scale(1.04); }
.content-related-card h3 { font-size: 1.1rem; line-height: 1.4; }
.content-related-card span { display: inline-flex; gap: 8px; color: var(--accent-color); font-weight: 600; }
@media (max-width: 991.98px) { .content-employee-card { position: static; } }
@media (max-width: 767.98px) { .content-detail.section { padding-top: 50px; padding-bottom: 65px; } .content-detail-main-image, .content-detail-placeholder { min-height: 300px; } .content-detail-body { margin-top: 50px; } .content-related { margin-top: 65px; } }