/* Compact Home brand bar, shared by visitors and signed-in players. */
body.hub-page>main>header.site { display:flex; align-items:center; gap:10px; text-align:left; min-height:44px; padding:10px 0 11px; border-bottom:1px solid var(--border); }
body.hub-page>main>header.site .board { order:0; width:30px; height:30px; flex:0 0 30px; margin:0; border-width:1px; box-shadow:none; font-size:16px; }
body.hub-page>main>header.site h1 { order:1; margin:0; font-size:24px; line-height:1; white-space:nowrap; }
body.hub-page>main>header.site>p { display:none; }
body.hub-page>main>header.site .header-login { order:2; position:static; margin-left:auto; }
#hub .home-events-panel { padding:0; margin-top:16px; }
#hub .home-events-panel .hub-section { margin:0; padding:16px 18px; background:var(--panel); border:1px solid var(--border); box-shadow:0 10px 30px rgba(23,32,51,.06); }
#hub .home-events-panel .home-next-section { border-radius:var(--radius) var(--radius) 0 0; }
#hub .home-events-panel .hub-head { margin:0 0 3px; padding-bottom:9px; border-bottom:1px solid var(--border); align-items:center; }
#hub .home-events-panel h2 { margin:0; font-size:16px; }
#hub .home-events-panel .home-upcoming-section { margin-top:10px; border-radius:0 0 var(--radius) var(--radius); padding-top:12px; }
.home-upcoming-filters { display:inline-flex; border:1px solid var(--border); border-radius:6px; overflow:hidden; }
.home-upcoming-filters button { border:0; border-radius:0; background:transparent; box-shadow:none; min-height:36px; padding:6px 10px; font-size:12px; color:var(--muted); }
.home-upcoming-filters button+button { border-left:1px solid var(--border); }
.home-upcoming-filters button.is-on { background:#fff0f7; color:var(--accent-text); }
.home-upcoming-filters button:focus-visible { outline:2px solid var(--accent-text); outline-offset:-3px; }
.home-next-empty p { font-size:12px; margin:8px 0 12px; }
.home-night-row { display:grid; grid-template-columns:minmax(0,1fr) 92px; align-items:start; gap:4px 12px; padding:12px 0; border-bottom:1px solid var(--border); }
.home-night-row:last-child { border-bottom:0; padding-bottom:2px; }
.home-night-main { min-width:0; }
.home-night-date { margin:0 0 3px; color:var(--accent-text); font-size:12px; font-weight:700; }
.home-night-name { display:block; font-size:14px; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.home-night-venue { margin:3px 0 0; font-size:12px; line-height:1.5; color:var(--muted); }
.home-night-meta { grid-column:1; grid-row:2; margin:0; font-size:12px; line-height:1.6; color:var(--muted); }
.home-night-save { justify-self:end; margin-top:0; min-width:62px; }
.home-night-save.home-night-icon { min-width:44px; width:44px; height:44px; padding:0; font-size:24px; line-height:1; }
.home-night-details { grid-column:1/-1; grid-row:2; min-width:0; font-size:12px; line-height:1.6; }
.home-night-details>summary { width:max-content; max-width:92px; margin-left:auto; list-style:none; text-align:right; }
.home-night-details>summary::-webkit-details-marker { display:none; }
.home-night-details>summary::before { content:'▸ '; }
.home-night-details[open]>summary::before { content:'▾ '; }
.home-night-details summary,.home-also-saved summary { cursor:pointer; color:var(--accent-text); }
.home-night-details summary:focus-visible { outline:2px solid var(--accent-text); outline-offset:3px; }
.home-night-expanded { padding-top:6px; }
.home-night-expanded p { margin:7px 0 0; }
.home-also-saved { padding:10px 0 0; font-size:12px; }
.home-secondary-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; font-size:12px; margin:18px 0 26px; }
.home-secondary-actions button { margin-left:auto; }
.home-see-all { display:flex; justify-content:center; margin:10px 0 16px; }
#hub .home-see-all>a { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:4px 8px; border:0; border-radius:0; background:transparent; box-shadow:none; color:#b91c1c; }
#hub .home-see-all>a::after { content:"→"; }
#hub .home-see-all>a:hover { background:transparent; color:#991b1b; text-decoration:underline; }
#hub .home-upcoming-section .hub-head>a { font-size:12px; white-space:nowrap; }
@media(max-width:480px) { #hub .home-events-panel .hub-section { padding-left:14px; padding-right:14px; } .home-night-row { gap:4px 8px; } }

/* Plain Home canvas while refining the walkthrough layout. */
body.hub-page { background-image:radial-gradient(900px 500px at 50% -120px, rgba(244,63,147,.13), transparent 70%), linear-gradient(180deg,#fff7ed 0%,#f7efe2 100%); }
#hub .home-resume-drafts { margin:0 0 22px; }
.home-resume-row { display:flex; align-items:center; gap:12px; padding:10px 0; border-block:1px solid var(--border); }
.home-resume-row+.home-resume-row { border-top:0; }
.home-resume-link { flex:1; min-width:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; font-size:12px; }
.home-resume-title { font-weight:700; white-space:nowrap; }
.home-resume-name { color:var(--text); font-weight:600; overflow-wrap:anywhere; }
.home-resume-summary { color:var(--muted); font-size:11px; }
.home-resume-row>button { flex-shrink:0; min-height:40px; padding:6px 8px; font-size:11px; }

#hub #home-events[hidden],#hub #home-community[hidden] { display:none; }
#hub #home-community { margin-top:20px; }

/* Community has a destination and one compact heading/action row. */
#hub .community-heading-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 12px; }
#hub .community-heading-row .hub-head { margin:0; }
#hub .community-heading-row h2 { margin:0; font-size:20px; }
#hub .community-heading-row .community-tab-action { min-height:40px; font-size:12px; padding:8px 12px; }
#hub #home-community>.tabbar { border:0; border-bottom:1px solid var(--border); background:transparent; margin:0 0 16px; }
#hub #home-community>.tabbar>.tab { flex:1; background:transparent; padding:10px 8px; }
#hub .community-content { padding:16px; box-shadow:none; border-radius:12px; }
#hub .community-content .empty { padding:14px 0; font-size:13px; text-align:left; }

body.hub-page #communityHub { display:none; }