/* Oddusee H.B.C.U Support Circle — rgb() only; light text on dark panels, dark text only on gold. */
.hx-app .hxs{background:linear-gradient(135deg,rgb(44,35,18),rgb(26,24,22) 55%,rgb(23,23,29));border:1px solid rgb(150,122,58);border-radius:18px;padding:20px 20px 16px;margin:0 0 18px}
.hx-app .hxs-head{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.hx-app .hxs-kick,.hxs-page .hxs-kick{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgb(20,20,15);background:rgb(220,168,62);border-radius:999px;padding:4px 10px}
.hx-app .hxs-head h3{margin:8px 0 4px;font-size:22px;font-weight:800;line-height:1.2;color:rgb(255,255,255)}
.hx-app .hxs-head p{margin:0;font-size:14.5px;line-height:1.5;color:rgb(232,228,220);max-width:62ch}
.hx-app .hxs-acts,.hxs-page .hxs-cta{display:flex;gap:8px;flex-wrap:wrap}
.hx-app .hxs-btn,.hxs-page .hxs-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:800;font-size:13.5px;border-radius:12px;padding:10px 14px;border:1px solid rgb(150,122,58);color:rgb(246,243,236);background:rgb(31,31,38);cursor:pointer;font-family:inherit}
.hx-app .hxs-btn:hover,.hxs-page .hxs-btn:hover{border-color:rgb(242,207,116);color:rgb(255,255,255)}
.hx-app .hxs-btn.gold,.hxs-page .hxs-btn.gold{background:rgb(220,168,62);border-color:rgb(220,168,62);color:rgb(20,20,15)}
.hx-app .hxs-btn.gold:hover,.hxs-page .hxs-btn.gold:hover{background:rgb(242,207,116);color:rgb(20,20,15)}
.hx-app .hxs-row{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-color:rgb(150,122,58) transparent}
.hx-app .hxs-card{flex:0 0 190px;scroll-snap-align:start;display:flex;flex-direction:column;text-align:left;background:rgb(31,31,38);border:1px solid rgb(58,58,68);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;font-family:inherit;color:rgb(246,243,236)}
.hx-app .hxs-card:hover,.hx-app .hxs-card:focus-visible{border-color:rgb(220,168,62);outline:none}
.hx-app .hxs-card[aria-expanded="true"]{border-color:rgb(242,207,116);box-shadow:0 0 0 2px rgb(220,168,62) inset}
.hx-app .hxs-card.sup{border-color:rgb(150,122,58)}
.hx-app .hxs-ph{position:relative;display:flex;align-items:center;justify-content:center;height:108px;background:radial-gradient(circle at 30% 20%,rgb(96,72,28),rgb(28,26,24))}
.hx-app .hxs-ph.t-food_truck,.hx-app .hxs-ph.t-catering{background:radial-gradient(circle at 30% 20%,rgb(90,54,30),rgb(28,26,24))}
.hx-app .hxs-ph.t-venue,.hx-app .hxs-ph.t-bar_lounge{background:radial-gradient(circle at 30% 20%,rgb(62,44,92),rgb(24,22,30))}
.hx-app .hxs-ph.t-bakery_coffee{background:radial-gradient(circle at 30% 20%,rgb(92,64,44),rgb(28,26,24))}
.hx-app .hxs-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hx-app .hxs-ini{font-size:34px;font-weight:900;letter-spacing:.02em;color:rgb(242,207,116)}
.hx-app .hxs-star{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgb(20,20,15);background:rgb(220,168,62);border-radius:999px;padding:3px 8px}
.hx-app .hxs-t{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}
.hx-app .hxs-t b{font-size:15px;font-weight:800;line-height:1.25;color:rgb(255,255,255)}
.hx-app .hxs-t i{font-style:normal;font-size:12.5px;color:rgb(214,209,200)}
.hx-app .hxs-detail{margin-top:8px;background:rgb(31,31,38);border:1px solid rgb(150,122,58);border-radius:14px;padding:16px 18px}
.hx-app .hxs-dh{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.hx-app .hxs-dh h4{margin:0;font-size:19px;font-weight:800;color:rgb(255,255,255)}
.hx-app .hxs-meta{margin:3px 0 0;font-size:13.5px;color:rgb(214,209,200)}
.hx-app .hxs-badge{font-size:12px;font-weight:800;color:rgb(20,20,15);background:rgb(220,168,62);border-radius:999px;padding:5px 11px}
.hx-app .hxs-about{margin:12px 0;font-size:15.5px;line-height:1.6;color:rgb(232,228,220);max-width:75ch}
.hx-app .hxs-facts{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}
.hx-app .hxs-facts li{font-size:14.5px;color:rgb(232,228,220);display:flex;gap:10px;flex-wrap:wrap}
.hx-app .hxs-facts span{flex:0 0 72px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgb(242,207,116);padding-top:2px}
.hx-app .hxs-facts a{color:rgb(242,207,116);text-decoration:underline;text-underline-offset:2px}
.hx-app .hxs-socs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.hx-app .hxs-soc{text-decoration:none;font-size:13px;font-weight:700;color:rgb(246,243,236);border:1px solid rgb(96,96,112);border-radius:999px;padding:6px 12px}
.hx-app .hxs-soc:hover{border-color:rgb(220,168,62);color:rgb(255,255,255)}
.hx-app .hxs-close{font-family:inherit;font-size:13px;font-weight:700;color:rgb(246,243,236);background:transparent;border:1px solid rgb(96,96,112);border-radius:10px;padding:7px 12px;cursor:pointer}
.hx-app .hxs-foot{margin:10px 0 0;font-size:13px;color:rgb(214,209,200)}
.hx-app .hxs-foot a{color:rgb(242,207,116)}
@media(max-width:640px){.hx-app .hxs{padding:16px 14px 12px}.hx-app .hxs-head h3{font-size:19px}.hx-app .hxs-card{flex-basis:164px}.hx-app .hxs-ph{height:92px}.hx-app .hxs-acts{width:100%}.hx-app .hxs-btn{flex:1 1 auto;justify-content:center}}

/* ---- the Support Circle page ---- */
.hxs-page{color:rgb(246,243,236);font-size:16px;line-height:1.6}
.hxs-page h2{margin:12px 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.05;font-weight:900;color:rgb(255,255,255)}
.hxs-page h3{margin:0 0 14px;font-size:24px;font-weight:800;color:rgb(242,207,116)}
.hxs-page h4{margin:6px 0 4px;font-size:18px;font-weight:800;color:rgb(255,255,255)}
.hxs-page p{color:rgb(232,228,220)}
.hxs-page a{color:rgb(242,207,116)}
.hxs-page .hxs-hero{background:linear-gradient(135deg,rgb(44,35,18),rgb(23,23,29));border:1px solid rgb(150,122,58);border-radius:20px;padding:28px 26px;margin:0 0 26px}
.hxs-page .hxs-lead{font-size:18px;max-width:64ch;margin:0 0 18px}
.hxs-page .hxs-stats{display:flex;gap:26px;flex-wrap:wrap;margin:0 0 18px}
.hxs-page .hxs-stats b{display:block;font-size:34px;line-height:1;color:rgb(255,255,255)}
.hxs-page .hxs-stats span{font-size:13px;color:rgb(214,209,200)}
.hxs-page .hxs-sec{background:rgb(27,27,33);border:1px solid rgb(58,58,68);border-radius:18px;padding:24px;margin:0 0 22px}
.hxs-page .hxs-steps{margin:0;padding-left:22px;display:grid;gap:12px}
.hxs-page .hxs-steps li{color:rgb(232,228,220);font-size:16px}
.hxs-page .hxs-steps b{color:rgb(255,255,255)}
.hxs-page .hxs-note{margin:0;color:rgb(214,209,200)}
.hxs-page .hxs-ups{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.hxs-page .hxs-up{background:rgb(31,31,38);border:1px solid rgb(58,58,68);border-radius:14px;overflow:hidden}
.hxs-page .hxs-up img{width:100%;height:150px;object-fit:cover;display:block}
.hxs-page .hxs-up-b{padding:14px 16px}
.hxs-page .hxs-up-b p{margin:0 0 8px;font-size:14.5px}
.hxs-page .hxs-pill{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgb(20,20,15);background:rgb(220,168,62);border-radius:999px;padding:3px 9px}
.hxs-page .hxs-where{font-size:13px !important;color:rgb(214,209,200) !important}
.hxs-page .hxs-small{font-size:13.5px;color:rgb(214,209,200)}
.hxs-page .hxs-bar{height:8px;background:rgb(58,58,68);border-radius:99px;overflow:hidden;margin:8px 0 4px}
.hxs-page .hxs-bar i{display:block;height:100%;background:rgb(220,168,62)}
.hxs-page .hxs-schools{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.hxs-page .hxs-school{display:block;text-decoration:none;background:rgb(31,31,38);border:1px solid rgb(58,58,68);border-radius:12px;padding:12px 14px}
.hxs-page .hxs-school:hover{border-color:rgb(220,168,62)}
.hxs-page .hxs-school b{display:block;color:rgb(255,255,255);font-size:15px}
.hxs-page .hxs-school span{font-size:13px;color:rgb(214,209,200)}
.hxs-page .hxs-join{border-color:rgb(150,122,58)}
.hxs-page .hxs-thanks{background:rgb(220,168,62);color:rgb(20,20,15);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.hxs-page .hxs-thanks b{color:rgb(20,20,15)}
.hxs-page .hxs-form .hxs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:14px}
.hxs-page .hxs-form label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:700;color:rgb(246,243,236)}
.hxs-page .hxs-form label.w2{grid-column:1/-1;margin-bottom:12px}
.hxs-page .hxs-form input[type=text],.hxs-page .hxs-form input[type=email],.hxs-page .hxs-form input[type=tel],.hxs-page .hxs-form input[type=url],.hxs-page .hxs-form select,.hxs-page .hxs-form textarea{width:100%;font:inherit;font-weight:400;font-size:15px;color:rgb(20,20,15);background:rgb(246,243,236);border:1px solid rgb(150,122,58);border-radius:10px;padding:10px 12px}
.hxs-page .hxs-form fieldset{border:1px solid rgb(58,58,68);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.hxs-page .hxs-form legend{font-weight:800;color:rgb(242,207,116);padding:0 6px}
.hxs-page .hxs-form label.hxs-check{flex-direction:row;align-items:center;gap:8px;font-weight:600;margin:4px 0}
.hxs-page .hxs-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hxs-page button.hxs-btn{font-size:15px;padding:12px 22px}
.hx-app .hxs-card,.hx-app .hxs-btn,.hxs-page .hxs-btn,.hx-app .hxs-close{text-transform:none;letter-spacing:normal;white-space:normal}
.hx-app .hxs-t b,.hx-app .hxs-t i{text-transform:none;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere}
.hxs-page .hxs-form ::placeholder{color:rgb(112,106,96);opacity:1}