/* TBASE color badge wall, celebration pop-up and teacher certificate list. Brand navy #2B4E74, gold #d9a63c. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bw-card{max-width:1000px}
.bw-card h2{margin-top:0;color:#2B4E74;font-family:Poppins,Arial,sans-serif}
.bw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:12px 0 18px}
.bw-color{border:2px solid var(--fam);border-top-width:8px;border-radius:14px;padding:12px 14px;background:#fff}
.bw-color h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font:800 19px Poppins,Arial,sans-serif;color:var(--fam)}
.bw-dot{width:14px;height:14px;border-radius:50%;background:var(--fam);flex:none}
.bw-fam{font:600 14px Archivo,Arial,sans-serif;color:#4a5560}
.bw-count{margin:0;font-size:16px;color:#26313d}.bw-count strong{font-size:22px;color:#2B4E74}
.bw-bar{height:10px;border-radius:6px;background:#ece5d3;margin:6px 0 4px;overflow:hidden}
.bw-bar span{display:block;height:100%;background:var(--fam)}
.bw-next{margin:0 0 6px;font-size:14px;color:#3d4853}
.bw-tiers{list-style:none;display:flex;gap:4px;padding:0;margin:0;justify-content:space-between}
.bw-tier{display:flex;flex-direction:column;align-items:center;font:700 12px Poppins,Arial,sans-serif;color:#5a636d}
.bw-tier img{width:46px;height:auto;filter:grayscale(1);opacity:.35}
.bw-tier.got img{filter:none;opacity:1}
.bw-tier.got{color:#26313d}
.bw-how{font-size:13px;color:#4a5560;margin:8px 0 0;line-height:1.4}
.bw-allstar{display:flex;gap:14px;align-items:center;border:2px dashed #d9a63c;border-radius:14px;padding:10px 14px;background:#fffaf0}
.bw-allstar img{width:64px;height:auto;filter:grayscale(1);opacity:.4}
.bw-allstar.got{border-style:solid;background:#fff4d6}.bw-allstar.got img{filter:none;opacity:1}
.bw-allstar h3{margin:0;color:#2B4E74;font:800 19px Poppins,Arial,sans-serif}.bw-allstar p{margin:2px 0 0}
.bw-sub{font:800 18px Poppins,Arial,sans-serif;color:#2B4E74;margin:20px 0 6px}
.bw-none{color:#4a5560;margin:4px 0}
.bw-certs{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.bw-cert{display:flex;gap:12px;align-items:center;border:1px solid #e6dcc4;border-radius:12px;padding:8px 12px;background:#fff}
.bw-cert div{flex:1}.bw-cert strong{display:block;color:#2B4E74}
.bw-cert .btn{min-height:44px;padding:10px 16px;font-size:15px;background:#fff;color:#2B4E74;border:2px solid #d9a63c}
.bw-sent{display:inline-block;background:#2B4E74;color:#fff;border-radius:6px;padding:0 8px;font-size:12px;font-weight:700;margin-right:8px}
.bw-date{font-size:14px;color:#4a5560}
.bw-effort{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.bw-effort li{background:#fffaf0;border:2px solid #d9a63c;border-radius:12px;padding:6px 12px}
.bw-effort strong{display:block;color:#2B4E74}.bw-effort span{font-size:14px}
/* Pop-up */
.bw-pop-back{position:fixed;inset:0;background:rgba(20,32,50,.62);display:flex;align-items:center;justify-content:center;padding:16px;z-index:9000}
.bw-pop{position:relative;background:#fff;border-radius:20px;border-top:10px solid var(--fam);max-width:440px;width:100%;padding:24px 22px 20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.bw-pop img{width:130px;height:auto;position:relative;animation:bw-pop .6s ease-out}
.bw-pop h2{font:800 26px Poppins,Arial,sans-serif;color:#2B4E74;margin:8px 0 4px}
.bw-pop p{font-size:17px;margin:0 0 16px}
.bw-pop-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.bw-pop .btn:not(.navy){background:#fff;color:#2B4E74;border:2px solid #d9a63c}
.bw-burst{position:absolute;inset:-40% -40% auto;height:120%;background:repeating-conic-gradient(from 0deg,rgba(217,166,60,.18) 0 10deg,transparent 10deg 20deg);animation:bw-spin 18s linear infinite}
@keyframes bw-pop{0%{transform:scale(.4) rotate(-12deg);opacity:0}70%{transform:scale(1.08)}100%{transform:none;opacity:1}}
@keyframes bw-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bw-pop img,.bw-burst{animation:none}}
/* Teacher list */
.cert-table img{width:30px;height:auto;vertical-align:middle;margin-right:6px}
.cert-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}
.lvl-pill{display:inline-block;border-radius:10px;padding:1px 8px;font-size:13px;font-weight:700;color:#fff;margin:1px 2px;white-space:nowrap}