.president-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:clamp(36px,6vw,88px);padding-block:48px 72px;align-items:start}
.president-profile{position:sticky;top:130px}.president-profile figure{margin:0}.president-profile figure img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:65% center;border-radius:8px}.president-profile figcaption{font-size:14px;color:#405c72;margin-top:12px}
.president-profile nav{display:flex;flex-direction:column;margin:24px 0 16px;border-top:1px solid #d6e1eb}.president-profile nav a{padding:13px 0;border-bottom:1px solid #d6e1eb;font-size:15px;color:#153351}.president-profile nav a:hover{color:#0058b8;text-decoration:underline;text-underline-offset:4px}
.president-letter{min-width:0;max-width:72ch}.president-letter .entry-content{font-size:17px;line-height:1.85;color:#263f55}.president-letter .entry-content p{margin:0 0 24px}.president-letter .welcome-salutation{font-size:22px;font-weight:600;color:#153351;margin-bottom:28px}.president-letter .welcome-message>p:nth-child(2){font-size:20px;line-height:1.7;color:#153351}.president-letter .welcome-message{scroll-margin-top:140px}.president-letter .welcome-message>p:last-child{font-weight:600;margin-bottom:0}
.president-biography{margin:44px 0 32px;border-top:1px solid #cbdbe5;border-bottom:1px solid #cbdbe5;scroll-margin-top:140px}.president-biography summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:#153351;font:700 24px/1.3 'Barlow',sans-serif}.president-biography summary::-webkit-details-marker{display:none}.president-biography summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.president-biography[open] summary svg{transform:rotate(180deg)}.president-biography .biography-content{padding:8px 0 20px}.president-biography .biography-content>img{max-width:280px;border-radius:6px;height:auto;margin-bottom:24px}.president-biography .biography-content h2,.president-biography .biography-content h3{font-size:22px;line-height:1.4;margin:28px 0 16px}.president-page :focus-visible{outline:3px solid #0058b8;outline-offset:4px}
@media(max-width:800px){.president-layout{grid-template-columns:1fr;gap:32px;padding-block:28px 48px}.president-profile{position:static;display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:16px 24px;align-items:start}.president-profile figure{grid-row:span 2}.president-profile nav{margin:0}.president-profile .internal-print{margin:0;align-self:start}.president-letter .entry-content{font-size:16px;line-height:1.8}.president-letter .welcome-message>p:nth-child(2){font-size:18px}}
@media(max-width:480px){.president-profile{display:block}.president-profile figure{max-width:260px;margin-inline:auto}.president-profile nav{flex-direction:row;gap:24px;margin:24px 0 12px}.president-profile nav a{flex:1}.president-biography summary{font-size:22px}}
@media print{.president-profile{position:static}.president-profile nav,.president-profile button{display:none}.president-layout{display:block}.president-profile figure{max-width:150px;float:right;margin:0 0 24px 24px}.president-biography{display:none}}
