/* Pages beyond the articles (pipeline/extras.py): a special site's own pages (templates/extra.html), the
   recordings, polls and galleries pages, and the special sites' front-page blocks (taxonomy_single.html).
   Colours from the 2009 palette (css/twenty2009.css); --ct is the site's colour. */
.ar-extra__head { margin-block: 24px 18px; padding-block-end: 14px; border-block-end: 3px solid var(--ct, var(--al-color-accent)); }
.ar-extra__kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; color: var(--t9-color-text-faint); font-size: 0.9em; }
.ar-extra__title { margin: 0; color: var(--al-color-accent); font-size: 1.9em; font-weight: 700; line-height: 1.3; }
.ar-extra__lede { color: var(--t9-color-text-soft); }
.ar-extra__toc { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-block: 10px 24px; font-size: 0.9em; }
.ar-extra__source { margin-block-start: 32px; padding-block-start: 12px; border-block-start: 1px solid var(--t9-color-line-soft);
  color: var(--t9-color-text-faint); font-size: 0.85em; }
.ar-messages { padding-inline-start: 1.2em; }
.ar-messages li { padding-block: 4px; border-block-end: 1px dotted var(--t9-color-line-mid); }
.ar-messages b { color: var(--al-color-accent); }
.ar-report { margin-block: 18px; padding: 14px 18px; border: 1px solid var(--t9-color-line-soft); border-inline-start: 3px solid var(--ct, var(--al-color-accent)); }
.ar-report h3 { margin: 0 0 4px; font-size: 1.05em; }
.ar-report__by { margin: 0 0 10px; color: var(--t9-color-text-faint); font-size: 0.9em; }
.ar-report__qa { border-collapse: collapse; inline-size: 100%; font-size: 0.92em; }
.ar-report__qa th { padding: 4px 0; text-align: start; font-weight: 400; color: var(--t9-color-text-soft); }
.ar-report__qa td { padding: 4px 12px; font-weight: 700; white-space: nowrap; }
.ar-report__qa tr + tr { border-block-start: 1px dotted var(--t9-color-line-mid); }
.ar-report__notes { margin-block-start: 10px; color: var(--al-color-text); }
/* the special sites' front pages */
.ar-section__about { margin-block: -6px 22px; color: var(--t9-color-text-soft); font-size: 1.05em; line-height: 1.8; }
.ar-section__own { margin-block-end: 26px; }
.ar-section__own h2 { margin: 0 0 10px; color: var(--ct); font-size: 1.05em; font-weight: 700; }
.ar-own { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.ar-own a { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border: 1px solid var(--t9-color-line-soft);
  border-block-start: 3px solid var(--ct); color: var(--al-color-accent); font-weight: 700; text-decoration: none; }
.ar-own a:hover { color: var(--al-color-accent-hover); background: var(--al-color-surface-sunk); }
.ar-own__kind { color: var(--t9-color-text-faint); font-size: 0.8em; font-weight: 400; }
/* recordings */
.ar-recordings, .ar-polls, .ar-galleries { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.ar-recording, .ar-poll, .ar-gallery { padding: 14px 18px; border: 1px solid var(--t9-color-line-soft); background: var(--al-color-surface); }
.ar-recording__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.ar-recording__title { color: var(--al-color-text); font-weight: 700; }
.ar-recording__meta, .ar-poll__meta { color: var(--t9-color-text-faint); font-size: 0.85em; }
.ar-recording__player { display: block; inline-size: 100%; max-inline-size: 34rem; margin-block-start: 10px; }
.ar-recording__links { margin: 8px 0 0; font-size: 0.9em; }
/* polls */
.ar-poll__q { margin: 0 0 4px; color: var(--al-color-accent); font-size: 1.1em; font-weight: 700; }
.ar-poll__options { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.ar-poll__options li { display: grid; grid-template-columns: minmax(8rem, 2fr) 3fr 3.5rem; align-items: center; gap: 12px; }
.ar-poll__bar { display: block; block-size: 10px; background: var(--al-color-surface-sunk); }
.ar-poll__bar i { display: block; block-size: 100%; background: var(--al-color-accent); }
.ar-poll__pct { color: var(--t9-color-text-soft); font-size: 0.9em; text-align: end; }
/* galleries */
.ar-gallery__title { margin: 0 0 6px; color: var(--al-color-accent); font-size: 1.1em; }
.ar-gallery__text { margin: 0 0 8px; color: var(--t9-color-text-soft); }
.ar-gallery__photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: 8px; }
.ar-gallery__photos img { inline-size: 100%; block-size: 7rem; object-fit: cover; border: 1px solid var(--t9-color-line-soft); }
.ar-gallery__lost, .ar-gallery__src { margin: 6px 0 0; color: var(--t9-color-text-faint); font-size: 0.85em; }
@media (max-width: 52rem) {
  .ar-poll__options li { grid-template-columns: minmax(0, 1fr) 3rem; }
  .ar-poll__bar { grid-column: 1 / -1; grid-row: 2; }
}
/* the polls page: two columns like the home page's shelves, each poll in a box with its section-blue top rule */
@media (min-width: 52.01rem) {
  .ar-polls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
  .ar-polls .ar-poll__options li { grid-template-columns: minmax(6rem, 2fr) 3fr 3rem; }
}
.ar-polls .ar-poll { padding: 18px 20px 16px; border-block-start: 4px solid var(--al-color-accent); }