/* Results (mock b5, approved by Ale on 5 Nov): one grid. Two equal columns, 24 px between cards in every direction, 32 px
   inside, every card on a row as tall as its neighbour. Colours are the app's tokens, so the dark theme comes with them. */
.rs{--pad:32px;--gap:24px}
.rs.page{padding-top:64px}
.rs h1.xtitle{margin:0 0 36px}
.rs .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.rs .duo+.duo,.rs .duo+.one,.rs .one{margin-top:var(--gap)}
.rs .c{padding:var(--pad);min-width:0}
.rs .ch{display:flex;align-items:center;gap:10px;min-height:36px;margin-bottom:18px;color:var(--ink-2)}
.rs .ch h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.012em;color:var(--ink)}
.rs .ch>svg{flex:none}.rs .ch .nv,.rs .ch .lg{margin-left:auto}
.rs .ti{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--fill);color:var(--ink-2)}
.rs .cl{display:flex;flex-direction:column}
.rs .lst{flex:1;display:grid;grid-auto-rows:1fr;margin:0 -14px -14px}
.rs .r{display:grid;grid-template-columns:36px minmax(0,1fr) 76px 62px;align-items:center;gap:14px;width:100%;min-height:62px;padding:8px 14px;border-radius:18px;text-align:left}
.rs button.r{transition:background .2s}
@media(hover:hover){.rs button.r:hover{background:var(--fill)}}
.rs .r.on{background:var(--fill)}.rs .r.on .ti{background:var(--card)}
.rs .r b{display:block;font-size:15px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs .r small{display:block;margin-top:2px;font-size:13px;color:var(--ink-3)}
.rs .r small.old{color:var(--ink-2)}
.rs .r em{justify-self:end;font-family:var(--serif);font-style:normal;font-size:24px;letter-spacing:-.015em;text-align:right;white-space:nowrap}
.rs .track{position:relative;display:block;height:4px;border-radius:4px;background:var(--fill-2)}
.rs .track i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--btn)}
.rs .track u{position:absolute;top:-4px;width:2px;height:12px;border-radius:2px;background:var(--ink-3)}
.rs .r.none b{color:var(--ink-2)}
.rs .p{display:flex;flex-direction:column}
.rs .p h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-.018em}
.rs .p .ln1{margin:6px 0 0;color:var(--ink-2)}
.rs .p .chart{margin:22px 0 0}
.rs .p .chart svg{display:block;width:100%;height:64px;overflow:visible}
.rs .p polyline{fill:none;stroke:var(--btn);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.rs .p .ax{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--ink-3)}
.rs .p .sayq{margin:24px 0}
.rs .p .sayq small{display:block;margin-bottom:6px;font-size:13px;color:var(--ink-3)}
.rs .p .sayq p{margin:0;font-family:var(--serif);font-size:20px;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.rs .p .sayq .bt{margin-top:10px;font-family:inherit;font-size:14.5px;line-height:1.4;letter-spacing:0;color:var(--ink-2);-webkit-line-clamp:2}
.rs .p .btn{width:100%;margin-top:auto}
.rs .p .tom{margin:12px 0 0;text-align:center;font-size:13px;color:var(--ink-3)}
@media(min-width:1181px){.rs .duo.first .p{min-height:520px}}
.rs .rt{display:flex;flex-direction:column}
.rs .nv{display:flex;align-items:center;gap:6px;font-size:15px}.rs .nv b{font-weight:600;color:var(--ink-2);min-width:72px;text-align:center}
.rs .navb{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--fill);color:var(--ink-2)}
@media(hover:hover){.rs .navb:hover{background:var(--fill-2);color:var(--ink)}}
.rs .navb[disabled]{opacity:.35;pointer-events:none}
.rs .map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rs .gr,.rs .wd{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.rs .gr i{aspect-ratio:1;border-radius:6px;background:var(--fill)}
.rs .gr i.off{background:none}
.rs .gr i.y{background:var(--btn)}
.rs .gr i.now{box-shadow:inset 0 0 0 1.5px var(--ink-3);background:var(--fill-2)}
.rs .gr i.now.y{background:var(--btn)}
.rs .wd{margin-top:8px}.rs .wd span{text-align:center;font-size:12.5px;font-weight:550;color:var(--ink-3)}
.rs .tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.rs .tr b{display:block;font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}
.rs .tr span{display:block;margin-top:2px;font-size:13px;color:var(--ink-3)}
.rs .rt .rl{margin:auto 0 0;padding-top:16px;font-size:14.5px;color:var(--ink-2)}
.rs .ks{display:grid;row-gap:10px;margin:0 -14px -14px}
.rs .k{display:grid;grid-template-columns:44px minmax(0,1fr) 168px;align-items:center;gap:16px;width:100%;padding:6px 14px;border-radius:18px;text-align:left}
@media(hover:hover){.rs .k:hover{background:var(--fill)}}
.rs .k>img{width:44px;height:44px;border-radius:13px;object-fit:cover;object-position:50% 18%}
.rs .k b{display:block;font-size:15px;font-weight:550}.rs .k small{display:block;margin-top:2px;font-size:13px;color:var(--ink-3)}
.rs .tp{display:flex;gap:3px}.rs .tp i{flex:1;height:4px;border-radius:4px;background:var(--fill-2)}
.rs .tp i.k1{background:var(--mint)}.rs .tp i.h1{background:var(--exam)}
.rs .lg{display:flex;gap:16px;font-size:13px;color:var(--ink-3)}.rs .lg span{display:inline-flex;align-items:center;gap:6px}
.rs .lg i{width:8px;height:8px;border-radius:50%;background:var(--fill-2)}.rs .lg i.k1{background:var(--mint)}.rs .lg i.h1{background:var(--exam)}
.rs .toall{display:inline-flex;align-items:center;gap:4px;margin-top:36px;font-size:14.5px;font-weight:550;color:var(--ink-3)}
@media(hover:hover){.rs .toall:hover{color:var(--ink)}}
.rs .nothing{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rs .nothing p{margin:0 0 16px;color:var(--ink-2)}.rs .nothing .btn{margin-top:auto}
#res-tip{display:none;position:fixed;z-index:40;pointer-events:none;padding:5px 9px;border-radius:9px;background:var(--ink);color:var(--card);font-size:12.5px;white-space:nowrap;transform:translate(-50%,-130%);opacity:0;transition:opacity .12s}
#res-tip.on{display:block;opacity:1}
@media(max-width:1180px){.rs .duo{grid-template-columns:minmax(0,1fr)}}
@media(max-width:980px){
  .rs{--pad:22px;--gap:16px}
  .rs .r{grid-template-columns:36px minmax(0,1fr) 62px;gap:4px 10px}.rs .r .ti{grid-row:span 2}.rs .r em{grid-column:3;grid-row:1}.rs .r .track{grid-column:2/-1;grid-row:2;margin-top:6px}.rs .r b{white-space:normal}
  .rs .k{grid-template-columns:44px minmax(0,1fr)}.rs .k .tp{grid-column:1/-1}
  .rs .ch{flex-wrap:wrap}.rs .ch .lg{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.rs *{animation:none!important;transition:none!important}}