/* The confirmed board is an editorial hierarchy, readable at every width. */
.board-directory { margin:0 var(--pad); padding:clamp(3.5rem,7vw,7rem) 0; scroll-margin-top:100px; }
.board-heading { display:grid; grid-template-columns:1fr 1.5fr; gap:clamp(2rem,7vw,7rem); align-items:end; margin-bottom:3.5rem; }
.board-heading .meta { color:var(--muted); margin:0 0 1rem; font-size:.75rem; }
.board-heading h2 { font-size:clamp(2.3rem,4.2vw,4.5rem); font-weight:500; line-height:1.06; letter-spacing:-.045em; margin:0; text-wrap:balance; }
.board-heading__detail { max-width:43ch; }
.board-heading__detail>p:last-child { margin:1.1rem 0 0; color:var(--muted); font-size:1rem; line-height:1.65; }
.board-directory .board-period { margin:0; padding-bottom:1rem; border-bottom:1px solid var(--line); font-size:.85rem; max-width:none; }
.board-period strong { display:block; margin-top:.2rem; color:var(--ink); font-size:2.2rem; font-weight:500; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.board-structure { position:relative; }
.board-chair { position:relative; margin:0 auto 3rem; padding:clamp(1.8rem,4vw,3rem); max-width:640px; background:var(--ink); color:var(--paper); text-align:center; }
.board-chair::after { content:''; position:absolute; top:100%; left:50%; width:1px; height:3rem; background:var(--line); }
.board-role { margin:0 0 .7rem; color:var(--blue-deep); font-size:.78rem; line-height:1.5; }
.board-person[id] { scroll-margin-top:110px; }
.board-division { margin:.65rem 0 0; color:var(--muted); font-size:.85rem; line-height:1.5; }
.board-report { display:inline-block; margin-top:.8rem; font-size:.8rem; line-height:1.5; color:var(--blue-deep); text-decoration:underline; text-underline-offset:3px; }
.board-name { font-size:clamp(1.2rem,2vw,1.65rem); line-height:1.25; letter-spacing:-.025em; font-weight:500; margin:0; text-wrap:balance; overflow-wrap:break-word; }
.board-chair .board-role { color:var(--blue-light); }
.board-chair .board-name { font-size:clamp(1.65rem,3vw,2.65rem); }
.board-deputies__list,.board-officers__list { list-style:none; padding:0; margin:0; display:grid; }
.board-deputies__list { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:2.5rem; border-top:1px solid var(--line); }
.board-person { padding:1.7rem 0 2rem; min-width:0; }
.board-deputies .board-person:nth-child(n+4) { border-top:1px solid var(--line); }
.board-officers { margin-top:1rem; padding-top:1.8rem; border-top:1px solid var(--line); }
.board-officers__list { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:3rem; }
.board-officers .board-person { padding:0 0 .5rem; }
@media(max-width:1000px) and (min-width:601px) {
 .board-deputies__list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .board-deputies .board-person:nth-child(n+3) { border-top:1px solid var(--line); }
}
@media(max-width:760px) {
 .board-heading { grid-template-columns:1fr; gap:1.7rem; margin-bottom:2rem; }
 .board-heading__detail { max-width:none; }
 .board-period strong { font-size:2rem; }
 .board-chair { margin-bottom:2rem; }
 .board-chair::after { height:2rem; }
}
@media(max-width:600px) {
 .board-deputies__list,.board-officers__list { grid-template-columns:1fr; }
 .board-deputies .board-person { display:grid; grid-template-columns:105px minmax(0,1fr); gap:1rem; align-items:baseline; padding:1.3rem 0; }
 .board-deputies .board-person:nth-child(n+2) { border-top:1px solid var(--line); }
 .board-deputies .board-role { margin:0; }
 .board-deputies .board-division { grid-column:2; margin:0; }
 .board-deputies .board-report { grid-column:2; margin:0; }
 .board-officers { margin-top:.7rem; padding-top:0; }
 .board-officers .board-person { padding:1.4rem 0; }
 .board-officers .board-person+.board-person { border-top:1px solid var(--line); }
}

/* Secretariat information supplied by the site owner. */
.about-secretariat { border-top:1px solid var(--line); }
.about-secretariat address { font-style:normal; line-height:1.65; }
.about-secretariat address strong { font-weight:500; }
.about-secretariat .secretariat-phone { margin:1.3rem 0; color:var(--ink); }
.secretariat-phone a { text-decoration:underline; text-underline-offset:4px; }
.secretariat-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; }
.secretariat-actions a { min-height:44px; display:inline-flex; align-items:center; }
