/* A compact, accessible directory: one subject at a time. */
.reference-design .mega-panel{padding:24px max(40px,calc((100% - 1320px)/2)) 28px;max-height:calc(100dvh - 110px);overflow:auto;border-top:3px solid var(--orange)}
.reference-design .mega-top{gap:24px;margin-bottom:20px}
.reference-design .mega-top h2{font-family:var(--font);font-size:1.6rem;line-height:1.25;font-weight:800;letter-spacing:-.045em;margin:5px 0 0}
.menu-kicker{font-size:.65rem;font-weight:800;letter-spacing:.16em;color:#a33f1d}
.reference-design .mega-top .btn{font-size:.78rem;white-space:nowrap;min-height:40px}
.club-menu-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.club-menu-tabs{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow:auto;padding:2px}
.club-menu-tab{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;line-height:1.3;font-size:.86rem;min-height:44px;border:1px solid transparent;transition:background .15s,color .15s}
.club-menu-tab>span:first-child{flex:1}
.club-menu-tab small{font-size:.7rem;font-weight:500;opacity:.7}
.club-menu-tab:hover{background:#f4eef9}
.club-menu-tab[aria-selected="true"]{background:var(--purple);color:white;border-color:var(--purple)}
.menu-chevron{font-size:1.2rem;font-weight:400}
.club-menu-results{min-width:0;border-left:1px solid #e9e1ee;padding-left:28px}
.club-menu-panel{max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding:2px 12px 8px 2px;scrollbar-color:#cfbedb transparent;scrollbar-width:thin}
.club-menu-panel[hidden]{display:none!important}
.club-menu-heading h3{font:800 1.15rem/1.4 var(--font);margin:0 0 5px;letter-spacing:-.025em}
.club-menu-heading p{font:400 .8rem/1.5 var(--font);color:#695c7a;margin:0 0 18px}
.club-menu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.club-menu-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#fbf9fc;border:1px solid #e9e1ee;border-radius:9px;padding:15px 32px 14px 16px;min-width:0;transition:border-color .15s,background .15s}
.club-menu-card:hover{background:#fff3ec;border-color:#ee916a}
.club-menu-card strong{font:800 .96rem/1.3 var(--font);overflow-wrap:anywhere}
.club-menu-purpose{font:600 .79rem/1.4 var(--font);color:#903719}
.club-menu-leader{font:400 .72rem/1.45 var(--font);color:#675c72;margin-top:3px}
.club-menu-meta{font:500 .66rem/1.45 var(--font);color:#675c72;margin-top:auto;padding-top:5px}
.menu-card-arrow{position:absolute;right:13px;top:12px;font-size:1.1rem;color:#9a83ad}
.club-menu-all{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;margin-top:18px;padding:4px 0;border-bottom:1px solid #b6a4c5}
.club-menu-tab:focus-visible,.club-menu-card:focus-visible,.club-menu-all:focus-visible{outline:3px solid #e3682e;outline-offset:2px}
@media(min-width:851px) and (max-height:700px){.club-menu-panel,.club-menu-tabs{max-height:calc(100dvh - 250px)}}
@media(max-width:1100px){.club-menu-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.club-menu-results{padding-left:20px}.club-menu-tab{font-size:.78rem}.club-menu-card{padding-left:13px}}
@media(max-width:850px){
 .reference-design header.menu-open nav{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;gap:20px;padding:22px}
 .reference-design .mega-panel{padding:20px 0 0;max-height:none;overflow:visible;border-top:0}
 .reference-design .mega-top{display:flex;align-items:flex-start;gap:15px;margin-bottom:16px}
 .reference-design .mega-top h2{font-size:1.2rem}
 .reference-design .mega-top .btn{margin:0;font-size:.7rem;padding:9px 12px;white-space:normal;text-align:center;max-width:120px}
 .club-menu-layout{display:block}
 .club-menu-tabs{flex-direction:row;max-height:none;overflow-x:auto;gap:7px;padding:3px 3px 12px;scrollbar-width:thin;scrollbar-color:#cfbedb transparent}
 .club-menu-tab{flex:0 0 auto;white-space:nowrap;background:#f6f1f9;padding:10px 13px;min-height:42px;gap:8px}
 .club-menu-tab .menu-chevron{display:none}
 .club-menu-results{border:0;padding:14px 0 0}
 .club-menu-panel{max-height:46dvh;padding-right:8px}
 .club-menu-heading p{margin-bottom:12px}
 .club-menu-card{padding:13px 30px 13px 13px}
}
@media(max-width:560px){.club-menu-cards{grid-template-columns:1fr;gap:9px}.club-menu-leader{font-size:.75rem}.club-menu-meta{font-size:.7rem}.club-menu-purpose{font-size:.8rem}.club-menu-card strong{font-size:.98rem}}

.club-menu-picker{display:none}
@media(max-width:850px){
 .club-menu-tabs{display:none}
 .club-menu-picker{display:block;margin:4px 0 6px}
 .club-menu-picker>span{display:block;font-size:.72rem;font-weight:600;color:#695c7a;margin-bottom:7px}
 .club-menu-picker select{display:block;width:100%;min-height:46px;background:#f4edf9;color:var(--purple);border:1px solid #d8c8e4;border-radius:7px;padding:10px 12px;font:700 .86rem/1.4 var(--font)}
 .club-menu-picker select:focus-visible{outline:3px solid #e3682e;outline-offset:2px}
}