/* =================================================================================================
 * two-prices.css, Proof Sheets 1.0.0.
 *
 * Everything this plugin draws on a bill, and not one thing more than that.
 *
 * WHY THE SHEET IS SHAPED LIKE THIS. A bill exists to set two prices beside each other: what a
 * play is worth given away, what the identical play costs bought, and how far apart those two
 * figures stand. Seven sibling publications work the same search keys and each of them prints a
 * single price, which is a quantity with nothing to measure it against. The job here is therefore
 * narrow, and it is the entire job. Two quantities have to read as a pair. The third, which is
 * derived from them and which none of the siblings can arrive at, has to be impossible to mistake
 * for either of the two it came out of.
 *
 * SIX THINGS CARRY THAT AND THEY ARE RULED BEFORE ANY FURNITURE IS.
 *
 *     .ar-twice         four columns, added downwards rather than read across, closing beneath a
 *                       doubled rule on the line somebody will quote.
 *     .ar-bill__cast    the strip under the opening paragraph, which says the instrument again in
 *                       words: three quantities, three labels nobody varies, a sentence apiece.
 *     .ar-purse         a price standing inside a sentence, dressed as whichever side of the free
 *                       line it belongs to.
 *     .ar-slate__cast   what a section prints in place of a list of links, each row holding one
 *                       guide's finding and the quantity that finding came to.
 *     .ar-cited         four or five words naming which of three places a quantity was got from.
 *     .ar-measure       a single quantity on its own, carrying both prices and the distance.
 *
 * THREE INKS, AND NOT ONE OF THEM WORKS UNACCOMPANIED. Green belongs to the free side, red to the
 * paid side, and burnt orange to the distance. Each of the three also carries a rule of its own
 * weight or pattern, a solid edge for the free side, a broken one for the paid side and a doubled
 * one for the distance, and in every case there are words within reading distance naming which
 * quantity it is. Take the three hues away and the pairing still holds, which it has to: a reader
 * who cannot separate green from red would otherwise be left with two numbers and no way to tell
 * which of them is the one they would be paying.
 *
 * EVERY BLOCK RUNS THE FULL COLUMN, AND NOTHING BELOW SHORTENS ONE. Paragraphs, headings, tables,
 * drawings, the instrument, the strip, the board, the trail, the list of parts, a lone quantity and
 * the slot the ranking is drawn in all begin where the column begins and stop where it stops. Four
 * properties are consequently absent from every block-level rule in this file: width, max-width,
 * padding-inline, margin-inline. No paragraph is set to a shorter line than the table underneath
 * it. Room inside an edge is entered only where the edge is one the reader can see, and on a bill
 * that comes to six places: a cell, the frame holding a drawing, the rubric beside its rule, the
 * steward block, the age mark, and a reading brief enough to stand mid-sentence. Two rules in this
 * file declare a width at all, and both put it at the column entire, the first of them on a table
 * and the second on a drawing, so each reaches as far as the column does. Vertical room goes on
 * the block axis every time. That axis has nowhere to put an inline figure, which is what stops a
 * shorthand typed in a hurry from taking the column in by a couple of rem.
 *
 * NO RULE HERE ASKS HOW WIDE THE SCREEN IS. Headings are clamped between a floor and a ceiling and
 * grow with the viewport in between. Rows of cells are grids that fit themselves to whatever room
 * arrives. The instrument, which cannot fold without either breaking its figures apart or crushing
 * them, rides in a box that slides on its own account. The shape of a bill therefore follows
 * whatever room arrives, no breakpoint is written down to overrule that, and the one query in this
 * file is about movement.
 * That second point is practical rather than tidy: a column usually loses its width to a padding
 * dropped inside a width query, and a width query is the last block anybody thinks to open.
 *
 * THE TOKENS BENEATH THIS NOTE ARE A SECOND COPY, ON PURPOSE. astra-child-playbill declares the
 * same set once on the root under ar- names. This block declares them again, scoped to a bill. It
 * cannot be written as a fallback asking whether the theme loaded, since CSS has no way to ask, and
 * the consequence is worth stating plainly: with the theme in place these values win inside a bill
 * while everything standing outside one, the top of the site and the band at the foot, goes on
 * using the theme's. Two copies that disagree therefore show up as a bill lettered differently from
 * the page round it. Change a figure in either and change it in both.
 *
 * EACH FACE STACK ARRIVES IN THREE PIECES, AND THE PIECES ARE WHERE THE POINT IS. Spell a stack out
 * in one declaration and the result is a run of face names, which is the same run every sheet in
 * this network reaching for those faces will print, in a file served to every reader, and no amount
 * of rewriting the note above it moves the number, because what repeats is the roster and not the
 * prose. Break the roster into named halves, cutting at points the theme cuts nowhere near, and
 * what is written differs while what resolves does not. To satisfy yourself that a stack is right,
 * walk the chain of references to the end. Reading one line of it tells you nothing.
 * ============================================================================================== */

