/* Shared compact race schedule; deliberately independent of the old tile rules. */
html body #race-strip{background:#101010;border-bottom:1px solid #303030;margin:0;padding:0;max-width:none}
#race-strip .nck-event-strip{max-width:1440px;margin:0 auto;padding:8px 26px;background:#101010}
#race-strip .nck-event-strip-items{display:flex;gap:20px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
#race-strip .nck-event-strip-items::-webkit-scrollbar{display:none}
#race-strip .nck-event-strip-card{flex:1 0 0;min-width:0;max-width:360px;border-left:2px solid #0092ff;padding:2px 0 2px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:transparent}
#race-strip .nck-event-strip-date{margin:0 0 3px;color:#e3e6e9;font:550 13px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:0;white-space:nowrap}
#race-strip .nck-event-strip-name{display:block;margin:0 0 4px;min-height:0;color:#f4f5f6;text-decoration:none;font:400 28px/1.03 'NCK Display','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:0;overflow-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%}
#race-strip .nck-event-strip-name>span{position:relative;display:block;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#race-strip .nck-event-strip-name:hover{color:#fff}
#race-strip .nck-event-strip-card.is-complete{border-color:#666}
#race-strip .is-complete .nck-event-strip-name>span::after{content:'';position:absolute;left:-5px;right:-5px;top:53%;height:3px;background:#737373;transform:rotate(-3deg);pointer-events:none}
#race-strip .nck-event-strip-actions{display:flex;gap:9px;width:100%;margin-top:0;align-items:center}
html body #race-strip button.nck-event-action{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;flex:1 1 0;max-width:120px;min-width:0;min-height:30px;height:30px;margin:0;padding:5px 9px;border:1px solid #d8dde1;border-radius:5px 0 5px 0;background:transparent;color:#f4f4f4;box-shadow:none;font:600 11px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:color .2s ease,border-color .2s ease;transform:none}
#race-strip .nck-event-action>span{position:relative;z-index:1}
html body #race-strip button.nck-event-primary{background:#0092ff;border-color:#0092ff}
#race-strip .nck-event-primary::before{content:'';position:absolute;inset:-1px;background:#126eaf;transform:translateX(-102%);transition:transform .28s ease;z-index:0}
html body #race-strip button.nck-event-primary:is(:hover,:focus-visible):not(:disabled)::before{transform:translateX(0)}
html body #race-strip button.nck-event-details:is(:hover,:focus-visible){color:#63baff;border-color:#0092ff;background:transparent}
html body #race-strip button.nck-event-action:is(.is-results,:disabled){background:#595959;border-color:#595959;color:#eee;opacity:1}
#race-strip .nck-event-primary.is-results::before{background:#707070}
html body #race-strip button.nck-event-action:disabled{color:#bdbdbd;cursor:not-allowed}
#race-strip .nck-event-strip :is(a,button):focus-visible{outline:2px solid #8aceff;outline-offset:3px}
@media(max-width:1100px){#race-strip .nck-event-strip-items{gap:18px;scroll-snap-type:x proximity}#race-strip .nck-event-strip-card{flex:0 0 250px;scroll-snap-align:start;padding-left:17px}#race-strip .nck-event-strip-name{font-size:27px}}
@media(max-width:700px){#race-strip .nck-event-strip{padding:9px 14px}#race-strip .nck-event-strip-items{gap:16px}#race-strip .nck-event-strip-card{flex-basis:245px;max-width:calc(100vw - 44px)}#race-strip .nck-event-strip-date{font-size:12px}#race-strip .nck-event-strip-name{font-size:26px}html body #race-strip button.nck-event-action{min-height:32px;height:32px}}
@media(prefers-reduced-motion:reduce){#race-strip .nck-event-primary::before,html body #race-strip button.nck-event-action{transition:none}}

html body #race-strip button.nck-event-primary.is-signed-up{background:#245c3d;border-color:#4c9f70;color:#d6ffe4}
#race-strip .nck-event-primary.is-signed-up::before{background:#337b51}
.strip-signup-dialog h2{margin-bottom:12px}.strip-signup-class-options{display:grid;gap:10px;margin:18px 0}.strip-signup-class-options button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 16px;text-align:left;font:600 15px 'Segoe UI',Arial,sans-serif}.strip-signup-class-options button small{font:500 12px 'Segoe UI',Arial,sans-serif;color:#83d8a3}.strip-signup-class-options button.is-registered{opacity:1;color:#b9c8bf;background:#17271e;border-color:#355442}

/* Signed-up races expose withdrawal without changing the button's footprint. */
html body #race-strip button.nck-event-primary.is-signed-up:is(:hover,:focus-visible):not(:disabled){background:#30201f;border-color:#d66464;color:#fff}
html body #race-strip button.nck-event-primary.is-signed-up:is(:hover,:focus-visible):not(:disabled)::before{background:#ad343b;transform:translateX(-50%)}
html body #race-strip button.nck-event-primary.is-signed-up:is(:hover,:focus-visible):not(:disabled)>span{font-size:0}
html body #race-strip button.nck-event-primary.is-signed-up:is(:hover,:focus-visible):not(:disabled)>span::after{content:'Withdrawal?';font:600 11px/1.2 'Segoe UI',Arial,sans-serif}

/* Class signup choices keep the checkbox at the right edge of each row. */
.strip-signup-class-options .strip-signup-class-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0;padding:12px 16px;box-sizing:border-box;text-align:left;background:#222;border:1px solid #414141;border-radius:3px;cursor:pointer;font:600 15px 'Segoe UI',Arial,sans-serif}
.strip-signup-class-option>span{display:flex;align-items:center;gap:10px}.strip-signup-class-option input[type=checkbox]{width:20px;height:20px;margin:0;flex:none;accent-color:#0092ff;cursor:pointer}.strip-signup-class-option.is-selected{background:#162835;border-color:#0092ff}.strip-signup-class-option.is-registered{color:#b9c8bf;background:#17271e;border-color:#355442}.strip-signup-class-option small{font:500 12px 'Segoe UI',Arial,sans-serif;color:#83d8a3}.strip-signup-class-option:focus-within{outline:2px solid #8aceff;outline-offset:2px}