/* Black History three-pathway portal: Examine the Past black/yellow/green/Georgia identity. */
:root{--bh-yellow:#fff200;--bh-green:#94ff53;--bh-ink:#040704}
body.etp-bh-portal{background:#020403;color:#f5f8f3;font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}
.bh-wrap{width:min(1060px,calc(100% - 32px));margin:0 auto;padding:28px 0 72px}
.bh-crumb{display:inline-flex;align-items:center;gap:6px;padding:7px 2px;font:700 13px Georgia,serif;color:var(--bh-green);text-decoration:none}.bh-crumb:hover{color:var(--bh-yellow)}
.bh-head{padding:25px 7px 22px;text-align:center}.bh-eyebrow{color:var(--bh-green);letter-spacing:.16em;text-transform:uppercase;font:700 12px Georgia,serif}.bh-head h1{margin:12px auto;color:var(--bh-yellow);font:700 clamp(37px,7vw,67px)/1.06 Georgia,serif;max-width:950px}.bh-head p{margin:16px auto 0;max-width:770px;color:#d9e0d7;font:clamp(16px,2.1vw,20px)/1.65 Georgia,serif}
.bh-feature,.bh-path{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow:hidden;border:1px solid rgba(255,242,0,.27);border-radius:24px;padding:clamp(24px,4vw,42px);color:#fff;box-shadow:0 17px 45px #0009;transition:transform .24s,border-color .24s,box-shadow .24s}
.bh-feature{min-height:300px;background:radial-gradient(ellipse at 90% 25%,#23426499,transparent 53%),linear-gradient(135deg,#06101e,#102744 51%,#050d19);border-color:#fff200a1}
.bh-path--green{background:radial-gradient(ellipse at 85% 18%,#32643a88,transparent 60%),linear-gradient(145deg,#07150d,#112e1c 65%,#050c07);border-color:#94ff5355}
.bh-path--plum{background:radial-gradient(ellipse at 85% 18%,#703d5c44,transparent 60%),linear-gradient(145deg,#140d1b,#2b172e 65%,#120b13);border-color:#d7a5de44}
.bh-feature::after,.bh-path::after{content:"";position:absolute;z-index:-1;inset:-60%;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.07) 48%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.05) 52%,transparent 58%);transform:translateX(-95%) rotate(-5deg);animation:bh-cross-shimmer 9s ease-in-out infinite;pointer-events:none}
.bh-feature:hover,.bh-path:hover,.bh-feature:focus-within,.bh-path:focus-within{transform:translateY(-3px);border-color:var(--bh-green);box-shadow:0 22px 55px #000b,0 0 20px #94ff5323}
.bh-tag{display:inline-block;color:var(--bh-green);font:700 12px Georgia,serif;letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px}
.bh-feature h2,.bh-path h2{margin:0 0 12px;color:var(--bh-yellow);font:700 clamp(26px,4vw,36px)/1.18 Georgia,serif}
.bh-path h2{font-size:clamp(23px,3vw,29px)}
.bh-feature p,.bh-path p{max-width:670px;margin:0 0 22px;font:16px/1.6 Georgia,serif;color:#e8eae5}
.bh-path p{font-size:15px;flex:1}
.bh-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0 0}.bh-choices .bh-path{min-height:278px}
.bh-action{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:11px;overflow:hidden;min-height:50px;max-width:100%;padding:12px 22px;border-radius:999px;background:linear-gradient(140deg,#0d1710,#16221b 45%,#080e0a);border:1px solid var(--bh-green);box-shadow:0 2px 0 #000a,inset 0 0 0 1px #fff20020;color:var(--bh-yellow)!important;font:700 15px Georgia,serif;text-decoration:none;text-align:center;transition:background .22s,box-shadow .22s,transform .22s}
.bh-action::after{content:"";position:absolute;inset:-15%;transform:translateX(-135%) rotate(20deg);background:linear-gradient(95deg,transparent 42%,#fff9 50%,transparent 58%);animation:bh-btn-shine 6.5s ease-in-out infinite;pointer-events:none;z-index:-1}
.bh-action:hover,.bh-action:focus-visible{background:#1f3424;box-shadow:0 0 0 2px #fff20048,0 0 17px #94ff5370;transform:translateY(-2px);outline:2px solid #fff200;outline-offset:3px}
.bh-action--subtle{font-size:14px}
.bh-small{color:#b6c0b7;font:13px/1.55 Georgia,serif}
.bh-section{margin-top:36px}.bh-section h2{font:700 clamp(24px,3.4vw,34px) Georgia,serif;color:var(--bh-yellow)}
.bh-panel{background:#0c120e;border:1px solid #94ff5330;border-radius:18px;padding:22px;margin:16px 0}
.bh-panel h3{color:var(--bh-yellow);font:700 19px Georgia,serif;margin:2px 0 12px}
.bh-panel p,.bh-panel li{color:#e2e9df;font:15px/1.65 Georgia,serif}
.bh-panel a:not(.bh-action){color:var(--bh-green);text-decoration:underline}
.bh-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.bh-card-link{display:flex;flex-direction:column;gap:9px;padding:21px;border-radius:16px;border:1px solid #94ff5333;background:#0d160f;color:#fff;text-decoration:none;transition:border-color .2s,transform .2s}.bh-card-link:hover,.bh-card-link:focus-visible{border-color:var(--bh-green);transform:translateY(-2px)}.bh-card-link strong{color:var(--bh-yellow);font:700 20px Georgia,serif}.bh-card-link span{color:#dae2d8;font:14px/1.5 Georgia,serif}
@keyframes bh-cross-shimmer{0%,25%{transform:translateX(-95%) rotate(-5deg)}48%,100%{transform:translateX(105%) rotate(-5deg)}}@keyframes bh-btn-shine{0%,45%{transform:translateX(-135%) rotate(20deg)}57%,100%{transform:translateX(145%) rotate(20deg)}}
@media(max-width:720px){.bh-wrap{width:calc(100% - 26px);padding-top:12px}.bh-choices,.bh-stack{grid-template-columns:1fr;gap:15px}.bh-choices .bh-path{min-height:0}.bh-feature{min-height:0}.bh-head{padding:21px 3px 20px}.bh-head h1{font-size:clamp(33px,9vw,49px)}.bh-feature,.bh-path{padding:24px}.bh-feature p,.bh-path p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.bh-feature,.bh-path,.bh-card-link,.bh-action{transition:none}.bh-feature::after,.bh-path::after,.bh-action::after{animation:none}}


/* Hall of Legends: temporary source-backed historical atlas, ascending through eras. */
.hall-status h2,.hall-method h2,.hall-links h2{margin:0 0 12px;color:#fff200;font:700 clamp(22px,3.1vw,30px) Georgia,serif}
.hall-stats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 2px}.hall-stats span{background:#091d12;border:1px solid #94ff533a;border-radius:12px;padding:12px 15px;color:#d8e2d7;font:13px Georgia,serif}.hall-stats strong{color:#fff200;font:700 22px Georgia,serif;margin-right:5px}
.hall-sources{display:flex;flex-wrap:wrap;gap:8px 18px}.hall-sources a{color:#94ff53;font:13px/1.6 Georgia,serif}
.hall-ascend{position:relative;margin:26px auto 0;padding:24px clamp(10px,2vw,22px);border:1px solid #fff2002e;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#090e11 0%,#0c131d 28%,#0b1613 63%,#19130c 100%)}
.hall-ascend::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:5px;transform:translateX(-50%);background:linear-gradient(0deg,rgba(148,255,83,.1),rgba(255,242,0,.55));opacity:.3;pointer-events:none}
.hall-topstone,.hall-entrance{position:relative;text-align:center;z-index:1;border:1px solid #94ff5375;border-radius:23px;padding:clamp(24px,4vw,40px);background:radial-gradient(ellipse at center,#17351d,#07100a 75%);box-shadow:0 20px 42px #000a}
.hall-topstone h2,.hall-entrance h2{color:#fff200;font:700 clamp(24px,4.3vw,37px)/1.2 Georgia,serif;margin:8px 0 15px}
.hall-topstone p,.hall-entrance p{max-width:660px;margin:10px auto 16px;color:#e4e9e2;font:16px/1.65 Georgia,serif}
.hall-timeline{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;margin:32px 0}
.hall-era{border:1px solid #94ff5340;border-radius:24px;padding:24px clamp(16px,3vw,28px);background:linear-gradient(135deg,#10191a,#080e0a 80%);box-shadow:0 16px 30px #0008}
.hall-era-banner{text-align:center;margin-bottom:17px}.hall-era-banner h2{font:700 clamp(22px,3.6vw,30px)/1.25 Georgia,serif;color:#fff200;margin:7px 0 8px}
.hall-plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
.hall-plate{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid rgba(148,255,83,.21);background:radial-gradient(circle at top,#1d2d26,#07100b 80%);min-height:90px;border-radius:12px;padding:14px 12px;text-align:center}
.hall-plate-name{color:#fff;font:700 15px/1.3 Georgia,serif}.hall-plate-note{font:11px/1.4 Georgia,serif;color:#abb7ad}.hall-lesson-link{font:700 12px Georgia,serif;color:#94ff53;text-decoration:underline}
.hall-find-label{display:block;color:#94ff53;font:700 14px Georgia,serif;margin-top:17px;margin-bottom:8px}.hall-find{display:block;max-width:430px;width:100%;margin:0 auto 16px;padding:13px 16px;background:#030903;border:1px solid #94ff53a1;border-radius:12px;color:#fff;font:16px Georgia,serif}.hall-find:focus-visible{outline:2px solid #fff200;outline-offset:2px}
.hall-entrance .bh-action{cursor:pointer;margin:4px auto 15px}.hall-links{margin-top:28px}
@media(max-width:790px){.hall-plates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.hall-ascend{padding:10px 7px;border-radius:16px}.hall-era{padding:17px 12px}.hall-plate{padding:12px 8px}.hall-plate-name{font-size:13px}.hall-plate-note{font-size:10px}.hall-stats{flex-direction:column}.hall-stats span{width:100%}}

/* Black History Games: additional pathway with distinct brand gradients. */
.bh-play-section{margin-top:27px;padding:25px 0 10px}
.bh-games-intro{text-align:center;max-width:760px;margin:0 auto 22px}
.bh-games-intro h2{font:700 clamp(28px,4vw,39px)/1.2 Georgia,serif;color:#fff200;margin:5px 0 9px}
.bh-games-intro p{font:16px/1.6 Georgia,serif;color:#dce5dc;margin:0}
.bh-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bh-game-card{border-radius:23px;min-width:0;position:relative;overflow:hidden;padding:27px;
display:flex;flex-direction:column;align-items:flex-start;border:1px solid #84c2e880;
box-shadow:0 15px 35px #0008}
.bh-game-card--bingo{background:linear-gradient(145deg,#142d4d,#0d2a28 62%,#08120b)}
.bh-game-card--challenge{background:linear-gradient(145deg,#451f3c,#291b2b 58%,#2d2510)}
.bh-game-icon{position:absolute;right:24px;top:15px;font:bold 58px Georgia,serif;color:#fff20028;pointer-events:none}
.bh-game-card h3{color:#fff200;font:700 clamp(23px,3vw,29px)/1.22 Georgia,serif;margin:0 0 12px}
.bh-game-card p{font:15px/1.6 Georgia,serif;color:#f1f4ed;margin:0 0 22px;flex:1}
.bh-game-card:hover,.bh-game-card:focus-within{border-color:#fff200;box-shadow:0 0 25px #94ff532b}
@media(max-width:680px){.bh-game-grid{grid-template-columns:1fr}.bh-game-card{padding:24px}}

/* Distinct games without diluting the Examine the Past green/yellow hierarchy. */
.bh-game-card--mystery{background:radial-gradient(circle at 80% 15%,#44689488,transparent 55%),linear-gradient(145deg,#111a3d,#1a2e4f 65%,#111426);border-color:#7daff67d}
.bh-game-card--timeline{background:radial-gradient(circle at 85% 12%,#65963a55,transparent 56%),linear-gradient(145deg,#122618,#1d3620 55%,#111e16);border-color:#98dc78a0}
.bh-game-card--connections{background:radial-gradient(circle at 85% 12%,#b65e4b55,transparent 56%),linear-gradient(145deg,#31182a,#42212c 57%,#251422);border-color:#e5a38d93}
.bh-game-grid .bh-game-card{min-height:270px}
.bh-game-grid .bh-game-card .bh-tag{position:relative}