/* Use the approved trustee Office Page components, with adjustments scoped to this draft. */
.special-district-director-design .director-result-actions { display:flex;gap:24px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid var(--area-line);margin-top:20px; }
.special-district-director-design .director-result-actions a,.special-district-director-design .trustee-result-table a { display:inline-flex;gap:9px;align-items:center;color:var(--area-teal);font-weight:800; }
.special-district-director-design .director-result-actions a { font-size:.8rem; }
.special-district-director-design .trustee-result-table a { font-size:inherit; }
.special-district-director-design .trustee-result-table th { min-width:0; }
.special-district-director-design .trustee-committee { margin-top:24px; }
.special-district-director-design .trustee-committee p { max-width:85ch; }
@media(max-width:700px) {
 body.special-district-director-design[data-hierarchy-style="panel"] .area-identity-line { width:100%; }
 .special-district-director-design .trustee-result-table th { width:58%; }
 .special-district-director-design .trustee-result-table a .ptp-inline-page-mark { display:none; }
 .special-district-director-design .trustee-result-table td { padding-inline:7px; }
}

/* Full-width photos follow the approved institution responsibility cards. */
.special-district-director-design .office-record-card { padding:0;overflow:hidden; }
.special-district-director-design .director-record-photo { display:block;width:100%;height:180px;object-fit:cover;flex-shrink:0; }
.special-district-director-design .director-record-copy { display:flex;flex-direction:column;flex:1;padding:24px; }
.special-district-director-design .director-record-copy h3 { margin:10px 0 14px;font:1.45rem/1.3 Georgia,serif; }
.special-district-director-design .director-record-copy p:not(.office-panel-kicker) { margin:0 0 20px;color:var(--area-muted);font-size:.86rem;line-height:1.65; }
.special-district-director-design .director-record-copy>strong { margin-top:auto;padding-top:8px;color:var(--area-teal);font-size:.72rem; }
.special-district-director-design .office-record-card:focus-visible { outline:3px solid var(--area-teal);outline-offset:3px; }
.special-district-director-design .news-section .section-kicker { color:var(--area-teal-light); }