/* PARLIAMENT — a digital archive of questions, answers and participation */
.arc-head { background: var(--parchment); border-bottom: 1px solid var(--line); }
.arc-head .wrap { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 3rem 4rem; align-items: center; }
.arc-head h1 { font-size: clamp(2.8rem, 1.5rem + 4.6vw, 5.8rem); }
.arc-head .plate--mat { --ar: 16 / 9; }
.counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }

.arc-list { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--indigo); }
.arc-item { margin: 0; display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) 10rem; gap: .4rem 1.8rem; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.arc-item__date { font-size: .78rem; font-weight: 700; letter-spacing: .08em; color: var(--indigo); padding-top: .25rem; font-variant-numeric: tabular-nums; }
.arc-item__date span { display: block; font-weight: 600; color: var(--slate); letter-spacing: .06em; font-size: .72rem; margin-top: .15rem; }
.arc-item h3 { font-family: var(--sans); font-size: 1.05rem; font-weight: 650; line-height: 1.35; color: var(--indigo); margin: 0 0 .35rem; }
.arc-item p { margin: 0; font-size: .86rem; color: var(--slate); }
.arc-item__side { display: flex; flex-direction: column; align-items: flex-end; gap: .45rem; text-align: right; }
.arc-item__side a { font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.role-asked { border-color: rgba(24, 36, 58, .35) !important; }
.role-answered { border-color: rgba(63, 104, 72, .5) !important; color: var(--green) !important; }

.arc-more { margin-top: 1.5rem; display: flex; justify-content: center; }

@media (max-width: 900px) {
  .arc-head .wrap { grid-template-columns: minmax(0, 1fr); }
  .counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arc-item { grid-template-columns: 6.5rem minmax(0, 1fr); }
  .arc-item__side { grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: center; text-align: left; }
}
@media (max-width: 520px) {
  .arc-item { grid-template-columns: minmax(0, 1fr); }
  .arc-item__side { grid-column: 1; }
}