/* Beta 3: readable navigation, raised controls and intact supporting-page grids. */

/* Clear, opaque menu. Disable the earlier side-drawer overlay. */
.v8 .primary-nav::before,.v8 .primary-nav.open::before{content:none!important;display:none!important}
.v8 .primary-nav{inset:calc(100% + 16px) 0 auto auto!important;width:min(540px,100%);max-height:calc(100dvh - 155px);padding:20px;background:#10243a;border:1px solid #b89b5c;border-top-color:#e4ca8e;border-bottom:4px solid #6d532b;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff24,0 16px 40px #0007;z-index:100}
.v8 .primary-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;align-items:stretch}
.v8 .primary-nav li{border-bottom:1px solid #496078;min-width:0}
.v8 .primary-nav a{padding:12px 10px;color:#f6f0e3;font-family:var(--body);font-size:1rem;font-weight:500;line-height:1.45;border:0;border-radius:4px}
.v8 .primary-nav a:visited{color:#f6f0e3}
.v8 .primary-nav a:hover,.v8 .primary-nav a:focus-visible{color:#fff;background:#294764}
.v8 .primary-nav a[aria-current=page]{padding-left:10px;border-left:3px solid #e6c776;background:#203c55;color:#ffe0a1}
.v8 .menu-button{gap:12px;padding:10px 16px;border:1px solid #c2a365;border-top-color:#e7cc92;border-bottom:3px solid #785e32;border-radius:6px;background:linear-gradient(#2c4560,#14283e);color:#f5e8c9;font-size:.92rem;font-weight:600;box-shadow:inset 0 1px 0 #ffffff2a,0 3px 7px #0004}
.v8 .menu-button:hover{background:linear-gradient(#3a5876,#203d58)}
.v8 .menu-button:active,.v8 .menu-button[aria-expanded=true]{transform:translateY(2px);box-shadow:inset 0 2px 5px #0005;border-bottom-width:1px}

/* A compact disclosure button, with the section list in its own open panel. */
.v8-toc{padding-top:26px;padding-bottom:8px}
.v8-toc details{width:max-content;max-width:100%;padding:0;border:0;background:transparent}
.v8-toc details[open]{width:min(740px,100%)}
.v8-toc summary{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:100%;min-height:48px;padding:11px 20px;list-style:none;cursor:pointer;border:1px solid #ead29c;border-bottom:4px solid #806332;border-radius:7px;background:linear-gradient(#edd397,#cba252);color:#102238;font:600 1rem/1.4 var(--body);box-shadow:inset 0 1px 0 #fff8,0 4px 9px #0004;user-select:none}
.v8-toc summary::-webkit-details-marker{display:none}
.v8-toc summary::marker{content:""}
.v8-toc summary::before{content:"☰";font-size:1.05rem}
.v8-toc summary::after{content:"▾";font-size:1rem}
.v8-toc summary:hover{background:linear-gradient(#f7e3b2,#d9b469)}
.v8-toc summary:active,.v8-toc details[open] summary{transform:translateY(2px);box-shadow:inset 0 2px 4px #6c512b33;border-bottom-width:2px}
.v8-toc details[open] summary::after{content:"▴"}
.v8-toc ol{margin:18px 0 0;padding:22px 24px 22px 42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;border:1px solid #526b84;border-radius:7px;background:#11263d;color:#f6f0e3;box-shadow:0 6px 16px #0003}
.v8-toc li{font-size:.95rem;line-height:1.5;padding-left:2px}
.v8-toc li a{display:block;padding:5px 2px;color:#f6f0e3;text-decoration:none}
.v8-toc li a:hover,.v8-toc li a:focus-visible{color:#ffe0a1;text-decoration:underline}

/* The complete mandate surface is one raised, keyboard-focusable link. */
.v8-role-grid{gap:22px}
.v8-role-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:24px 26px 22px;border:1px solid #a88b52;border-top-color:#d8bd80;border-bottom:5px solid #6f5630;border-radius:9px;background:linear-gradient(155deg,#253f5a,#12273e 62%,#0e2034);box-shadow:inset 0 1px 0 #ffffff21,0 6px 12px #0005;transition:transform .15s,box-shadow .15s,background .15s}
.v8-role-card:hover{transform:translateY(-2px);border-color:#e1bf77;background:linear-gradient(155deg,#355571,#1a3550 62%,#132b43);box-shadow:inset 0 1px 0 #ffffff28,0 8px 16px #0006}
.v8-role-card:active{transform:translateY(3px);box-shadow:inset 0 2px 7px #0005,0 1px 3px #0003}
.v8-role-card .v8-role-number{font-size:.78rem;color:#e2bf78}
.v8-role-card h3{margin:9px 0 12px;color:#fff2d8}
.v8-role-card p{color:#e1e8f0;flex:1;margin-bottom:22px}
.v8-role-card .v8-role-action{display:inline-flex;align-items:center;gap:16px;padding:8px 12px;border:1px solid #bba16a;border-bottom:3px solid #6a5127;border-radius:5px;background:linear-gradient(#ecd397,#c6a052);color:#102238;font-size:.88rem;font-weight:600;line-height:1.35;box-shadow:inset 0 1px 0 #ffffff70}
.v8-role-card .v8-role-action b{position:static;color:#102238;font-size:1.2rem;font-weight:600;line-height:1}
.v8-actions .v8-button{border-top-color:#efdaa8;border-bottom:3px solid #81632d;border-radius:6px;background:linear-gradient(#e7c882,#caa254);box-shadow:inset 0 1px 0 #fff6,0 3px 7px #0003}
.v8-actions .v8-button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #60461f33}

/* Keep navigation outside the content columns; place bio headings above them. */
.v8 .section-grid>*{min-width:0}
.v8-section-heading .v8-back-contents{margin:0 0 15px;font-size:.8rem}
.v8-section-heading h2{margin-top:0}
.page-executive-bio.v8 .section-grid{display:block}
.page-executive-bio.v8 .section-grid>.section-label,.page-executive-bio.v8 .v8-section-heading>.section-label{display:block;margin:0 0 28px;font:500 clamp(1.9rem,3vw,2.6rem)/1.2 var(--display);letter-spacing:.01em;text-transform:none;color:inherit}
.page-executive-bio.v8 .section-grid>.prose{max-width:1000px}
.page-executive-bio.v8 .bio-recovery{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.page-executive-bio.v8 .bio-recovery article{min-width:0;padding:22px 24px;border:1px solid #455b74;border-top:3px solid #b99b60;border-radius:7px;background:#112339}
.page-executive-bio.v8 .bio-recovery h3{font-size:1.7rem}
.page-executive-bio.v8 .bio-recovery p{font-size:1.06rem;line-height:1.7}
.page-executive-bio.v8 .bio-proof-grid{width:100%}

@media(max-width:800px){
 .v8 .primary-nav{padding:14px;max-height:calc(100dvh - 140px)}
 .v8 .menu-button{padding:9px 12px;font-size:.82rem;gap:10px}
 .v8-toc ol{grid-template-columns:1fr;gap:6px;padding:18px 20px 18px 36px}
 .v8-role-card{padding:22px}
 .page-executive-bio.v8 .bio-recovery{grid-template-columns:1fr;gap:20px}
 .page-executive-bio.v8 .section-grid>.section-label,.page-executive-bio.v8 .v8-section-heading>.section-label{font-size:1.9rem}
}
@media(max-width:430px){.v8 .primary-nav ul{grid-template-columns:1fr}.v8 .primary-nav a{padding:10px;font-size:.96rem}.v8-role-card h3{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.v8-role-card{transition:none}.v8-role-card:hover{transform:none}}