/* Participant page, Night-by-night and single-night views: metric rail, detail panel, night cells. */

/* night by night */
.focus{height:100%;display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:0}
.rail{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:6px 0;overflow-x:hidden;overflow-y:auto}
.rail .dh{margin:8px 16px 4px;flex:none}
.ri{all:unset;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:0 16px 0 14px;border-left:2px solid transparent;cursor:pointer;flex:1;min-height:22px;max-height:44px}
.ri:hover{background:var(--panel-hi)}
.ri:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ri[aria-selected="true"]{border-left-color:var(--accent);background:var(--panel-hi)}
.ri .n{font-size:13.5px;color:var(--ink2)}
.ri[aria-selected="true"] .n{color:var(--ink)}
.ri .v{font-family:var(--cond);font-weight:600;font-size:19px;line-height:1}
.ri .v .u{font-size:10.5px}
.kv{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:0 16px;flex:1;min-height:20px;max-height:34px;font-size:13.5px;color:var(--ink2)}
.kv b{font-family:var(--cond);font-weight:600;font-size:18px;color:var(--ink);white-space:nowrap}
.kv b small{font-family:var(--mono);font-weight:400;font-size:10.5px;color:var(--ink2);margin-left:6px}
.kv .na{font-style:normal;color:var(--ink3)}
.detail{overflow:hidden;background:var(--panel);border:1px solid var(--line);padding:clamp(12px,2vh,18px) 22px;display:flex;flex-direction:column;min-height:0;min-width:0}
.top2{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ttl{display:flex;align-items:baseline;gap:16px;margin-right:auto;min-width:0}
.ttl h2{margin:0;font-family:var(--cond);font-weight:600;font-size:clamp(22px,3.2vh,30px);text-transform:uppercase;line-height:1;white-space:nowrap}
.flagn{font-family:var(--mono);font-size:10.5px;color:var(--ink2);border:1px dashed var(--none);padding:2px 7px}
.detail .pager{gap:8px}
.arrow{width:30px;height:30px;border:1px solid var(--line2);background:transparent;cursor:pointer;display:grid;place-items:center;font-size:16px;line-height:1;color:var(--ink)}
.arrow:hover{background:var(--panel-hi)}
.arrow:disabled{opacity:.3;cursor:default}
.big{display:flex;align-items:baseline;gap:clamp(16px,2vw,28px);margin-top:clamp(4px,1vh,10px);flex-wrap:wrap}
.big .v{font-family:var(--cond);font-weight:600;font-size:clamp(36px,6vh,60px);line-height:1}
.big .v .u{font-size:13px}
.big .meta{display:flex;gap:22px;font-size:13.5px;color:var(--ink2)}
.big .meta em{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);display:block}
.stfig{display:flex;gap:26px;flex-wrap:wrap}
.stfig div{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:baseline}
.stfig i{width:10px;height:10px;border-radius:2px;align-self:center}
.stfig b{font-family:var(--cond);font-weight:600;font-size:clamp(26px,4.2vh,40px);line-height:1}
.stfig span{grid-column:1/-1;font-size:12px;color:var(--ink2)}
.detail .chart{flex:1;margin-top:clamp(8px,1.4vh,14px);min-height:80px}
.stlg{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--ink2)}
.stlg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.stlg .end{margin-left:auto}
.nights{display:grid;gap:4px;margin-top:clamp(8px,1.4vh,14px);flex:none}
.nc{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);padding:4px 0 5px;text-align:center;position:relative;min-width:0}
.nc:hover,.nc.hl{background:var(--panel-hi);border-color:var(--ink3)}
.nc:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.nc .d{display:block;font-family:var(--mono);font-size:9px;color:var(--ink3)}
.nc .x{display:block;font-family:var(--cond);font-weight:600;font-size:15.5px;line-height:1.1;margin-top:2px}
.nc .x small{display:block;font-size:12px;color:var(--ink2);font-weight:500}
.nc.off .x{color:var(--ink3)}
.nc.nr{border-style:dashed;border-color:var(--none);cursor:default}
.nc.nr .x{font-family:var(--mono);font-size:10.5px;font-weight:400}
.nc .mk{position:absolute;top:1px;right:4px;font-family:var(--mono);font-size:9px;color:var(--ink2)}