/* Oddusee H.B.C.U Media — rgb() only. Light text on the dark app background; dark text only on gold. */
body.hxm-page .section-title,body.hxm-page h1.section-title,body.hxm-page .entry-title{display:none}
.hx-app.hxm{background:rgb(23,23,29);color:rgb(246,243,236)}
.hx-app.hxm .wrap{max-width:1080px;margin:0 auto;padding:0 20px 60px}

/* hero */
.hxm-hero{background:radial-gradient(ellipse at 85% 20%,rgba(220,168,62,.18),rgba(23,23,29,0) 55%),linear-gradient(180deg,rgb(16,16,22),rgb(23,23,29));background-size:cover;background-position:center;border-bottom:1px solid rgb(58,58,68)}
.hx-app.hxm .hxm-hero .wrap{padding-top:46px;padding-bottom:34px}
.hxm-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgb(242,207,116);border:1px solid rgba(220,168,62,.55);border-radius:20px;padding:5px 12px}
.hx-app.hxm .hxm-hero h1{margin:14px 0 10px;font-size:clamp(32px,5.4vw,56px);line-height:1.02;font-weight:900;font-stretch:112%;letter-spacing:-.02em;color:rgb(255,255,255);max-width:15ch}
.hx-app.hxm .hxm-hero p{margin:0;max-width:60ch;font-size:17px;line-height:1.5;color:rgb(226,222,214)}
.hxm-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}
.hxm-stats b{display:block;font-size:30px;line-height:1;color:rgb(255,255,255)}
.hxm-stats span{font-size:13px;color:rgb(214,209,200)}

/* filter bar */
.hxm-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:26px 0 18px}
.hxm-chips{display:flex;gap:8px;flex-wrap:wrap}
.hx-app.hxm .hxm-chip{font:inherit;font-size:13px;font-weight:700;background:rgb(31,31,38);color:rgb(246,243,236);border:1px solid rgb(58,58,68);border-radius:20px;padding:8px 14px;cursor:pointer}
.hx-app.hxm .hxm-chip:hover{border-color:rgb(201,162,75)}
.hx-app.hxm .hxm-chip.on{background:rgb(220,168,62);border-color:rgb(220,168,62);color:rgb(20,20,15)}
.hx-app.hxm .hxm-search{font:inherit;font-size:16px;width:min(280px,100%);background:rgb(31,31,38);color:rgb(246,243,236);border:1px solid rgb(90,90,104);border-radius:20px;padding:8px 14px;outline:none}
.hx-app.hxm .hxm-search::placeholder{color:rgb(190,185,176)}
.hx-app.hxm .hxm-search:focus{border-color:rgb(220,168,62);box-shadow:0 0 0 2px rgba(220,168,62,.3)}

