/* Pride quiz club. No motion; colour, spacing and clear hierarchy do the work. */
body.hub-page {--paper:#0b1020;--panel:#141c31;--ink:#f8f9ff;--muted:#b8c3da;--line:#303c56;--accent:#f4a6d1;--button:#f4a6d1;--button-ink:#26122c;--tint:#25203c;background:radial-gradient(ellipse at 85% 5%,#26204b 0,transparent 40%),var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
body.hub-page[data-accent=teal] {--accent:#8cddd0;--button:#8cddd0;--button-ink:#102b28;--tint:#172f35;}
body.hub-page[data-accent=coral] {--accent:#ffbda6;--button:#ffbda6;--button-ink:#331a16;--tint:#342936;}
body.hub-page[data-theme=paper] {--paper:#edf2fa;--panel:#fff;--ink:#16223c;--muted:#53617b;--line:#cad5e6;--accent:#713b81;--button:#713b81;--button-ink:#fff;--tint:#eee5f7;background:radial-gradient(ellipse at 85% 5%,#e2d9f2 0,transparent 40%),var(--paper);}
body.hub-page[data-theme=paper][data-accent=teal]{--accent:#146a60;--button:#146a60;--tint:#dceeea;}
body.hub-page[data-theme=paper][data-accent=coral]{--accent:#974632;--button:#974632;--tint:#f5e4df;}
.hub-page::before,.hub-page::after {content:none!important;}
.hub-page .page {width:min(1180px,calc(100% - 64px));padding:30px 0 32px;}
.hub-page a{color:var(--accent);}.hub-page h1,.hub-page h2,.hub-page h3{color:var(--ink);text-shadow:none;letter-spacing:-.04em;}
.hub-page .hub-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line);}
.hub-page .page .brand-chip{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;color:var(--ink);font-size:20px;font-weight:800;}
.hub-page .brand-mark{width:46px;height:46px;box-shadow:none;}
.hub-nav nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}.hub-nav nav a{color:var(--muted);text-decoration:none;padding:10px 14px;font-size:13px;font-weight:650;border-radius:10px;}.hub-nav nav a:first-child{background:var(--tint);color:var(--ink);}.hub-nav nav a:hover{color:var(--ink);}
.hub-page .hero.hub-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:430px;margin:26px 0 36px;padding:30px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible;}
.hub-page .hero-content{padding:0;}.hub-page .eyebrow{display:inline-flex;background:var(--tint);color:var(--accent);border:1px solid var(--line);border-radius:50px;padding:7px 13px;font:700 11px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.hub-page .page .hero-branded h1{font:850 clamp(48px,5.6vw,76px)/1.04 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.055em;margin:22px 0;max-width:650px;}
.hub-page .intro-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:530px;margin-bottom:28px;}
.hub-page .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.hub-page .pride-message{background:transparent;border:0;padding:0;margin:26px 0 0;color:var(--muted);font-size:12px;gap:9px;}
.hub-page .pride-flag,.hub-page .trans-flag{width:27px;height:18px;border-radius:3px;flex:none;box-shadow:none;}
.hub-page .page .hero-branded .hero-art{order:initial;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;background:radial-gradient(circle,#302350,transparent 70%);min-width:0;}
.hub-page[data-theme=paper] .hero-art{background:radial-gradient(circle,#d8d4f2,transparent 70%)!important;}
.hub-page .page .hero-branded .hero-art img{width:min(100%,330px);height:auto;max-height:330px;object-fit:contain;filter:none;border-radius:50%;border:1px solid #53456f;box-shadow:0 0 0 12px rgba(151,123,199,.07),0 0 0 26px rgba(151,123,199,.04);}
.hub-page .mascot-note{color:var(--muted);font-size:11px;margin-top:34px;text-align:center;}
.hub-page .hub-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:28px;align-items:start;}
.hub-page .section{margin:0 0 30px;}.hub-page .section-title{display:block;text-transform:none!important;margin:0 0 20px;}.hub-page .section-title h2{font-size:27px;margin:8px 0;line-height:1.2;}
.hub-page .overline{display:block;font:750 10px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);}
.hub-page .grid{grid-template-columns:1fr;gap:16px;}
.hub-page .card,.hub-page .past-row{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:none!important;padding:24px;color:var(--ink);}
.hub-page .card h2,.hub-page .card h3{font-size:23px;line-height:1.2;margin:15px 0;}.hub-page .card p{font-size:13px;line-height:1.75;color:var(--muted);}
.hub-page .badge{border:1px solid var(--line);background:var(--tint);color:var(--accent);border-radius:6px;font-size:10px;letter-spacing:.05em;}
.hub-page .page .btn{border-radius:10px;padding:12px 18px;min-height:44px;font:750 13px/1.4 ui-sans-serif,system-ui,sans-serif;text-decoration:none;box-shadow:none;transform:none;border:1px solid var(--line);}
.hub-page .page .btn.hot{background:var(--button);color:var(--button-ink);border-color:var(--button);}
.hub-page .page .btn.cyan,.hub-page .page .btn.yellow{background:transparent;color:var(--ink);border-color:var(--line);}
.hub-page .page .btn:hover{filter:brightness(1.07);transform:none;}.hub-page .btn:disabled{opacity:.6;}
.hub-page .empty-round{background:linear-gradient(115deg,var(--tint),var(--panel))!important;border-top:3px solid var(--accent)!important;padding:28px;}
.hub-page .empty-round h3{font-size:26px;}.hub-page .empty-round>a{display:inline-block;font-size:13px;font-weight:750;margin-top:14px;}
.hub-page .past-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.hub-page .past-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;min-height:200px;padding:22px;position:relative;}
.hub-page .past-row strong{font-size:17px;line-height:1.45;display:block;color:var(--ink);}.hub-page .past-row span{font-size:12px;line-height:1.65;color:var(--muted);margin-top:10px;}.hub-page .past-row .archive-state{display:inline-block;color:var(--accent);font-size:10px;font-weight:750;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em;}
.hub-aside{display:grid;gap:18px;align-content:start;padding-top:51px;}.hub-page .latest-card{border-left:3px solid #bba4ee!important;}.hub-page .board-card{background:linear-gradient(150deg,var(--tint),var(--panel))!important;}.hub-page .community-card{border-top:3px solid #8ecedc!important;}
.hub-page .status-line{display:inline-flex;align-items:center;gap:8px;margin:15px 0 0;font-size:11px;font-weight:650;color:var(--muted);}.status-dot{width:7px;height:7px;border-radius:50%;background:#cab6e8;}.status-dot.is-live{background:#8cddd0;}
.hub-page .quiet{font-size:11px!important;}.mini-flags{display:flex;gap:7px;}
.hub-page .hub-rules{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin:12px 0 28px;padding:22px 26px;}.hub-rules>summary{font-size:17px;font-weight:750;color:var(--ink);cursor:pointer;}.hub-rules ol{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;padding:20px 0 0 20px;font-size:12px;line-height:1.8;color:var(--muted);margin:0;}.hub-rules li{padding-left:4px;}
.hub-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:11px;line-height:1.8;}
.hub-page :focus-visible{outline:3px solid var(--accent)!important;outline-offset:4px;}
@media(max-width:850px){.hub-page .page{width:calc(100% - 40px);}.hub-page .hero.hub-intro{gap:24px;grid-template-columns:1.1fr .9fr;min-height:350px;}.hub-page .page .hero-branded h1{font-size:52px;}.hub-page .hub-columns{grid-template-columns:1fr;gap:0;}.hub-aside{padding-top:0;grid-template-columns:1fr 1fr;margin-bottom:24px;}.hub-aside .community-card{grid-column:1/-1;}.hub-nav nav a{padding:8px;font-size:12px;}}
@media(max-width:550px){.hub-page .page{width:calc(100% - 36px);padding-top:20px;}.hub-page .hub-nav{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:18px;}.hub-nav nav{width:100%;justify-content:space-between;}.hub-page .hero.hub-intro{grid-template-columns:1fr;gap:8px;margin:18px 0 24px;padding:12px 0!important;}.hub-page .page .hero-branded h1{font-size:46px;}.hub-page .intro-description{font-size:14px;line-height:1.75;}.hub-page .page .hero-branded .hero-art{padding:30px 20px 6px;}.hub-page .page .hero-branded .hero-art img{width:200px;}.hub-page .mascot-note{margin-top:24px;}.hub-page .past-list{grid-template-columns:1fr;}.hub-page .past-row{min-height:0;gap:16px;}.hub-page .section-title h2{font-size:25px;}.hub-aside{grid-template-columns:1fr;}.hub-page .card{padding:22px;}.hub-page .hub-rules{padding:20px;}.hub-rules ol{grid-template-columns:1fr;}.hub-footer{flex-wrap:wrap;}}