/* Race Day — shared, accessible RaceCentral colour and typography system. */
:root{color-scheme:light;--bg:#f3f6fb;--bg2:#eaf0fa;--panel:#fff;--panel2:#eaf0fa;--text:#17263f;--muted:#53627a;--faint:#53627a;--line:#d6dfed;--line2:#bfccdf;--accent:#174ee3;--accent-2:#174ee3;--disp:Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif;--mono:Arial,Helvetica,sans-serif;--r:12px;--on-accent:#fff}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1422;--bg2:#202f48;--panel:#172236;--panel2:#202f48;--text:#f1f5ff;--muted:#b2c1d9;--faint:#b2c1d9;--line:#354663;--line2:#485d7b;--accent:#709bff;--accent-2:#709bff;--on-accent:#101b32}
::selection{background:#bfd2ff;color:#17263f}:root[data-theme=dark] ::selection{background:#4567ad;color:#fff}
html{font-size:18px}body{line-height:1.55}h1,h2,h3,.tab-title{font-family:var(--disp);letter-spacing:-.035em;text-transform:none}h1{font-size:2.35rem}h2,.tab-title{font-size:1.85rem}h3{font-size:1.2rem}p{line-height:1.6}button,input,select,textarea{font:inherit}input,select,textarea{color:var(--text);background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:10px 12px}label,.field label,.lbl{font-size:.8rem;letter-spacing:0;text-transform:none}.muted,small,.helptext{color:var(--muted)}small,.helptext{font-size:.8rem}.btn{font-size:.9rem;line-height:1.2;min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px;border-radius:8px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn:hover{filter:brightness(.96)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.topbar{background:var(--panel);border-bottom:1px solid var(--line);gap:14px}.brand b{font-size:1.4rem;letter-spacing:-.05em}.brand b span{color:var(--accent)}.brand small{font-size:.7rem}.mark{background:var(--accent);color:var(--on-accent);font:bold italic 30px Arial;border-radius:10px;transform:skew(-8deg)}.userchip{background:var(--panel2);color:var(--text);font-size:.85rem}.theme-toggle{background:var(--panel2);color:var(--text);min-width:42px;font-size:1.25rem;padding:6px}.nav{background:var(--panel);top:calc(var(--header-height,76px) + var(--series-height,62px));border-bottom:1px solid var(--line)}.nav a{font-size:.9rem;letter-spacing:0;text-transform:none;font-weight:700}.nav a.active{color:var(--accent);border-color:var(--accent)}.series-bar{position:sticky;top:var(--header-height,76px);z-index:30;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px max(24px,calc((100% - 1440px)/2));background:var(--panel);border-bottom:1px solid var(--line);font-size:.8rem}.series-bar form{display:flex;align-items:center;gap:12px;margin:0}.series-bar select{font-size:.85rem;max-width:320px;padding:7px 10px}.series-bar a{text-decoration:none;font-weight:700}.series-platform{margin-right:auto;color:var(--muted)}.series-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.series-cards .panel{padding:24px}.panel,.card,.social-post,.community-chat{box-shadow:0 4px 20px #17263f06;border-color:var(--line);background:var(--panel)}.phead p,.profile-form p{font-size:.95rem}.eyebrow{color:var(--accent);font-size:.75rem;letter-spacing:.12em}.foot{color:var(--muted)}.account-dropdown{background:var(--panel);color:var(--text)}.account-dropdown a{font-size:.9rem}.team-row-name,.club-badge,.recruitment-status{font-size:.85rem}.fixture-details,.fixture-details dt,.fixture-details dd{font-size:.85rem}.fixture-facts{font-size:1rem}.round-card{border-radius:12px}.controls,.seasonbar{background:var(--panel)}table{font-size:.88rem}th{font-size:.75rem}dialog{background:var(--panel);color:var(--text)}.profile-form{max-width:800px}.profile-form input,.profile-form select,.profile-form textarea{max-width:100%}.profile-form textarea{width:100%}.profile-form label{display:block;margin:12px 0 6px}.series-cards a{overflow-wrap:anywhere}
/* Loaded after page styles as well, so community and profile share the palette. */
html .community-chat,html .community-chat-head,html .posts-heading,html .social-post{background:var(--panel);color:var(--text)}html .chat-rider-name{color:var(--accent)}html .post-body,html .chat-message,html .community-message{font-size:.95rem}html .rider-hero{background:var(--panel);color:var(--text)}
@media(min-width:851px){body:has(.posts-layout)>main.wrap{top:var(--navigation-bottom,186px)!important}}
@media(max-width:850px){.series-platform{display:none}.series-bar{gap:12px;padding:10px 16px}.series-bar select{max-width:220px}.series-cards{grid-template-columns:1fr}.brand b{font-size:1.1rem}.brand small{display:none}.topbar{gap:8px}.nav{overflow-x:auto}.series-bar label{display:none}}

html .rider-cover{background:linear-gradient(110deg,var(--panel),var(--panel2))}html .rider-stat-strip{background:var(--panel2)}html .rider-cover-art{background:linear-gradient(115deg,transparent 65%,#174ee309 65%,#174ee318 82%,transparent 82%)}html .rider-byline,html .rider-stat-label{color:var(--muted)}html .rider-membership-roles span{background:var(--panel2);color:var(--accent)}html .auth-brand{margin-bottom:24px}.auth-shell>.theme-toggle{float:right;margin-top:-62px}

html .rider-settings{background:var(--panel)}html .rider-name h1{color:var(--text)}html .rider-stat-strip strong{color:var(--text)}html .rider-contact-item:first-child .rider-contact-priority{color:var(--accent)}.series-manager-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.series-manager-row form{margin-left:auto}.series-manager-row .btn{font-size:.8rem}

html .brand .mark{background:#174ee3;background-image:none;color:white}html .theme-toggle:hover{background:var(--panel2);color:var(--accent)}html .social-post a,html #community-messages a{color:var(--accent)}html .rider-settings #contact>p,html .rider-contact-value,html .rider-membership .muted{font-size:.85rem}html .rider-contact-priority,html .rider-membership-roles span{font-size:.75rem}.zp-category{min-width:1.8em;width:auto;padding-inline:6px}
html .brand-logo{display:block;width:230px;height:56px;object-fit:contain;object-position:left center}html .brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}@media(max-width:650px){html .brand-logo{width:172px;height:42px}}

/* Match navigation content to the current page's content edges. */
body{--page-width:1180px;--page-gutter:16px}
body:has(>main.profile-wrap){--page-width:1120px;--page-gutter:24px}
.topbar,.series-bar,.nav{
  padding-inline:calc(max(0px,(100% - var(--page-width))/2) + var(--page-gutter));
}
@media(max-width:720px){body:has(>main.profile-wrap){--page-gutter:16px}}
@media(max-width:650px){body{--page-gutter:12px}}

.series-bar .series-explore{margin-left:auto;flex-shrink:0}
.setup-heading{max-width:770px;margin:24px 0}.setup-heading p{color:var(--muted)}.setup-card{display:flex;gap:22px;margin:22px 0;padding:28px}.setup-step{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);border-radius:12px;font-weight:800}.setup-body{flex:1;min-width:0}.setup-body h2{margin:0 0 8px}.setup-connect{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:18px 0}.setup-connect .field{min-width:210px;max-width:360px;flex:1}.setup-connect label{display:block;margin-bottom:6px}.setup-connect input{width:100%}.connected-button{background:#18794e;color:#fff;border-color:#18794e}.setup-connected{display:flex;align-items:center;gap:14px;background:var(--panel2);border-radius:10px;padding:12px;margin:16px 0}.setup-connected img{width:58px;height:58px;object-fit:cover;border-radius:9px}.setup-connected span{display:block;color:var(--muted);font-size:.85rem}.setup-role-options{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.setup-role-option{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:700}.setup-role-option:has(input:checked){border-color:var(--accent);background:var(--panel2);color:var(--accent)}.setup-role-panel{padding:20px;border:1px solid var(--line);border-radius:10px;margin:12px 0 20px}.setup-role-panel h3{margin:0 0 8px}.setup-role-panel select{width:100%;max-width:580px}.setup-check{display:flex;gap:10px;align-items:center;margin:10px 0}.setup-check input{width:auto}.setup-role-panel[hidden]{display:none}
@media(max-width:650px){.setup-card{padding:18px;gap:12px}.setup-role-options{flex-direction:column}}
.category-legend{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.category-legend .zp-category{width:auto;padding:5px 10px}#captain-result{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--text)}#captain-result img{border-radius:8px;object-fit:cover}#captain-result span{color:var(--muted)}
.setup-connect .is-checking{cursor:wait;opacity:.92}.connect-spinner{width:15px;height:15px;display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:connect-spin .75s linear infinite}.setup-connect-status{margin:0 0 12px;color:var(--muted);font-size:.85rem}@keyframes connect-spin{to{transform:rotate(360deg)}}