/* Community comes first; member and owner layouts share the same paddock. */
html[data-hub-scene="dynamic"][data-hub-area="reports"]{--hub-scene-image:url("assets/hub-scene-engineering-studio.jpg");--hub-scene-position:67% center}
.elite-hub .paddock-timing-strip{display:none}
.elite-hub .hub-hero{min-height:0;padding:24px 28px;margin-bottom:20px}
.elite-hub .hub-hero h1{font-size:clamp(1.8rem,3vw,2.7rem)}
.elite-hub .member-welcome{margin:0 0 20px;padding:24px}
.elite-hub .member-welcome-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}
.elite-hub .member-welcome-heading h2{font-size:1.55rem;margin:4px 0 16px}
.elite-hub .member-welcome-heading>button,.message-history button,.article-dialog button,.report-card button,.hub-load-retry button{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--text);min-height:44px}
.elite-hub .welcome-prompt{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid var(--line)}
.elite-hub .welcome-prompt p{max-width:70ch;line-height:1.65;margin:7px 0}
.elite-hub .welcome-prompt button{flex-shrink:0}
.elite-hub .welcome-prompt{padding:18px}
.elite-hub .member-welcome-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.elite-hub .member-welcome-actions button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;padding:18px;min-width:0}
.elite-hub .member-welcome-actions small{font-size:.67rem;letter-spacing:.1em;color:var(--cyan)}
.elite-hub .member-welcome-actions strong{font-size:1rem;line-height:1.45}
.elite-hub .member-welcome-actions span{font-size:.78rem;line-height:1.5}
.elite-hub #owner-overview{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}
.elite-hub #hub-explore>summary,.appearance-disclosure>summary{cursor:pointer;padding:18px;font-weight:700;min-height:48px}
.elite-hub #hub-explore{margin-top:24px}
.elite-hub .community-heading{margin-bottom:18px}
.elite-hub .community-heading h1{font-size:clamp(1.8rem,3vw,2.8rem)}
.elite-hub .community-pulse{margin-bottom:16px}
.elite-hub .community{margin-top:0}
.elite-hub .conversation{min-height:0}
.elite-hub .conversation,.elite-hub .member-welcome{background:var(--panel)!important}
.elite-hub .conversation .messages{min-height:180px;max-height:52vh;overflow-y:auto;overscroll-behavior:contain}
.elite-hub .conversation-starters{padding:10px 0;gap:8px}
.elite-hub .message-history{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:.75rem}
.elite-hub .message-history button{min-height:40px;padding:8px 12px}
#mobile-channel-picker{display:none}
.article-dialog{color:var(--text,#e9f0f6);background:var(--panel,#111b27);border:1px solid var(--line,#3b4c5c);border-radius:18px;padding:32px;width:min(760px,calc(100% - 32px));max-height:88dvh;overflow:auto;box-sizing:border-box}
.article-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.article-dialog h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2;clear:both}
.article-dialog .article-close{float:right;margin-bottom:20px;min-height:44px}
.article-dialog .article-lede{font-size:1.1rem;line-height:1.7}
.article-dialog .article-body{line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
.article-dialog a{color:var(--cyan,#7dd7ed);display:block;margin:24px 0}
.article-dialog button{min-height:44px}
.hub-load-retry{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #c99b52;padding:18px;margin-bottom:20px}
.report-card{padding:22px;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}
.report-card blockquote{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin:14px 0;border-left:3px solid var(--cyan)}
.report-card label{display:grid;gap:8px;margin:18px 0}
.report-card textarea{min-height:90px}
/* Route changes focus main for accessibility; only controls need a visible ring. */
:focus-visible:not(#main){outline:3px solid var(--cyan,#78d2ee);outline-offset:3px}
#main:focus{outline:none}
@media(max-width:900px){
 .elite-hub .community .channel-rail{display:none}
 .elite-hub .community{display:block}
 #mobile-channel-picker{display:block;width:100%;min-height:46px;margin-bottom:14px}
 .elite-hub .community-mark,.elite-hub .community-pulse{display:none}
 .elite-hub .conversation #channel-heading{padding-bottom:8px}
 .elite-hub .channel-heading-row{display:block}
 .elite-hub .channel-heading-row p{font-size:.8rem;margin:6px 0}
 .elite-hub .channel-visibility,.elite-hub .channel-kicker{display:none}
 .elite-hub .conversation .messages{max-height:42dvh;min-height:100px}
 .elite-hub .conversation-starters{display:none}
 .elite-hub .welcome-prompt{display:block}
 .elite-hub .welcome-prompt button{margin-top:10px}
}
@media(max-width:600px){
 .elite-hub main>[data-panel="community"]>.section-heading:first-child{padding:18px!important;min-height:0!important}
 .elite-hub main>[data-panel="community"]>.section-heading:first-child h1{font-size:1.65rem!important}
 html[data-hub-area="community"] .elite-hub main{padding-top:16px}
 .elite-hub .app-shell .sidebar:not(.open){visibility:hidden}
 .elite-hub .conversation .messages{max-height:30dvh}
 .elite-hub .hub-hero{padding:18px;display:block;margin-bottom:14px}
 .elite-hub .hub-hero .hub-status{display:none}
 .elite-hub .hub-hero .lede{font-size:.88rem}
 .elite-hub .member-welcome{padding:18px;margin-bottom:14px}
 .elite-hub .member-welcome-heading{display:block}
 .elite-hub .member-welcome-heading h2{font-size:1.3rem;margin-bottom:10px}
 .elite-hub .member-welcome-heading>button{font-size:.75rem;margin-bottom:12px}
 .elite-hub .member-welcome-actions{grid-template-columns:1fr}
 .elite-hub .member-welcome-actions button{padding:13px;gap:5px}
 .elite-hub .member-welcome-actions span{display:none}
 .elite-hub .welcome-prompt{padding:14px 0}
 .elite-hub .welcome-prompt p{font-size:.85rem}
 .elite-hub .community-heading .lede{font-size:.85rem;line-height:1.6}
 .elite-hub .community-heading{margin-bottom:14px}
 .elite-hub .community-heading h1{font-size:1.65rem}
 .elite-hub .conversation{padding:14px}
 .elite-hub .conversation #weekly-pin-banner:has(p:only-child){display:none}
 .elite-hub .conversation form textarea{min-height:70px}
 .elite-hub .conversation .composer-actions{gap:10px}
 .elite-hub .conversation .composer-actions small{font-size:.65rem}
 .article-dialog{padding:22px}
 .hub-load-retry{display:block}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#website-analytics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
#website-analytics > .section-heading { margin: 0; padding: 20px; border: 1px solid var(--border, #28434f); border-radius: 14px; background: var(--panel, #0b1922); }
#website-analytics > .fine { margin: 0; }
#website-analytics button { padding: 10px 16px; border: 1px solid #345665; border-radius: 8px; background: #102b37; color: #dbf4f8; font: inherit; cursor: pointer; }
#website-analytics button:hover { background: #1b3e4b; }
#website-analytics > .section-heading, #website-analytics > .fine, #website-analytics > .analytics-metrics, #website-analytics > section:last-child { grid-column: 1 / -1; }
#website-analytics > .analytics-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
#website-analytics > .analytics-block { grid-column: auto; min-height: 0; }
#website-analytics > section:last-child { grid-column: 1 / -1; }
@media(max-width:720px) { #website-analytics { grid-template-columns: minmax(0,1fr); } #website-analytics > .analytics-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } #website-analytics > .section-heading { align-items:flex-start; flex-direction:column; gap:12px; } }
/* Final surface layer: scenes choose the backdrop; finishes own card materials.
   Keep these tokens independent of the older scene-specific panel backgrounds. */
html[data-hub-surface] {
  --hub-finish-background: #0b1720;
  --hub-finish-filter: none;
  --hub-finish-shadow: 0 14px 36px #0003, inset 0 1px #ffffff08;
}
html[data-hub-surface="carbon"] {
  --hub-finish-background: repeating-linear-gradient(45deg,#ffffff05 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,#0005 0 2px,transparent 2px 7px),linear-gradient(135deg,#17232c,#090f15);
}
html[data-hub-surface="glass"] {
  --hub-finish-background: linear-gradient(135deg,#c8f2ff12,transparent 55%),#08172280;
  --hub-finish-filter: blur(10px) saturate(135%);
  --hub-finish-shadow: 0 20px 48px #0004, inset 0 1px #ffffff38, inset 0 -1px #ffffff0d;
}
html[data-hub-surface="glass"][data-hub-contrast="high"] {
  --hub-finish-background: linear-gradient(135deg,#c8f2ff14,transparent 55%),#06121d99;
}
html[data-hub-surface="graphite"] {
  --hub-finish-background: linear-gradient(145deg,#30363c,#171c22 65%,#10151b);
  --hub-finish-shadow: 0 14px 36px #0004, inset 0 1px #ffffff20;
}
html[data-hub-surface="gradient"] {
  --hub-finish-background: radial-gradient(ellipse at top left,color-mix(in srgb,var(--elite-cyan) 32%,transparent),transparent 75%),linear-gradient(135deg,#10222e,#151b35);
}
html[data-hub-theme="light"][data-hub-surface] { --hub-finish-background:#f7f9f8; --hub-finish-shadow:0 14px 36px #18313a12,inset 0 1px #fff; }
html[data-hub-theme="light"][data-hub-surface="carbon"] { --hub-finish-background:repeating-linear-gradient(45deg,#1226330b 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,#12263308 0 2px,transparent 2px 7px),#edf2f1; }
html[data-hub-theme="light"][data-hub-surface="glass"] { --hub-finish-background:linear-gradient(135deg,#ffffff66,transparent 60%),#f2f8f7ad; }
html[data-hub-theme="light"][data-hub-surface="glass"][data-hub-contrast="high"] { --hub-finish-background:linear-gradient(135deg,#ffffff66,transparent 60%),#f2f8f7d9; }
html[data-hub-theme="light"][data-hub-surface="graphite"] { --hub-finish-background:linear-gradient(145deg,#e3e8ea,#c5cfd3); }
html[data-hub-theme="light"][data-hub-surface="gradient"] { --hub-finish-background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--elite-cyan) 25%,transparent),transparent 75%),linear-gradient(135deg,#f5faf9,#e2e5f2); }
html[data-hub-surface] .elite-hub :is(
  .panel,.card,.member-card,.membership,.feedback-item,.conversation,
  .member-welcome,.member-onboarding,.launch-checklist,.beta-callout,
  .race-weekend-card,.elite-live-weekend,.guide-card,.notification-item,.record-card,
  .assistant-welcome,.assistant-answer,.assistant-guide-match,.assistant-no-answer,
  .analytics-block,.analytics-metric,.analytics-toolbar,.analytics-insight,
  .oversight-admin-card,.oversight-log,.community-pulse,.paddock-invitation,
  .support-dialog-card,.message-action-card,.article-dialog,.report-card,
  .hub-lanes button,.member-welcome-actions button,.theme-preview,.stats article
) {
  /* These properties deliberately outrank legacy scene and component materials. */
  background:var(--hub-finish-background)!important;
  -webkit-backdrop-filter:var(--hub-finish-filter)!important;
  backdrop-filter:var(--hub-finish-filter)!important;
  box-shadow:var(--hub-finish-shadow)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-hub-surface="glass"] { --hub-finish-background:linear-gradient(135deg,#233946,#101c27); }
  html[data-hub-theme="light"][data-hub-surface="glass"] { --hub-finish-background:linear-gradient(135deg,#ffffff,#e0eaed); }
}