.hq-page { --hq-ink:#172a38; --hq-muted:#526676; --hq-line:#dce5eb; --hq-accent:#086e80; width:100%; flex:0 0 100%; background:#f4f7f9; color:var(--hq-ink); font-family:Arial,sans-serif; line-height:1.55; }
.hq-page *, .hq-page *::before, .hq-page *::after { box-sizing:border-box; }
.hq-page [hidden] { display:none!important; }
.hq-page :is(h1,h2,h3,p,li,dt,dd,span,strong,summary,a,div,label,legend,blockquote,time) { font-family:inherit; }
.hq-page .container { width:100%; max-width:1170px; margin-inline:auto; padding-left:24px; padding-right:24px; }
.hq-page a { color:var(--hq-accent); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.hq-page a:hover { color:#043f4b; }
.hq-page :focus-visible { outline:3px solid #ec981d; outline-offset:3px; }
.hq-hero { display:block; width:100%; padding:190px 0 48px; background-color:#0c1319; background-image:var(--kb-hero-background); background-position:var(--kb-hero-position); background-size:cover; background-repeat:no-repeat; color:#fff; }
.hq-hero h1 { color:inherit; font-size:clamp(32px,5vw,52px); font-weight:800; margin:12px 0; line-height:1.1; }
.hq-hero p { color:#e2edf2; max-width:620px; font-size:18px; margin:0 0 24px; }
.hq-page .hq-hero a:not(.hq-button) { color:#fff; }
.hq-page .hq-hero a:not(.hq-button):hover { color:#e7bc72; }
.hq-eyebrow { font-size:12px; font-weight:800; letter-spacing:.13em; }
.hq-content { padding-top:30px; padding-bottom:70px; }
.hq-page h2 { font-size:23px; line-height:1.3; margin:0 0 14px; color:var(--hq-ink); font-weight:750; }
.hq-page h3 { font-size:18px; line-height:1.35; margin:16px 0 10px; color:var(--hq-ink); font-weight:750; }
.hq-panel { display:block; background:#fff; border:1px solid var(--hq-line); border-radius:14px; padding:24px; margin:0 0 20px; min-width:0; box-shadow:0 3px 14px #132b3c06; }
.hq-panel > :last-child { margin-bottom:0; }
.hq-panel > summary, .hq-inset > summary { cursor:pointer; font-size:18px; font-weight:750; color:var(--hq-ink); }
.hq-panel[open] > summary, .hq-inset[open] > summary { margin-bottom:20px; }
.hq-inset { border-top:1px solid var(--hq-line); padding-top:16px; margin-top:18px; }
.hq-help { font-size:14px; color:var(--hq-muted); margin:4px 0 14px; }
.hq-actions { display:flex; gap:12px 18px; flex-wrap:wrap; align-items:center; }
.hq-button, .hq-page .hq-button { display:inline-flex; justify-content:center; align-items:center; gap:10px; width:auto; min-height:44px; padding:10px 18px; background:var(--hq-accent); border:1px solid var(--hq-accent); border-radius:8px; color:#fff; font-size:14px; font-weight:750; line-height:1.4; text-decoration:none; cursor:pointer; white-space:normal; text-align:center; }
.hq-page .hq-button:hover { background:#064e5b; color:#fff; }
.hq-page .hq-secondary { background:#fff; color:var(--hq-accent); border-color:#adc5cf; }
.hq-page .hq-light { background:#fff; border-color:#fff; color:#16465a; }
.hq-page .hq-text { background:transparent; color:#9b3131; border-color:transparent; padding:6px 10px; }
.hq-page .hq-inline { margin:0; }
.hq-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; margin-top:16px; }
.hq-field { display:flex; flex-direction:column; gap:7px; margin:0; min-width:0; font-size:14px; font-weight:700; color:var(--hq-ink); }
.hq-field input, .hq-field select, .hq-field textarea { appearance:auto; display:block; float:none; width:100%; max-width:100%; min-width:0; height:auto; min-height:44px; margin:0; padding:10px 12px; border:1px solid #b9c9d3; border-radius:7px; background:#fff; color:var(--hq-ink); font:400 16px/1.4 Arial,sans-serif; box-shadow:none; }
.hq-field select { padding-right:28px; text-overflow:ellipsis; }
.hq-field textarea { resize:vertical; min-height:100px; }
.hq-wide { grid-column:1/-1; }
.hq-form > .hq-button { justify-self:start; align-self:end; }
.hq-check, .hq-checks label { display:flex; align-items:flex-start; gap:10px; font-size:14px; margin:0; }
.hq-check input, .hq-checks input { width:19px; height:19px; flex:0 0 19px; margin:2px 0; accent-color:var(--hq-accent); appearance:auto; }
.hq-checks { display:flex; flex-wrap:wrap; gap:14px 24px; }
.hq-page fieldset { border:1px solid var(--hq-line); border-radius:8px; padding:16px; min-width:0; }
.hq-page legend { float:none; width:auto; padding:0 6px; font-size:14px; font-weight:700; }
.hq-toolbar, .hq-team-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin:0 0 22px; }
.hq-team-picker { display:flex; align-items:flex-end; gap:12px; min-width:0; max-width:100%; }
.hq-team-picker .hq-field { min-width:180px; max-width:440px; }
.hq-team-heading { margin-top:28px; }
.hq-team-heading h2 { margin-bottom:6px; }
.hq-team-heading p { margin-bottom:0; }
.hq-team-heading > div { flex:1; min-width:0; }
.hq-tabs { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 24px; padding:6px; border:1px solid var(--hq-line); border-radius:12px; background:#fff; }
.hq-tabs a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border-radius:7px; color:var(--hq-muted); text-decoration:none; }
.hq-tabs a[aria-current] { background:#e1f0f2; color:#074c59; }
.hq-notice { border:1px solid #a9d9cc; border-left:4px solid #257b64; background:#f0faf6; border-radius:9px; color:#175945; padding:16px 18px; margin:0 0 22px; }
.hq-notice.is-error { border-color:#e6b4b0; background:#fff5f4; color:#923b35; }
.hq-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; border-bottom:1px solid #eaf0f4; padding:14px 0; min-width:0; }
.hq-row:first-child { padding-top:0; }
.hq-row:last-child { border-bottom:0; }
.hq-row > div { min-width:0; max-width:100%; }
.hq-row p { margin-bottom:0; }
.hq-badge { display:inline-flex; align-items:center; border-radius:6px; padding:4px 9px; background:#edf2f5; color:#445b6b; font-size:12px; font-weight:750; }
.hq-badge.is-seat { color:#765321; background:#fff1d9; }
.hq-badge.is-driver { color:#136153; background:#e4f5ef; }
.hq-empty { border:1px dashed #b8cbd7; border-radius:12px; padding:38px 22px; text-align:center; margin:20px 0; color:var(--hq-muted); }
.hq-empty i { font-size:30px; color:var(--hq-accent); margin-bottom:14px; }
.hq-empty p { max-width:520px; margin:0 auto 16px; }
.hq-event time { font-size:13px; color:#376174; font-weight:750; }
.hq-event h3 { margin:6px 0; font-size:22px; }
.hq-roster { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.hq-person { padding:8px 12px; border:1px solid var(--hq-line); border-radius:9px; display:flex; flex-direction:column; font-size:13px; background:#f7f9fa; }
.hq-person span { color:var(--hq-muted); }
.hq-person.is-yes { background:#ecf9f2; border-color:#b9ddcc; }
.hq-person.is-no { background:#fff4f3; border-color:#e6c4c0; }
.hq-person.is-maybe { background:#fff9ed; border-color:#ecdbb6; }
.hq-compact { max-width:470px; grid-template-columns:minmax(0,1fr) auto; align-items:end; }
.hq-event-actions { padding-top:16px; margin-top:18px; border-top:1px solid var(--hq-line); font-size:14px; }
.hq-prose, .hq-row, .hq-team-heading, .hq-listing h2, .hq-reply h2 { overflow-wrap:anywhere; }
.hq-task.is-done strong { text-decoration:line-through; color:var(--hq-muted); }
.hq-columns, .hq-listing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
.hq-columns > .hq-panel, .hq-listing-grid > .hq-panel { margin-bottom:0; }
.hq-columns { margin-bottom:20px; }
.hq-columns .hq-form { grid-template-columns:minmax(0,1fr); }
.hq-balance-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; }
.hq-balance-grid .hq-panel { padding:18px; }
.hq-amount { display:block; font-size:26px; font-weight:800; margin-top:8px; }
.hq-share { display:inline-block; margin-right:14px; }
.hq-filters .hq-form { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hq-filters .hq-check { align-self:end; padding:10px 0; }
.hq-listing-grid { align-items:stretch; }
.hq-listing { display:flex; flex-direction:column; }
.hq-listing-meta { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:16px; font-size:13px; color:var(--hq-muted); }
.hq-listing h2 { font-size:22px; margin-bottom:12px; }
.hq-listing .hq-row:last-child { margin-top:auto; padding-top:16px; border-top:1px solid var(--hq-line); }
.hq-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:12px 0 20px; }
.hq-facts dt { font-size:12px; color:var(--hq-muted); font-weight:400; }
.hq-facts dd { margin:4px 0 0; font-size:14px; font-weight:700; overflow-wrap:anywhere; }
.hq-reply blockquote { margin:18px 0; border-left:3px solid #8ebbc9; padding:12px 18px; background:#f3f8fa; font-size:15px; color:var(--hq-ink); overflow-wrap:anywhere; }
.hq-pagination { display:flex; justify-content:center; gap:16px; margin:24px 0 0; }
.hq-selected-race { padding:18px 20px; border:1px solid #bad7df; border-left:4px solid var(--hq-accent); border-radius:10px; background:#f0f8fa; overflow-wrap:anywhere; }
.hq-selected-race .hq-eyebrow { display:block; color:var(--hq-accent); margin-bottom:8px; }
.hq-selected-race [data-finder-name] { display:block; margin-bottom:8px; font-size:20px; line-height:1.4; }
.hq-selected-race a { color:var(--hq-accent); }
.hq-selected-race [data-finder-browse] { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:700; }
.hq-page [hidden] { display:none!important; }
@media(max-width:1030px) { .hq-hero { padding-top:100px; } }
@media(max-width:767px) {
    .hq-page .container { padding-left:15px; padding-right:15px; }
    .hq-hero { padding:90px 0 30px; }
    .hq-hero p { font-size:16px; }
    .hq-content { padding-top:20px; }
    .hq-panel { padding:18px; }
    .hq-form, .hq-columns, .hq-listing-grid, .hq-filters .hq-form { grid-template-columns:minmax(0,1fr); }
    .hq-tabs { gap:3px; }
    .hq-tabs a { flex:1 1 auto; padding:9px 11px; font-size:14px; }
    .hq-team-picker { width:100%; }
    .hq-team-picker .hq-field { flex:1; min-width:0; }
    .hq-team-heading { align-items:flex-start; }
    .hq-compact { grid-template-columns:minmax(0,1fr) auto; }
    .hq-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hq-row > .hq-actions { gap:8px; }
    .hq-button, .hq-page .hq-button { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { .hq-page * { scroll-behavior:auto!important; transition:none!important; } }

/* Team workspace: dashboard, checklist and expenses. */
.hq-welcome { margin-top:32px; }
.hq-welcome-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hq-welcome-grid .hq-panel { margin-bottom:0; }
.hq-welcome-grid i { color:#087d85; background:#e6f4f3; width:44px; height:44px; display:grid; place-items:center; border-radius:12px; font-size:20px; }
.hq-welcome-grid h3 { margin-top:18px; }
.hq-dashboard-tools { justify-content:flex-end; margin-bottom:18px; }
.hq-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.hq-page .hq-stat { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:22px; background:#fff; border:1px solid var(--hq-line); border-radius:12px; color:var(--hq-muted); font-size:13px; text-decoration:none; overflow-wrap:anywhere; min-width:0; }
.hq-stat > i { width:36px; height:36px; display:grid; place-items:center; background:#e5f2f1; color:#076c75; border-radius:10px; margin-bottom:7px; font-size:16px; }
.hq-page .hq-stat-value { color:var(--hq-ink); font-size:clamp(26px,3vw,34px); font-weight:800; line-height:1.25; letter-spacing:-.04em; }
.hq-stat-arrow { position:absolute; top:20px; right:20px; color:var(--hq-accent); }
.hq-page a.hq-stat:hover { border-color:#5aa6b0; background:#f7fcfc; }
.hq-dashboard-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:24px; align-items:start; }
.hq-dashboard-grid > *, .hq-dashboard-side > * { min-width:0; }
.hq-panel.hq-next-race { overflow:hidden; padding:0; }
.hq-next-header { position:relative; isolation:isolate; padding:30px 28px 22px; background:#123c4d; color:#fff; }
.hq-next-header-photo::before { content:""; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(100deg,rgba(5,26,36,.90),rgba(5,26,36,.76) 58%,rgba(5,26,36,.64)),var(--hq-circuit-photo); background-size:cover; background-position:center; }
.hq-page .hq-next-header h2 { position:relative; color:#fff; font-size:clamp(25px,3vw,32px); max-width:90%; margin:15px 0 12px; }
.hq-next-header p, .hq-next-header time { color:#e0eef1; font-size:15px; margin:0 0 10px; display:block; }
.hq-next-header .hq-eyebrow { color:#a2d9db; }
.hq-track-art { position:absolute; z-index:-2; right:-35px; top:15px; width:230px; height:165px; color:#236575; opacity:.55; }
.hq-race-countdown { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:15px 28px; background:#0d2f3c; color:#d0e8ed; }
.hq-race-countdown > strong { font-size:44px; line-height:1; letter-spacing:-.04em; color:#fff; }
.hq-race-countdown > span:not(.hq-badge) { font-size:13px; max-width:90px; line-height:1.35; }
.hq-race-countdown .hq-badge { margin-left:auto; background:#f8dfad; color:#543b0d; }
.hq-next-body { padding:24px 28px; }
.hq-next-body h3 { margin-top:0; }
.hq-attendance { margin:16px 0; }
.hq-segments { display:flex; height:10px; gap:3px; border-radius:6px; overflow:hidden; background:#eef2f4; }
.hq-segments > span { min-width:3px; }
.hq-segments .is-yes, .hq-dot.is-yes { background:#228165; }
.hq-segments .is-maybe, .hq-dot.is-maybe { background:#d6a238; }
.hq-segments .is-no, .hq-dot.is-no { background:#bd6863; }
.hq-segments .is-unanswered, .hq-dot.is-unanswered { background:#c0cdd4; }
.hq-page .hq-legend { list-style:none; display:flex; gap:8px 14px; flex-wrap:wrap; padding:0; margin:12px 0 0; }
.hq-legend li { display:flex; align-items:center; gap:5px; font-size:12px; color:var(--hq-muted); }
.hq-dot { display:inline-block; width:8px; height:8px; border-radius:50%; flex:0 0 8px; }
.hq-briefing-notes { border-left:3px solid #8ac0c6; padding:4px 0 4px 16px; margin-top:24px; overflow-wrap:anywhere; }
.hq-briefing-notes p { font-size:14px; margin:0; }
.hq-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.hq-section-heading h2 { margin-bottom:10px; }
.hq-personal-task { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 0; border-bottom:1px solid var(--hq-line); }
.hq-personal-task > div { min-width:0; overflow-wrap:anywhere; }
.hq-personal-task strong { font-size:14px; }
.hq-personal-task time { display:block; margin-top:4px; }
.hq-personal-task .hq-button { padding:8px 12px; font-size:12px; }
.hq-section-link { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; font-size:14px; }
.hq-page .hq-timeline { list-style:none; padding:0 0 0 9px; margin:22px 0 0; }
.hq-timeline li { position:relative; border-left:2px solid #dce9ed; padding:0 0 22px 20px; overflow-wrap:anywhere; }
.hq-timeline li:last-child { padding-bottom:0; }
.hq-timeline li::before { content:''; position:absolute; left:-6px; top:5px; width:10px; height:10px; border-radius:50%; background:#16838b; box-shadow:0 0 0 4px #edf6f7; }
.hq-timeline time { display:block; font-size:12px; color:var(--hq-muted); margin-bottom:4px; }
.hq-timeline a { display:block; font-size:14px; text-decoration:none; }
.hq-timeline .hq-help { display:block; font-size:12px; margin:4px 0 0; }
.hq-attention { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:14px 18px; border:1px solid #ebd4aa; background:#fffaef; color:#77500d; border-radius:10px; font-size:14px; margin-bottom:24px; }
.hq-attention > span { display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; width:20px; height:20px; font-weight:800; }
.hq-list-tools { margin-bottom:20px; }
.hq-filter-buttons, .hq-starters { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
.hq-filter-buttons button, .hq-starters button { border:1px solid #c0d2da; border-radius:8px; background:#fff; color:#315b6b; padding:9px 13px; min-height:44px; font:700 13px/1.4 Arial,sans-serif; cursor:pointer; max-width:100%; text-align:left; white-space:normal; }
.hq-filter-buttons button[aria-pressed=true] { background:#123c4d; border-color:#123c4d; color:#fff; }
.hq-filter-buttons button:hover, .hq-starters button:hover { border-color:#087b85; }
.hq-search { max-width:480px; margin-bottom:8px; }
.hq-calendar-tools { display:flex; align-items:center; gap:20px; margin-bottom:22px; }
.hq-calendar-tools .hq-button { flex-shrink:0; }
.hq-calendar-tools .hq-help { margin:0; max-width:650px; }
.hq-checklist-progress { margin:12px 0 24px; }
.hq-checklist-progress progress { display:block; width:100%; height:10px; appearance:none; border:0; border-radius:5px; overflow:hidden; background:#e9f0f3; accent-color:#147f78; }
.hq-checklist-progress progress::-webkit-progress-bar { background:#e9f0f3; }
.hq-checklist-progress progress::-webkit-progress-value { background:#147f78; border-radius:5px; }
.hq-checklist-progress progress::-moz-progress-bar { background:#147f78; border-radius:5px; }
.hq-page .hq-overdue { color:#8e3d1d; }
.hq-badge.hq-overdue { background:#fff0dc; margin-top:6px; }
.hq-task-edit { width:100%; font-size:13px; }
.hq-task-edit > summary { cursor:pointer; color:var(--hq-accent); width:fit-content; padding:8px 0; min-height:36px; }
.hq-task-edit .hq-form { padding:18px; margin-top:6px; border:1px solid var(--hq-line); border-radius:10px; background:#f8fafb; }
.hq-task-create { padding-top:12px; margin-top:20px; border-top:1px solid var(--hq-line); }
.hq-starters button { font-weight:400; background:#f2f8fa; }
.hq-finance-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.hq-page .hq-expense-chart, .hq-page .hq-repayments, .hq-split-preview ul { list-style:none; margin:0; padding:0; }
.hq-expense-chart li { margin-top:18px; }
.hq-expense-chart li > div:first-child { display:flex; justify-content:space-between; gap:20px; margin-bottom:8px; font-size:14px; }
.hq-expense-chart li span { overflow-wrap:anywhere; min-width:0; }
.hq-expense-chart li strong { flex-shrink:0; }
.hq-chart-track { height:10px; background:#edf3f5; border-radius:5px; overflow:hidden; }
.hq-chart-track > span { display:block; height:100%; min-width:2px; background:linear-gradient(90deg,#0c6177,#37a899); border-radius:5px; }
.hq-repayments li { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:16px 0; border-bottom:1px solid var(--hq-line); }
.hq-repayments li:last-child { border-bottom:0; padding-bottom:0; }
.hq-repayments li > div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:14px; overflow-wrap:anywhere; min-width:0; }
.hq-repayment-arrow { color:#07787c; font-size:22px; }
.hq-repayment-amount { background:#e5f4ef; color:#145a48; padding:5px 10px; border-radius:6px; font-weight:800; }
.hq-split-preview { border:1px solid #bfdddd; background:#f1f9f8; border-radius:10px; padding:16px; }
.hq-split-preview h3 { margin:0 0 10px; font-size:15px; }
.hq-split-preview li { display:flex; justify-content:space-between; gap:14px; font-size:14px; padding:5px 0; }
.hq-split-preview li span { overflow-wrap:anywhere; min-width:0; }
.hq-split-preview li strong { flex-shrink:0; }
.hq-split-preview .hq-help:last-child { font-size:12px; margin:10px 0 0; }
.hq-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hq-event[id] { scroll-margin-top:110px; }
@media(max-width:950px) {
    .hq-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hq-dashboard-grid { grid-template-columns:minmax(0,1fr); }
    .hq-dashboard-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}
@media(max-width:600px) {
    .hq-welcome-grid { grid-template-columns:minmax(0,1fr); }
    .hq-dashboard-tools { justify-content:flex-start; }
    .hq-dashboard-tools .hq-button { flex:1 1 130px; font-size:12px; }
    .hq-stat-grid { gap:10px; }
    .hq-page .hq-stat { padding:16px; }
    .hq-dashboard-side { grid-template-columns:minmax(0,1fr); gap:0; }
    .hq-next-header, .hq-next-body { padding:22px 18px; }
    .hq-race-countdown { padding:16px 18px; }
    .hq-next-race.hq-panel { padding:0; }
    .hq-calendar-tools { align-items:flex-start; flex-direction:column; gap:12px; }
    .hq-finance-stats { grid-template-columns:minmax(0,1fr); }
    .hq-task-edit .hq-form { padding:12px; }
}
@media print {
    .kb-cookie-reopen, .kb-cookie-dialog, .kb-cookie-status { display:none!important; }
    body, body main, .hq-page { display:block!important; width:100%!important; margin:0!important; padding:0!important; background:#fff!important; }
    body main > :not(.hq-page), .hq-hero, .hq-toolbar, .hq-content > details, .hq-tabs, .hq-dashboard-tools, .hq-page form, .hq-page button, .hq-list-tools, .hq-task-edit, .hq-task-create, .hq-calendar-tools, .hq-section-link, .hq-event-actions { display:none!important; }
    .hq-page .container { max-width:none; padding:0; }
    .hq-content { padding:0!important; }
    .hq-team-heading { margin-top:0; }
    .hq-dashboard-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:14px; }
    .hq-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .hq-dashboard-side { display:block; }
    .hq-panel, .hq-stat { box-shadow:none; break-inside:avoid; }
    .hq-page .hq-stat { padding:12px; }
    .hq-stat > i, .hq-stat-arrow, .hq-track-art, .hq-next-header-photo::before { display:none; }
    .hq-next-header, .hq-race-countdown { background:#edf3f5; color:#172a38; }
    .hq-page .hq-next-header h2, .hq-next-header p, .hq-next-header time, .hq-next-header .hq-eyebrow, .hq-race-countdown > strong { color:#172a38; }
    .hq-page a { color:#172a38; text-decoration:none; }
    .hq-page { font-size:12px; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
}
.hq-workspace { --hq-accent:#087c83; --hq-ink:#173341; background:#f2f6f7; }
.hq-workspace .hq-hero { padding:164px 0 26px; }
.hq-workspace .hq-hero h1 { font-size:clamp(30px,4vw,44px); }
.hq-workspace .hq-hero p { max-width:760px; margin-bottom:18px; }
.hq-workspace .hq-create-team { padding:14px 20px; background:transparent; box-shadow:none; }
.hq-workspace .hq-create-team > summary { font-size:14px; }
.hq-workspace .hq-toolbar .hq-create-team { margin:0; padding:10px 14px; }
.hq-workspace .hq-toolbar .hq-create-team[open] { flex:0 0 100%; padding:20px; }
.hq-workspace #team-workspace { scroll-margin-top:100px; }
.hq-workspace .hq-team-heading { margin-top:24px; }
.hq-workspace .hq-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding:7px; gap:5px; }
.hq-workspace .hq-tabs a { flex-direction:column; gap:8px; padding:14px 8px; text-align:center; font-size:13px; line-height:1.3; }
.hq-workspace .hq-tabs i { font-size:18px; }
.hq-workspace .hq-tabs a[aria-current] { background:#123e4d; color:#fff; box-shadow:0 3px 8px #123e4d20; }
.hq-section-intro { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:26px 0 24px; }
.hq-section-intro > div { min-width:0; }
.hq-section-intro .hq-eyebrow { color:#437381; font-size:10px; overflow-wrap:anywhere; }
.hq-workspace .hq-section-intro h2 { font-size:28px; letter-spacing:-.035em; margin:6px 0; }
.hq-section-intro p { color:var(--hq-muted); font-size:14px; margin:0; max-width:680px; }
.hq-section-intro > a { flex-shrink:0; }
.hq-workflow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 20px; }
.hq-workspace .hq-workflow a { display:flex; align-items:center; gap:14px; padding:18px; border-radius:12px; border:1px solid #cddfe3; background:#e8f2f3; text-decoration:none; font-size:13px; min-width:0; }
.hq-workflow i { font-size:20px; }
.hq-workflow a > span:first-of-type { flex:1; }
.hq-workflow strong { display:block; font-size:22px; color:var(--hq-ink); margin-top:2px; }
.hq-workspace .hq-stat { border-top:3px solid #78aeb5; }
.hq-workspace .hq-panel { box-shadow:0 4px 16px #123e4d05; }
.hq-workspace .hq-event { border-left:4px solid #6aa6ad; scroll-margin-top:110px; }
.hq-workspace .hq-event[data-status="paid"] { border-left-color:#268866; }
.hq-workspace .hq-event[data-status="cancelled"] { border-left-color:#ba7470; }
.hq-status-registered,.hq-status-paid { background:#e2f4eb; color:#1a674c; }
.hq-status-completed { background:#e8edf8; color:#405881; }
.hq-status-cancelled { background:#fcecea; color:#9c4944; }
.hq-member-summary { display:flex; align-items:center; gap:30px; border-bottom:1px solid var(--hq-line); padding-bottom:22px; margin-bottom:22px; flex-wrap:wrap; }
.hq-member-summary > div:not(.hq-capacity) { display:flex; flex-direction:column; gap:4px; }
.hq-member-summary strong { font-size:32px; line-height:1; color:var(--hq-accent); }
.hq-member-summary span { font-size:13px; color:var(--hq-muted); }
.hq-capacity { flex:1; min-width:160px; }
.hq-workspace progress { accent-color:#087c83; width:100%; height:10px; }
.hq-member-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.hq-workspace .hq-member-card { padding:18px; border:1px solid var(--hq-line); border-radius:12px; justify-content:flex-start; align-items:center; }
.hq-member-card > div { flex:1; }
.hq-member-card .hq-badge { display:table; margin-top:6px; }
.hq-avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#e2f0ef; color:#155e65; font-size:20px; font-weight:800; flex-shrink:0; }
.hq-member-card:nth-child(3n+2) .hq-avatar { background:#eeedf8; color:#645995; }
.hq-member-card:nth-child(3n+3) .hq-avatar { background:#fcf1df; color:#8a6630; }
.hq-member-card form { margin-left:auto; }
.hq-response-options { display:flex; flex-wrap:wrap; gap:6px; }
.hq-response-options button,.hq-task-view-switch button,.hq-calendar-nav button,.hq-filter-reset { min-height:42px; padding:8px 12px; border:1px solid #bccfd5; border-radius:8px; background:#fff; color:#315762; font:700 13px/1.35 Arial,sans-serif; cursor:pointer; }
.hq-response-options button[aria-pressed="true"],.hq-task-view-switch button[aria-pressed="true"] { background:#123e4d; border-color:#123e4d; color:#fff; }
.hq-response-options button[data-response="yes"][aria-pressed="true"] { background:#1b7359; }
.hq-response-options button[data-response="no"][aria-pressed="true"] { background:#a34e47; }
.hq-task-view-switch { display:flex; gap:6px; margin:8px 0 18px; }
.hq-task-view-switch i { margin-right:5px; }
.hq-task-cards .hq-task-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
.hq-task-cards .hq-task { display:flex; flex-direction:column; align-items:stretch; background:#f7fafb; padding:18px; border:1px solid var(--hq-line); border-radius:10px; margin:0; }
.hq-task-cards .hq-task.is-done { background:#eff7f2; }
.hq-task-cards .hq-task > div { width:100%; }
.hq-task-cards .hq-task-edit { width:100%; }
.hq-filter-reset { margin-top:4px; background:transparent; border-color:transparent; text-decoration:underline; }
.hq-calendar-header { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.hq-calendar-header h3 { margin-top:0; }
.hq-calendar-nav { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.hq-calendar-nav strong { min-width:140px; text-align:center; font-size:15px; text-transform:capitalize; }
.hq-calendar-week,.hq-calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; }
.hq-calendar-week { margin:16px 0 8px; text-align:center; color:#617582; font-size:12px; }
.hq-calendar-day { min-height:56px; border:1px solid transparent; border-radius:8px; padding:8px; color:#5e737e; background:#f5f8f9; font:600 14px/1.3 Arial,sans-serif; display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; }
button.hq-calendar-day { cursor:pointer; }
.hq-calendar-day.has-races { border-color:#a6cdd0; color:#0b616c; background:#e7f4f4; }
.hq-calendar-day.is-today > span:first-child { text-decoration:underline; text-underline-offset:4px; }
.hq-calendar-day[aria-pressed="true"] { color:#fff; background:#155a68; border-color:#155a68; box-shadow:0 0 0 2px #a1ccd2; }
.hq-calendar-day.has-races:hover { background:#c9e7e9; color:#143f4b; }
.hq-calendar-dot { display:grid; place-items:center; border-radius:50%; background:#147987; color:#fff; width:20px; height:20px; font-size:11px; }
.hq-calendar [data-calendar-clear] { margin-top:16px; }
.hq-workspace .hq-ledger-row { padding:18px 0; border-bottom-style:dashed; }
.hq-settings-access { border-left:4px solid #b88b55; }
.hq-workspace .hq-settings-profile i,.hq-workspace .hq-settings-access i { color:#71949c; margin-right:8px; }
.hq-workspace .hq-finance-stats .hq-stat:first-child { background:#123e4d; color:#c9dfe4; border-color:#123e4d; }
.hq-workspace .hq-finance-stats .hq-stat:first-child .hq-stat-value { color:#fff; }
.hq-workspace .hq-expense-chart li:nth-child(3n+2) .hq-chart-track span { background:#70929d; }
.hq-workspace .hq-expense-chart li:nth-child(3n+3) .hq-chart-track span { background:#c89f57; }
.hq-workspace :is(#add-event,#add-task,#invite-member) { scroll-margin-top:110px; }
@media(max-width:767px) {
 .hq-workspace .hq-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .hq-workspace .hq-tabs a { flex-direction:row; font-size:12px; padding:12px 5px; }
 .hq-section-intro { align-items:flex-start; flex-direction:column; gap:14px; }
 .hq-workspace .hq-section-intro h2 { font-size:25px; }
 .hq-workflow { grid-template-columns:1fr; gap:8px; }
 .hq-workflow strong { display:inline; margin-left:12px; font-size:18px; }
 .hq-workspace .hq-workflow a { padding:14px 16px; }
 .hq-member-grid,.hq-task-cards .hq-task-items { grid-template-columns:1fr; }
 .hq-member-summary { gap:20px; }
 .hq-calendar-nav { width:100%; gap:6px; }
 .hq-calendar-nav strong { flex:1; min-width:0; font-size:13px; }
 .hq-calendar-nav [data-calendar-today] { width:100%; }
 .hq-calendar-week,.hq-calendar-days { gap:3px; }
 .hq-calendar-day { min-height:48px; flex-direction:column; gap:3px; padding:4px 0; font-size:12px; }
 .hq-calendar-dot { width:16px; height:16px; font-size:10px; }
 .hq-workspace .hq-availability-form { grid-template-columns:1fr; }
 .hq-response-options button { flex:1; padding:9px 7px; font-size:12px; }
}
@media print {
 .hq-workspace .hq-tabs,.hq-workspace .hq-workflow,.hq-workspace .hq-calendar,.hq-workspace .hq-task-view-switch,.hq-workspace .hq-list-tools { display:none!important; }
 .hq-workspace [data-hq-item][hidden] { display:block!important; }
 .hq-workspace .hq-section-intro > a { display:none!important; }
}

@media(max-width:1030px) { .hq-workspace .hq-hero { padding-top:35px; } }