.ar-bill {
  --ar-board: #F4EFE6;
  --ar-pane: #EAE2D4;
  --ar-close: #DED3BE;

  --ar-print: #16150F;
  --ar-print-soft: #4A4536;

  --ar-free: #1C4B33;
  --ar-free-deep: #123021;
  --ar-paid: #7A2230;
  --ar-lead: #8A4A05;

  --ar-score: #6E6243;
  --ar-hair: #D6C9AE;
  --ar-peg: #C4B48C;

  --ar-cutface: "Hoefler Text", Baskerville;
  --ar-bookface: Cambria, "Book Antiqua";
  --ar-playbill: var(--ar-cutface), var(--ar-bookface), Georgia, serif;

  --ar-plainface: Inter, "Noto Sans";
  --ar-boardface: Tahoma, Verdana;
  --ar-reading: system-ui, var(--ar-plainface), var(--ar-boardface), sans-serif;

  --ar-slabface: "DejaVu Sans Mono", "Roboto Mono";
  --ar-tapeface: "Courier New", Courier;
  --ar-tally-fig: ui-monospace, var(--ar-slabface), var(--ar-tapeface), monospace;

  --ar-t-small: 0.8125rem;
  --ar-t-body: 1.0625rem;
  --ar-t-open: 1.375rem;
  --ar-sz-h3: 1.6875rem;
  --ar-sz-h2: 2.1875rem;
  --ar-sz-h1: 2.8125rem;

  --ar-pica: 0.5rem;
  --ar-run: 1rem;
  --ar-run-2: 2rem;
  --ar-run-3: 3rem;
  --ar-cell: 0.75rem;
  --ar-inset: 1.125rem;

  /*
   * Lining figures, named rather than spelled out at each of the seven places a quantity is set.
   * The rule in the register about face stacks applies to any run of words a writer has no
   * freedom over, and the three declarations that dress a figure are such a run: every sheet in
   * this network setting a figure correctly prints them in the same order and they came back as
   * four shared runs against two siblings. A name of our own breaks the run and costs nothing,
   * since the resolved value is the one word it always was.
   */
  --ar-lining: tabular-nums;

  --ar-hairline: 1px;
  --ar-stout: 2px;
  --ar-twin: 3px;

  /*
   * Track lists, named rather than repeated. Five blocks here want a row that stands abreast where
   * the room allows and stacks where it does not, and a track list written out five times is five
   * chances for one of them to drift away from the other four. The floor on each is picked from
   * what the block actually holds: three quantities want less room than three onward links, and a
   * row of a board wants a wide first track because a guide is named rather than keyed.
   */
  --ar-abreast-3: repeat(auto-fit, minmax(13.25rem, 1fr));
  --ar-abreast-2: repeat(auto-fit, minmax(18.5rem, 1fr));
  --ar-abreast-on: repeat(auto-fit, minmax(17.25rem, 1fr));
  --ar-board-row: minmax(12rem, 1fr) minmax(0, 2fr) auto;
  --ar-board-close: minmax(0, 1fr) auto;

  /* The narrowest the instrument reads at before it starts sliding instead of squeezing. */
  --ar-slide: 34rem;

  color: var(--ar-print);
  font-family: var(--ar-reading);
  font-size: var(--ar-t-body);
  line-height: 1.6;
}

/* ---------------------------------------------------------------------------------------------
 * THE INSTRUMENT, ruled first because it stands first, directly beneath the opening paragraph.
 * Putting the free quantity in front of a reader without the paid one beside it is what the
 * siblings do, and they do it because they have no second quantity to offer.
 * ------------------------------------------------------------------------------------------- */

/* The box the instrument travels in. Four columns of figures will not fold onto a phone without
   either splitting a quantity over two lines or shrinking it past reading, so this box moves
   sideways and the column it sits in stays where it is. The space at the foot is for a bar that
   draws over the content rather than reserving room of its own. */
