/* CS2023 mapping view (js/cs2023-view.js). Builds on .path-list / .path-item / .meter from style.css. */
.cs2023-head p { max-width: 680px; margin: .4rem 0 0; }
.cs2023-list { margin-top: 1rem; }
.path-item.cs2023-row { grid-template-columns: 11.5em 1fr 7.5em 7em; align-items: start; padding: .8rem 0; }
.path-item.cs2023-row:hover { background: none; }
.cs2023-id { color: var(--fg); text-decoration: none; padding-top: .1rem; overflow-wrap: anywhere; }
.cs2023-id:hover { color: var(--grown); }
.cs2023-main .muted { margin-top: .25rem; line-height: 1.45; }
.cs2023-tag { font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-faint); border: 1px solid var(--rule-strong); padding: .1rem .4rem; justify-self: start; white-space: nowrap; }
.cs2023-cov .meter { margin-top: .45rem; }
.cs2023-gaps { margin: .4rem 0 1.4rem; }
.cs2023-gaps summary { cursor: pointer; padding: .5rem 0; }
.cs2023-gap { padding: .6rem 0; border-bottom: 1px solid var(--rule); }
.cs2023-gap .cs2023-tag { margin-left: .5rem; }
.cs2023-gap ul { margin: .35rem 0 0; padding-left: 1.2rem; color: var(--fg-muted); }
@media (max-width: 700px) {
  .path-item.cs2023-row { grid-template-columns: 1fr auto; }
  .path-item.cs2023-row .cs2023-main { grid-column: 1 / -1; grid-row: 2; }
  .path-item.cs2023-row .cs2023-cov { grid-column: 1 / -1; }
}