/* ==========================================================================
   Advisory Governing Council — extends new_theme_design.css, reuses its variables
   ========================================================================== */

.board-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:34px;}
@media(min-width:640px){.board-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:960px){.board-grid{grid-template-columns:repeat(3,1fr);}}

.board-card{background:#fff;border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;cursor:pointer;transition:.2s;text-align:left;display:block;width:100%;padding:0;}
.board-card:hover{box-shadow:var(--sh);transform:translateY(-3px);border-color:var(--gold);}
.board-photo{width:100%;height:260px;object-fit:cover;display:block;background:var(--cream);}
.board-info{padding:18px 20px;}
.board-name{font-family:var(--sans);font-weight:800;font-size:16px;color:var(--navy);margin-bottom:4px;}
.board-role{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--gold-deep);margin-bottom:10px;}
.board-social a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--navy);text-decoration:none;}
.board-social a:hover{color:var(--gold-deep);}

/* Profile detail modal */
.board-modal .modal-content{border-radius:16px;border:1px solid var(--line-soft);overflow:hidden;font-family:var(--sans);}
.board-modal .modal-header{background:var(--cream);border-bottom:1px solid var(--line-soft);padding:18px 24px;}
.board-modal .modal-title{font-family:var(--sans);font-weight:800;font-size:16px;color:var(--navy);}
.board-modal .modal-body{padding:30px;}
.board-modal-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 18px;border:3px solid var(--gold-soft);}
.board-modal-name{text-align:center;font-family:var(--sans);font-weight:800;font-size:19px;color:var(--navy);}
.board-modal-role{text-align:center;font-family:var(--serif);font-style:italic;font-size:14px;color:var(--gold-deep);margin-bottom:18px;}
.board-modal-bio{font-size:14px;line-height:1.7;color:var(--muted);}
.board-modal-social{display:flex;justify-content:center;margin-top:20px;}
.board-modal-social a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--navy);border:1px solid var(--line-soft);padding:8px 16px;border-radius:20px;text-decoration:none;}
.board-modal-social a:hover{border-color:var(--gold);color:var(--gold-deep);}
.board-modal .modal-footer{border-top:1px solid var(--line-soft);padding:14px 24px;}
.btn-close-modal{background:var(--gold);color:var(--navy);border:none;border-radius:20px;padding:8px 18px;font-family:var(--sans);font-weight:700;font-size:12px;cursor:pointer;transition:.2s;}
.btn-close-modal:hover{background:var(--gold-soft);}