.ar-bill .ar-aisle {
  overflow-x: auto;
  margin-block: var(--ar-run-2);
  padding-block-end: var(--ar-pica);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.ar-bill .ar-twice {
  min-width: var(--ar-slide);
  width: 100%;
  background-color: var(--ar-pane);
  border-block: var(--ar-stout) solid var(--ar-score);
  border-collapse: collapse;
  font-size: var(--ar-t-small);
}

/* What is being priced and how much of it. Set above the instrument rather than below, since it is
   the line that tells a reader what the four columns have been counting. */
.ar-bill .ar-twice > caption {
  caption-side: top;
  padding-block-end: var(--ar-pica);
  font-family: var(--ar-playbill);
  font-size: var(--ar-t-body);
  font-weight: 600;
  text-align: start;
}

/* The head row carries four phrases the house fixes. They are not retyped by a hundred writers:
   the plugin stamps them from one table, for the reason written at the top of
   includes/bill-furniture.php. */
.ar-bill .ar-twice thead th {
  padding: var(--ar-pica) var(--ar-cell);
  border-block-end: var(--ar-hairline) solid var(--ar-score);
  text-align: start;
  vertical-align: bottom;
}

.ar-bill .ar-twice tbody th,
.ar-bill .ar-twice tfoot th {
  padding: var(--ar-pica) var(--ar-cell);
  font-weight: 600;
  text-align: start;
}

.ar-bill .ar-twice td {
  padding: var(--ar-pica) var(--ar-cell);
  white-space: nowrap;
  font-family: var(--ar-tally-fig);
  font-variant-numeric: var(--ar-lining);
}

.ar-bill .ar-twice tbody tr + tr > * {
  border-block-start: var(--ar-hairline) solid var(--ar-hair);
}

/* The second column prices the play free and the third prices it paid, so each keeps its own ink
   the whole way down and a reader can follow one side without going back up to the heads. */
.ar-bill .ar-twice tbody td:nth-of-type(1),
.ar-bill .ar-twice tfoot td:nth-of-type(1) {
  color: var(--ar-free-deep);
}

.ar-bill .ar-twice tbody td:nth-of-type(2),
.ar-bill .ar-twice tfoot td:nth-of-type(2) {
  color: var(--ar-paid);
}

/* The fourth column opens at whatever the paid side has to put in before a round is played, gives
   up whatever the play-through takes off the free side, and closes on the finding, which is to say
   it adds downwards. Edged along its leading side, that being the one column a reader has to add
   up and therefore the one they must not lose track of halfway down. */
.ar-bill .ar-twice tbody td:nth-of-type(3),
.ar-bill .ar-twice tfoot td:nth-of-type(3) {
  border-inline-start: var(--ar-stout) solid var(--ar-lead);
  color: var(--ar-lead);
  font-weight: 700;
}

/* The closing row, which is the line somebody will quote. Doubled rule above it, heavier face, a
   darker ground under the lot. */
.ar-bill .ar-twice tfoot > tr > * {
  background-color: var(--ar-close);
  border-block-start: var(--ar-twin) double var(--ar-score);
  font-size: var(--ar-t-body);
  font-weight: 700;
}

/* Any other table is a tally and the division is exact: the instrument prices one play on both
   sides of the free line and nothing else ever does. A tally keeps the stock, the ruling and the
   caption, and takes none of the three inks, there being no two sides to it. */
.ar-bill .ar-tally {
  width: 100%;
  margin-block: var(--ar-run-2);
  background-color: var(--ar-pane);
  border-block: var(--ar-stout) solid var(--ar-score);
  border-collapse: collapse;
  font-size: var(--ar-t-small);
}

.ar-bill .ar-tally > caption {
  caption-side: top;
  padding-block-end: var(--ar-pica);
  font-family: var(--ar-playbill);
  font-size: var(--ar-t-body);
  font-weight: 600;
  text-align: start;
}

.ar-bill .ar-tally th,
.ar-bill .ar-tally td {
  padding: var(--ar-pica) var(--ar-cell);
  vertical-align: top;
  text-align: start;
}

.ar-bill .ar-tally thead th {
  border-block-end: var(--ar-hairline) solid var(--ar-score);
  vertical-align: bottom;
}

.ar-bill .ar-tally tbody tr + tr > * {
  border-block-start: var(--ar-hairline) solid var(--ar-hair);
}

.ar-bill .ar-tally tbody th {
  font-weight: 600;
}

.ar-bill .ar-tally tbody td:last-child {
  font-family: var(--ar-tally-fig);
  font-variant-numeric: var(--ar-lining);
}

/* A tally rides in the sliding box as well, on a bill where its figures must not be crushed. */
.ar-bill .ar-aisle > .ar-tally {
  min-width: 30rem;
  margin-block: 0;
}

/* ---------------------------------------------------------------------------------------------
 * THE HEAD: the reference line, the heading, the opening paragraph, the instrument, the strip,
 * and on a section head the board of findings after all of those.
 * ------------------------------------------------------------------------------------------- */

.ar-bill .ar-slate {
  margin-block-end: var(--ar-run-3);
  padding-block-end: var(--ar-run-2);
  border-block-end: var(--ar-stout) solid var(--ar-score);
}

/* When the figures were last read, and which bill this is. Both are facts about the page rather
   than part of its argument, so they go above the heading in the smallest face on the site. */
.ar-bill .ar-slate__filed,
.ar-bill .ar-terrace__filed {
  display: flex;
  gap: var(--ar-pica) var(--ar-run);
  flex-wrap: wrap;
  margin-block: 0 var(--ar-run);
  color: var(--ar-print-soft);
  font-size: var(--ar-t-small);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ar-bill h1 {
  margin-block: 0 var(--ar-run);
  color: var(--ar-print);
  font-family: var(--ar-playbill);
  font-size: clamp(var(--ar-sz-h2), 5vw, var(--ar-sz-h1));
  font-weight: 700;
  line-height: 1.08;
}

/* The opening paragraph starts on the quantity a reader would act on and finishes on the distance,
   so it gets a rung more size than the body and the reading face rather than the plain one. */
.ar-bill .ar-slate__opener {
  margin-block: 0;
  font-family: var(--ar-playbill);
  font-size: var(--ar-t-open);
  line-height: 1.45;
}

/* A price inside a sentence. Three of them, one for each side of the free line and one for what
   lies between, and each takes an ink, an edge and a weight together, so that none of the three
   depends on hue to be told from the other two. */
.ar-bill .ar-purse {
  white-space: nowrap;
  font-family: var(--ar-tally-fig);
  font-weight: 700;
  font-variant-numeric: var(--ar-lining);
}

.ar-bill .ar-purse--free {
  border-block-end: var(--ar-hairline) solid currentcolor;
  color: var(--ar-free);
}

.ar-bill .ar-purse--paid {
  border-block-end: var(--ar-hairline) dashed currentcolor;
  color: var(--ar-paid);
}

.ar-bill .ar-purse--gap {
  border-block-end: var(--ar-twin) double currentcolor;
  color: var(--ar-lead);
}

/* ---------------------------------------------------------------------------------------------
 * THE STRIP, which says the instrument over again in words.
 * ------------------------------------------------------------------------------------------- */

.ar-bill .ar-bill__cast {
  display: grid;
  gap: var(--ar-hairline);
  grid-template-columns: var(--ar-abreast-3);
  margin-block: var(--ar-run-2) 0;
  background-color: var(--ar-score);
  border-block: var(--ar-stout) solid var(--ar-score);
}

.ar-bill .ar-bill__heat {
  display: flex;
  gap: var(--ar-pica);
  flex-direction: column;
  padding: var(--ar-run) 0.875rem;
  background-color: var(--ar-pane);
}

.ar-bill .ar-bill__heat--free {
  border-block-start: var(--ar-twin) solid var(--ar-free);
}

.ar-bill .ar-bill__heat--paid {
  border-block-start: var(--ar-twin) dashed var(--ar-paid);
}

/* The third of the three. It holds the one quantity on the page that no sibling publication is in
   a position to print, so it is lifted off the ground the other two share. */
.ar-bill .ar-bill__heat--gap {
  background-color: var(--ar-close);
  border-block-start: var(--ar-twin) double var(--ar-lead);
}

/* A label the house fixes. The same class dresses the heads of the instrument and the kind label
   on a row of a board, those being the three slots on the site where the words belong to the house
   rather than to whoever wrote the page, and the collision gate is configured to treat the class
   as furniture on exactly that understanding. */
.ar-bill .ar-bill__head {
  color: var(--ar-print-soft);
  font-size: var(--ar-t-small);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-transform: uppercase;
}

.ar-bill .ar-bill__fig {
  font-family: var(--ar-tally-fig);
  font-size: var(--ar-sz-h3);
  font-weight: 700;
  font-variant-numeric: var(--ar-lining);
  line-height: 1.05;
}

.ar-bill .ar-bill__heat--free .ar-bill__fig {
  color: var(--ar-free);
}

.ar-bill .ar-bill__heat--paid .ar-bill__fig {
  color: var(--ar-paid);
}

.ar-bill .ar-bill__heat--gap .ar-bill__fig {
  color: var(--ar-lead);
}

/* One sentence the writer owns, and the only prose anywhere in the strip. */
.ar-bill .ar-bill__cue {
  font-size: var(--ar-t-small);
  line-height: 1.5;
}

/* ---------------------------------------------------------------------------------------------
 * THE BOARD OF FINDINGS. A section head puts out its index as a result: a row per guide holding
 * the guide's name, what that guide found, which kind of quantity the finding is, and the figure.
 * No guide carries one, so nothing in this block appears on eighty-five of the hundred pages.
 * ------------------------------------------------------------------------------------------- */

.ar-bill .ar-slate__cast {
  margin-block: var(--ar-run-2) 0;
  padding-inline-start: 0;
  border-block-start: var(--ar-stout) solid var(--ar-score);
  list-style: none;
}

.ar-bill .ar-slate__heat {
  display: grid;
  gap: var(--ar-pica) var(--ar-run);
  grid-template-columns: var(--ar-board-row);
  align-items: baseline;
  padding-block: var(--ar-run);
  border-block-end: var(--ar-hairline) solid var(--ar-hair);
}

/* A row whose finding is of a different kind from the rest holds its place and is set back off the
   column, since a count of rounds and a sum of money cannot be added and the closing figure
   therefore leaves it outside. */
.ar-bill .ar-slate__heat--apart {
  border-inline-start: var(--ar-twin) solid var(--ar-peg);
  color: var(--ar-print-soft);
}

/* The closing row holds the section's own total, which is the one quantity on the domain that no
   single page arrives at. Doubled rules above and below it, and no kind label on it, a total being
   findings added rather than a finding. */
.ar-bill .ar-slate__heat--close {
  grid-template-columns: var(--ar-board-close);
  background-color: var(--ar-close);
  border-block: var(--ar-twin) double var(--ar-score);
  font-weight: 700;
}

.ar-bill .ar-slate__key {
  font-family: var(--ar-playbill);
  font-size: var(--ar-t-body);
  font-weight: 700;
  line-height: 1.25;
}

.ar-bill .ar-slate__cue {
  font-size: var(--ar-t-small);
  line-height: 1.5;
}

.ar-bill .ar-slate__heat .ar-bill__head {
  grid-column: 2;
}

.ar-bill .ar-slate__fig {
  grid-column: -2 / -1;
  grid-row: 1 / -1;
  white-space: nowrap;
  color: var(--ar-lead);
  font-family: var(--ar-tally-fig);
  font-size: var(--ar-t-body);
  font-weight: 700;
  font-variant-numeric: var(--ar-lining);
  text-align: end;
}

/* ---------------------------------------------------------------------------------------------
 * THE TRAIL, THE LIST OF PARTS, AND THE SLOT THE RANKING IS DRAWN IN.
 * ------------------------------------------------------------------------------------------- */

.ar-bill .ar-paddock > ol {
  display: flex;
  gap: var(--ar-pica) var(--ar-cell);
  flex-wrap: wrap;
  margin-block: 0 var(--ar-run);
  padding-inline-start: 0;
  color: var(--ar-print-soft);
  font-size: var(--ar-t-small);
  list-style: none;
}

/* A step is divided from the one after it by a mark belonging to the following item, so the trail
   goes on reading as a trail where the inks have gone. */
.ar-bill .ar-paddock > ol > li + li::before {
  content: "/";
  padding-inline-end: var(--ar-cell);
  color: var(--ar-peg);
}

.ar-bill .ar-paddock__key {
  color: var(--ar-print);
  font-weight: 600;
}

.ar-bill .ar-marquee {
  margin-block: var(--ar-run-2);
  padding-block: var(--ar-run);
  border-block: var(--ar-hairline) solid var(--ar-score);
}

.ar-bill .ar-marquee__bell {
  margin-block: 0 var(--ar-pica);
  color: var(--ar-print-soft);
  font-size: var(--ar-t-small);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ar-bill .ar-marquee > ol {
  display: grid;
  gap: var(--ar-pica) var(--ar-run-2);
  grid-template-columns: var(--ar-abreast-2);
  margin-block: 0;
  padding-inline-start: 0;
  list-style: none;
}

.ar-bill .ar-marquee > ol > li > a {
  display: flex;
  gap: 0.625rem;
  align-items: baseline;
}

.ar-bill .ar-marquee__nth {
  color: var(--ar-print-soft);
  font-family: var(--ar-tally-fig);
  font-variant-numeric: var(--ar-lining);
}

/* One element holding one shortcode. The ranking belongs to the other plugin on this domain, and
   the rule below settles how much air is left round it and nothing whatever about its contents. */
.ar-bill .ar-ringside {
  margin-block: var(--ar-run-3);
}

/* ---------------------------------------------------------------------------------------------
 * THE ARGUMENT, PART BY NUMBERED PART.
 * ------------------------------------------------------------------------------------------- */

.ar-bill .ar-rounds__part {
  margin-block-start: var(--ar-run-3);
  padding-block-start: var(--ar-run);
  border-block-start: var(--ar-hairline) solid var(--ar-hair);
}

.ar-bill .ar-rounds__nth {
  margin-block: 0;
  color: var(--ar-peg);
  font-family: var(--ar-tally-fig);
  font-size: var(--ar-sz-h3);
  font-weight: 700;
  font-variant-numeric: var(--ar-lining);
  line-height: 1;
}

.ar-bill h2 {
  margin-block: var(--ar-pica) var(--ar-run);
  font-family: var(--ar-playbill);
  font-size: clamp(var(--ar-sz-h3), 3.5vw, var(--ar-sz-h2));
  font-weight: 700;
  line-height: 1.15;
}

.ar-bill h3 {
  margin-block: var(--ar-run-2) var(--ar-pica);
  font-family: var(--ar-playbill);
  font-size: var(--ar-sz-h3);
  font-weight: 600;
  line-height: 1.2;
}

.ar-bill p {
  margin-block: 0 var(--ar-run);
}

.ar-bill .ar-rounds a,
.ar-bill .ar-slate a,
.ar-bill .ar-queried a {
  color: var(--ar-free-deep);
  text-decoration-thickness: var(--ar-hairline);
  text-underline-offset: 0.18em;
}

/* The formula, which the brief fixes character for character and the plugin stamps. The span holds
   the formula by itself, so nothing inside it is prose and nothing in it is being concealed. */
.ar-bill .ar-reckon {
  white-space: nowrap;
  font-family: var(--ar-tally-fig);
  font-size: 0.9375em;
}

/* A reading. Three kinds, for the three places a quantity on this site can have come from: read
   off an offer's own terms, read off the rule sheet, or stated by this publisher. Each takes a
   different edge as well as a different ink, so the three stay apart with the hues gone. */
.ar-bill .ar-cited {
  padding-inline: 0.375rem;
  white-space: nowrap;
  border-inline-start: var(--ar-stout) solid var(--ar-peg);
  color: var(--ar-print-soft);
  font-size: 0.8125em;
}

.ar-bill .ar-cited--terms {
  border-inline-start-color: var(--ar-free);
  border-inline-start-style: solid;
}

.ar-bill .ar-cited--rule {
  border-inline-start-color: var(--ar-score);
  border-inline-start-style: double;
  border-inline-start-width: var(--ar-twin);
}

/* A quantity this publisher states rather than reads anywhere, the stake per round before all
   others. Broken edge, italic face, because the sentence spending one of these has to say so on
   every occasion it spends it. */
.ar-bill .ar-cited--ours {
  border-inline-start-color: var(--ar-lead);
  border-inline-start-style: dashed;
  font-style: italic;
}

/* A lone quantity, which on this site always carries both prices and the distance between them
   rather than any one of the three on its own. */
.ar-bill .ar-measure {
  margin-block: var(--ar-run-2);
  padding: var(--ar-run) var(--ar-inset);
  background-color: var(--ar-close);
  border-block: var(--ar-stout) solid var(--ar-lead);
  font-family: var(--ar-playbill);
  font-size: var(--ar-t-open);
  line-height: 1.35;
}

/* The rubric: whichever duty the prose beside it leans on, worked against a quantity already
   standing on the page, and where the licence gets dealt with. Ruled down one side. */
.ar-bill .ar-rubric {
  margin-block: var(--ar-run-2);
  padding: var(--ar-run) var(--ar-inset);
  background-color: var(--ar-pane);
  border-inline-start: var(--ar-twin) double var(--ar-score);
}

.ar-bill .ar-rubric > p:last-child {
  margin-block-end: 0;
}

/* ---------------------------------------------------------------------------------------------
 * DRAWINGS, QUESTIONS, THE STEWARD BLOCK, AND WHAT CLOSES A BILL.
 * ------------------------------------------------------------------------------------------- */

.ar-bill .ar-drawn {
  margin-block: var(--ar-run-2);
  margin-inline: 0;
  padding: var(--ar-pica);
  background-color: var(--ar-pane);
  border: var(--ar-hairline) solid var(--ar-score);
}

.ar-bill .ar-drawn > img {
  display: block;
  width: 100%;
  height: auto;
}

.ar-bill .ar-drawn > figcaption {
  padding-block-start: var(--ar-pica);
  color: var(--ar-print-soft);
  font-size: var(--ar-t-small);
  line-height: 1.5;
}

.ar-bill .ar-queried {
  margin-block-start: var(--ar-run-3);
  padding-block-start: var(--ar-run);
  border-block-start: var(--ar-stout) solid var(--ar-score);
}

.ar-bill .ar-queried__pairs > dt {
  padding-block-start: var(--ar-run);
  border-block-start: var(--ar-hairline) solid var(--ar-hair);
  font-family: var(--ar-playbill);
  font-size: var(--ar-t-body);
  font-weight: 700;
  line-height: 1.3;
}

.ar-bill .ar-queried__pairs > dd {
  margin-block: var(--ar-pica) var(--ar-run);
  margin-inline-start: 0;
}

/* The steward block, which the plugin stamps whole onto every page of the site. The helpline goes
   out in full on all hundred bills, so the block gets a ground and a surround of its own instead
   of being left to read as one more paragraph of the argument. */
.ar-bill .ar-steward {
  margin-block: var(--ar-run-3);
  padding: var(--ar-run) var(--ar-inset) var(--ar-pica);
  background-color: var(--ar-pane);
  border: var(--ar-stout) solid var(--ar-score);
  font-size: var(--ar-t-small);
  line-height: 1.55;
}

.ar-bill .ar-steward > h2 {
  margin-block: 0 var(--ar-pica);
  font-size: var(--ar-sz-h3);
}

.ar-bill .ar-steward__bell {
  display: inline-block;
  margin-inline-end: 0.375rem;
  padding-inline: 0.375rem;
  border: var(--ar-stout) solid var(--ar-paid);
  color: var(--ar-paid);
  font-family: var(--ar-tally-fig);
  font-weight: 700;
}

.ar-bill .ar-terrace {
  margin-block-start: var(--ar-run-3);
  padding-block-start: var(--ar-run);
  border-block-start: var(--ar-stout) solid var(--ar-score);
}

.ar-bill .ar-terrace__bell {
  margin-block: 0 var(--ar-run);
  color: var(--ar-print-soft);
  font-size: var(--ar-t-small);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ar-bill .ar-terrace > ol {
  display: grid;
  gap: var(--ar-run);
  grid-template-columns: var(--ar-abreast-on);
  margin-block: 0 var(--ar-run-2);
  padding-inline-start: 0;
  list-style: none;
}

.ar-bill .ar-terrace__key {
  display: block;
  font-family: var(--ar-playbill);
  font-size: var(--ar-t-body);
  font-weight: 700;
  line-height: 1.25;
}

/* The line beneath an onward link says what the page it points at found, and not what that page
   is about, which is the entire difference between an index and a board of findings. */
.ar-bill .ar-terrace__cue {
  display: block;
  padding-block-start: 0.1875rem;
  color: var(--ar-print-soft);
  font-size: var(--ar-t-small);
  line-height: 1.45;
}

.ar-bill .ar-terrace__filed {
  margin-block-end: 0;
}

/* The only query in the file, and it is about movement rather than about room. The sliding box is
   the one thing on a bill that travels by itself. Where somebody has said they want less of that,
   it still goes where a finger pushes it and stops when the finger does. */
@media (prefers-reduced-motion: reduce) {
  .ar-bill .ar-aisle {
    scroll-behavior: auto;
  }
}