/* Oddusee HBCU Explorer — chords-child (dark charcoal bg, light default text) */
.hbcu-explorer{
	--hbcu-gold:#DCA83E;
	--hbcu-gold-2:#c9a24b;
	--hbcu-cream:#f6f3ec;
	--hbcu-white:#ffffff;
	--hbcu-ink:#16181c;
	--hbcu-panel:rgba(255,255,255,0.045);
	--hbcu-panel-2:rgba(255,255,255,0.08);
	--hbcu-line:rgba(246,243,236,0.15);
	--hbcu-muted:rgba(246,243,236,0.62);
	color:var(--hbcu-cream);
	max-width:1200px;
	margin:0 auto;
	padding:8px 0 48px;
	-webkit-font-smoothing:antialiased;
}
.hbcu-explorer *{box-sizing:border-box;}

/* Breadcrumbs */
.hbcu-crumbs{
	display:flex;flex-wrap:wrap;align-items:center;gap:6px;
	font-size:13px;letter-spacing:.02em;margin:0 0 22px;padding:2px 0 14px;
	border-bottom:1px solid var(--hbcu-line);min-height:20px;
}
.hbcu-crumbs a{color:var(--hbcu-gold);text-decoration:none;cursor:pointer;}
.hbcu-crumbs a:hover{color:var(--hbcu-cream);text-decoration:underline;}
.hbcu-crumbs .sep{color:var(--hbcu-muted);}
.hbcu-crumbs .cur{color:var(--hbcu-cream);font-weight:600;}

/* Section heading */
.hbcu-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px;}
.hbcu-head h2{margin:0;font-size:26px;line-height:1.15;color:var(--hbcu-cream);}
.hbcu-head p{margin:4px 0 0;font-size:14px;color:var(--hbcu-muted);}

/* Sort / control bar */
.hbcu-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.hbcu-controls .lbl{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--hbcu-muted);margin-right:2px;}
.hbcu-chip{
	appearance:none;border:1px solid var(--hbcu-line);background:transparent;
	color:var(--hbcu-cream);font:inherit;font-size:13px;
	padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .15s ease;line-height:1;
}
.hbcu-chip:hover{border-color:var(--hbcu-gold);color:var(--hbcu-white);}
.hbcu-chip.is-active{background:var(--hbcu-gold);border-color:var(--hbcu-gold);color:var(--hbcu-ink);font-weight:600;}

/* Tabs (Explorer / Events) */
.hbcu-tabs{display:flex;gap:4px;margin:0 0 22px;border-bottom:1px solid var(--hbcu-line);}
.hbcu-tab{
	appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;
	color:var(--hbcu-muted);font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;
	padding:10px 16px;cursor:pointer;transition:all .15s ease;margin-bottom:-1px;
}
.hbcu-tab:hover{color:var(--hbcu-cream);}
.hbcu-tab.is-active{color:var(--hbcu-gold);border-bottom-color:var(--hbcu-gold);}

/* Grid */
.hbcu-grid{display:grid;gap:18px;}
.hbcu-grid.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.hbcu-grid.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}

/* Card base */
.hbcu-card{
	display:flex;flex-direction:column;text-align:left;text-decoration:none;
	background:var(--hbcu-panel);border:1px solid var(--hbcu-line);border-radius:14px;
	padding:22px;color:var(--hbcu-cream);cursor:pointer;
	transition:transform .16s ease,border-color .16s ease,background .16s ease;
	min-height:100%;
}
.hbcu-card:hover{transform:translateY(-3px);border-color:var(--hbcu-gold);background:var(--hbcu-panel-2);color:var(--hbcu-cream);}

/* Monogram badge (logo placeholder) */
.hbcu-mono{
	width:56px;height:56px;border-radius:50%;flex:0 0 auto;
	display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,var(--hbcu-gold),var(--hbcu-gold-2));
	color:var(--hbcu-ink);font-weight:800;font-size:18px;letter-spacing:.02em;margin-bottom:14px;
	box-shadow:0 2px 10px rgba(0,0,0,.25);overflow:hidden;
}
.hbcu-mono img{width:100%;height:100%;object-fit:cover;display:block;}