/* cards */
.hxm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.hxm-card{display:flex;flex-direction:column;gap:10px;background:rgb(31,31,38);border:1px solid rgb(58,58,68);border-radius:14px;padding:18px}
.hxm-card[hidden]{display:none}
.hxm-card:hover{border-color:rgb(110,96,62)}
.hxm-top{display:flex;gap:14px;align-items:center}
.hxm-logo{flex:none;width:58px;height:58px;border-radius:12px;object-fit:cover;background:rgb(40,40,48)}
.hxm-mono{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;letter-spacing:.02em;color:rgb(20,20,15);background:linear-gradient(135deg,rgb(242,207,116),rgb(201,152,52))}
.hx-app.hxm .hxm-card h3{margin:0;font-size:18px;line-height:1.2;font-weight:800;color:rgb(255,255,255)}
.hx-app.hxm .hxm-host{margin:3px 0 0;font-size:13px;color:rgb(214,209,200)}
.hxm-tags{display:flex;gap:6px;flex-wrap:wrap}
.hxm-tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgb(226,222,214);border:1px solid rgb(74,74,86);border-radius:12px;padding:3px 9px}
.hxm-tag.hxm-t-podcast{color:rgb(242,207,116);border-color:rgba(220,168,62,.6)}
.hxm-tag.hxm-t-tv{color:rgb(150,205,255);border-color:rgba(120,180,255,.55)}
.hxm-tag.hxm-t-sports{color:rgb(140,225,170);border-color:rgba(100,200,140,.55)}
.hxm-tag.hxm-black{color:rgb(20,20,15);background:rgb(242,207,116);border-color:rgb(242,207,116)}
.hx-app.hxm .hxm-desc{margin:0;font-size:15px;line-height:1.5;color:rgb(232,228,220);flex:1}
.hxm-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.hx-app.hxm .hxm-links a{font-size:13px;font-weight:800;text-decoration:none;border-radius:20px;padding:7px 13px}
.hx-app.hxm .hxm-links a.hxm-go{background:rgb(220,168,62);color:rgb(20,20,15)}
.hx-app.hxm .hxm-links a.hxm-go:hover,.hx-app.hxm .hxm-links a.hxm-go:focus-visible{background:rgb(242,207,116);color:rgb(20,20,15)}
.hx-app.hxm .hxm-links a.hxm-alt{color:rgb(246,243,236);border:1px solid rgb(90,90,104)}
.hx-app.hxm .hxm-links a.hxm-alt:hover,.hx-app.hxm .hxm-links a.hxm-alt:focus-visible{border-color:rgb(220,168,62);color:rgb(242,207,116)}
.hx-app.hxm .hxm-none{color:rgb(226,222,214);text-align:center;padding:30px 0}
.hx-app.hxm .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* suggestion form */
.hxm-suggest{margin-top:44px;background:rgb(31,31,38);border:1px solid rgb(201,162,75);border-radius:16px;padding:24px}
.hx-app.hxm .hxm-suggest h2{margin:0 0 6px;font-size:24px;font-weight:900;color:rgb(255,255,255)}
.hx-app.hxm .hxm-suggest > p{margin:0 0 16px;color:rgb(226,222,214)}
.hxm-suggest form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.hx-app.hxm .hxm-suggest label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:rgb(232,228,220)}
.hxm-suggest .hxm-wide{grid-column:1/-1}
.hx-app.hxm .hxm-suggest input,.hx-app.hxm .hxm-suggest select,.hx-app.hxm .hxm-suggest textarea{font:inherit;font-size:16px;font-weight:400;background:rgb(18,18,24);color:rgb(246,243,236);border:1px solid rgb(90,90,104);border-radius:10px;padding:10px 12px}
.hx-app.hxm .hxm-suggest input:focus,.hx-app.hxm .hxm-suggest select:focus,.hx-app.hxm .hxm-suggest textarea:focus{outline:none;border-color:rgb(220,168,62)}
.hx-app.hxm .hxm-send{grid-column:1/-1;justify-self:start;font:inherit;font-weight:800;font-size:15px;background:rgb(220,168,62);color:rgb(20,20,15);border:0;border-radius:24px;padding:12px 22px;cursor:pointer}
.hx-app.hxm .hxm-send:hover{background:rgb(242,207,116)}
.hxm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hx-app.hxm .hxm-msg{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:rgba(100,200,140,.14);color:rgb(200,245,215);border:1px solid rgba(100,200,140,.5)}
.hx-app.hxm .hxm-msg.hxm-bad{background:rgba(255,120,120,.12);color:rgb(255,215,215);border-color:rgba(255,120,120,.5)}

@media(max-width:640px){
	.hx-app.hxm .hxm-hero .wrap{padding-top:30px;padding-bottom:24px}
	.hxm-grid{grid-template-columns:1fr}
	.hxm-chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}
	.hx-app.hxm .hxm-chip{white-space:nowrap}
	.hx-app.hxm .hxm-search{width:100%}
	.hxm-suggest form{grid-template-columns:1fr}
}