.district-back{display:inline-block;margin:0 0 .8rem;color:var(--accent);
  font:600 .8rem/1.4 system-ui,sans-serif;text-decoration:none}
.district-back:hover{text-decoration:underline}
.district-page-head{margin:0 0 1rem;padding:1.15rem 1.25rem;border-top:4px solid var(--accent);
  background:var(--band)}
.district-page-kicker{margin:0 0 .25rem;color:var(--accent);
  font:700 .7rem/1.3 system-ui,sans-serif;letter-spacing:.11em}
.district-page-head h1{margin:0;font-size:1.85rem;line-height:1.25}
.district-page-head .sub{margin:.35rem 0 0}
.district-page-top .pager{margin:1rem 0 1.25rem;padding:1rem 1.1rem;
  border:1px solid var(--line);background:var(--bg)}
.district-records{display:grid;gap:.8rem;margin-top:1rem}
.district-records>li{display:flex;flex-direction:column;padding:1rem 1.15rem;
  border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--bg)}
.district-records details.rel{margin:0}
.district-records details.rel>summary{display:flex;flex-direction:column}
.district-records .meta{order:-1;margin:0 0 .35rem;color:var(--accent);
  font:600 .8rem/1.35 system-ui,sans-serif}
.district-records .t{font-size:1.08rem;line-height:1.45}
.district-records .cue{display:block;margin-top:.35rem;
  font:600 .8rem/1.4 system-ui,sans-serif}
.district-records .relbody{max-width:none;margin-top:.9rem;padding:0 0 0 1rem}
.district-records .orig{margin:.65rem 0 .1rem 1rem}
@media(max-width:620px){
  .district-page-head{padding:1rem}.district-page-head h1{font-size:1.55rem}
  .district-page-top .pager{padding:.8rem}.district-records>li{padding:.9rem}
}