/* Conference tile specifics */
.hbcu-tile-name{font-size:20px;font-weight:700;color:var(--hbcu-white);margin:0 0 4px;line-height:1.2;}
.hbcu-tile-sub{font-size:13px;color:var(--hbcu-muted);margin:0 0 14px;}
.hbcu-tile-meta{margin-top:auto;display:flex;align-items:baseline;gap:6px;}
.hbcu-tile-count{font-size:28px;font-weight:800;color:var(--hbcu-gold);line-height:1;}
.hbcu-tile-count-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--hbcu-muted);}

/* School card specifics */
.hbcu-school-name{font-size:17px;font-weight:700;color:var(--hbcu-white);margin:0 0 2px;line-height:1.25;}
.hbcu-school-nick{font-size:13px;color:var(--hbcu-gold);margin:0 0 10px;}
.hbcu-school-meta{margin-top:auto;font-size:12.5px;color:var(--hbcu-muted);line-height:1.5;}
.hbcu-school-meta .loc{color:var(--hbcu-cream);}
.hbcu-flag{display:inline-block;margin-top:8px;font-size:11px;padding:2px 8px;border-radius:6px;
	background:rgba(220,168,62,.15);border:1px solid rgba(220,168,62,.4);color:var(--hbcu-gold);}

/* Empty / loading states */
.hbcu-empty{
	text-align:center;padding:56px 20px;border:1px dashed var(--hbcu-line);border-radius:14px;
	color:var(--hbcu-muted);font-size:15px;background:var(--hbcu-panel);
}
.hbcu-empty strong{display:block;color:var(--hbcu-cream);font-size:17px;margin-bottom:6px;}
.hbcu-loading{padding:40px;text-align:center;color:var(--hbcu-muted);font-size:14px;}

/* Roster person card */
.hbcu-person-top{display:flex;align-items:center;justify-content:space-between;}
.hbcu-num{font-size:26px;font-weight:800;color:var(--hbcu-gold);line-height:1;margin-bottom:14px;}

/* Detail modal */
.hbcu-modal-ov{
	position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
	background:rgba(10,11,13,0.78);padding:20px;
}
.hbcu-modal{
	position:relative;max-width:460px;width:100%;max-height:85vh;overflow:auto;
	background:#1b1e24;border:1px solid var(--hbcu-line);border-radius:16px;padding:26px;
	color:var(--hbcu-cream);box-shadow:0 20px 60px rgba(0,0,0,0.5);
}
.hbcu-modal-x{
	position:absolute;top:12px;right:14px;appearance:none;background:transparent;border:0;
	color:var(--hbcu-muted);font-size:26px;line-height:1;cursor:pointer;padding:4px;
}
.hbcu-modal-x:hover{color:var(--hbcu-cream);}
.hbcu-modal-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;}
.hbcu-modal-head .hbcu-mono{margin-bottom:0;width:64px;height:64px;font-size:20px;}
.hbcu-modal-head h3{margin:0;font-size:22px;color:var(--hbcu-white);line-height:1.2;}
.hbcu-modal-tbl{width:100%;border-collapse:collapse;}
.hbcu-modal-tbl th,.hbcu-modal-tbl td{text-align:left;padding:9px 4px;border-bottom:1px solid var(--hbcu-line);font-size:14px;vertical-align:top;}
.hbcu-modal-tbl th{color:var(--hbcu-muted);font-weight:600;width:120px;text-transform:uppercase;letter-spacing:.04em;font-size:12px;}
.hbcu-modal-tbl td{color:var(--hbcu-cream);}

/* Mobile */
@media (max-width:640px){
	.hbcu-explorer{padding:4px 0 32px;}
	.hbcu-head h2{font-size:22px;}
	.hbcu-grid.tiles,.hbcu-grid.cards{grid-template-columns:1fr 1fr;gap:12px;}
	.hbcu-card{padding:16px;border-radius:12px;}
	.hbcu-mono{width:46px;height:46px;font-size:15px;margin-bottom:10px;}
	.hbcu-tile-name{font-size:17px;}
	.hbcu-controls{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
}
@media (max-width:400px){
	.hbcu-grid.tiles{grid-template-columns:1fr;}
}
/* school hub doors */
.hbcu-hub .hbcu-door{padding:22px}
.hbcu-hub .hbcu-door .hbcu-tile-name{font-size:18px}
.hbcu-hub .hbcu-door.is-empty{opacity:.55}
.hbcu-hub .hbcu-door.is-empty:hover{opacity:.85}