.rst-panelist-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2vw,38px); }
.rst-panelist-card { border-radius:36px; background:#0c192c; border:1px solid rgba(255,255,255,.1); min-width:0; }
.rst-panelist-link { display:block; height:100%; color:inherit; text-decoration:none; }
.rst-panelist-link:focus-visible { outline:3px solid #c8a151; outline-offset:-4px; border-radius:36px; }
.rst-panelist-photo { position:relative; aspect-ratio:430/625; background:#14263b; overflow:hidden; }
.rst-panelist-card .rst-panelist-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.rst-panelist-photo::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#152338); pointer-events:none; }
.rst-panelist-role { position:absolute; z-index:1; left:24px; bottom:22px; font-size:clamp(18px,2.35vw,44px); line-height:1.1; letter-spacing:.18em; text-transform:uppercase; color:#aab3c0; opacity:.55; }
.rst-panelist-summary { position:relative; padding:24px 24px 38px; }
.rst-panelist-card h3 { margin:0 44px 8px 0; color:#c8a151; font-size:clamp(20px,1.65vw,32px); line-height:1.25; overflow-wrap:break-word; }
.rst-panelist-card p { margin:0; font-size:clamp(16px,1.15vw,22px); line-height:1.55; color:#f5f5f4; overflow-wrap:anywhere; }
.rst-panelist-arrow { position:absolute; top:24px; right:24px; width:clamp(32px,2.65vw,50px); height:clamp(32px,2.65vw,50px); display:grid; place-items:center; border-radius:50%; color:#112442; background:#c8a151; }
.rst-panelist-arrow svg { width:65%; height:65%; }
.rst-panelisti-page { min-height:70vh; padding-top:170px; }
.rst-panelisti-page h1 { font-size:clamp(32px,4vw,64px); line-height:1.12; margin:16px 0 24px; overflow-wrap:anywhere; }
.rst-panelist-back { display:inline-block; margin-bottom:36px; color:#c8a151; text-decoration:none; }
.rst-panelist-profile { display:grid; grid-template-columns:minmax(0, .85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,80px); align-items:start; }
.rst-panelist-portrait { overflow:hidden; border-radius:32px; }
.rst-panelist-portrait img { display:block; width:100%; height:auto; }
.rst-panelist-bio { min-width:0; }
.rst-panelist-position { font-size:clamp(20px,2vw,28px); color:#c8a151; line-height:1.5; }
.rst-panelist-content { font-size:18px; line-height:1.75; overflow-wrap:anywhere; }
.rst-panelist-content img { max-width:100%; height:auto; }
.rst-panelisti-page .pagination { margin-top:40px; }
.rst-panelisti-page .nav-links { display:flex; flex-wrap:wrap; gap:16px; }
@media(max-width:1024px) { .rst-panelist-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .rst-panelist-role { font-size:30px; } }
@media(max-width:768px) { .rst-panelist-profile { grid-template-columns:1fr; } .rst-panelist-portrait { max-width:480px; } .rst-panelisti-page { padding-top:120px; } }
@media(max-width:600px) { .rst-panelist-grid { grid-template-columns:1fr; } .rst-panelist-card { border-radius:28px; } .rst-panelist-role { font-size:30px; } .rst-panelist-card h3 { font-size:24px; } .rst-panelist-card p { font-size:18px; } .rst-panelist-summary { padding:22px 20px 28px; } .rst-panelist-arrow { top:22px; right:20px; } }

/* Keep the profile arrow in its own column, including with longer names. */
.rst-panelist-card { container-type: inline-size; }
.rst-panelist-summary { display:grid; grid-template-columns:minmax(0,1fr) clamp(32px,12cqi,50px); gap:8px 12px; }
.rst-panelist-card h3 { margin:0; font-size:clamp(20px,7cqi,32px); }
.rst-panelist-card p { grid-column:1 / -1; }
.rst-panelist-arrow { position:static; grid-column:2; grid-row:1; width:100%; height:auto; aspect-ratio:1; align-self:start; }
.rst-panelist-role { font-size:clamp(20px,10cqi,44px); }