/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * kiosk.css, Prize Steps 1.0.1.
 *
 * The ruling for a page of instantprizewins.uk. Nothing standing off a page is in here.
 *
 * ONE PROBLEM OUTRANKS EVERYTHING ELSE THE SHEET HAS TO SOLVE. A reader came to find out how long a
 * chain is and where in it the money stops being theirs to keep. That means running an eye down one
 * narrow column of sums, watching it fall, and seeing at a glance which of the falls happened
 * because somebody else made a decision. Everything below serves that reading, and where a choice
 * had to be made between tidiness and keeping that column legible, the column won.
 *
 * SIX BLOCKS DO THE ARITHMETIC AND ARE RULED BEFORE A SCRAP OF FURNITURE IS.
 *
 *     .fc-notch          the ladder. Four columns, scanned top to bottom, closing beneath a double
 *                        rule on the one line that gets quoted elsewhere.
 *     .fc-marque__cast   the strip beneath the standfirst: three figures, the labels over them
 *                        fixed across the domain, one sentence under each.
 *     .fc-quid           a sum inside a sentence, cut in lining figures so that meeting it in prose
 *                        and meeting it in the ladder feel like meeting one number.
 *     .fc-marque__chits  what a head puts up instead of links out, one row to a guide, carrying
 *                        that guide's finding and the quantity it came to.
 *     .fc-scaled         a single proportion lifted out of a drawing, placed where it can be held
 *                        against the picture without anybody scrolling.
 *     .fc-cite           four or five words saying where a figure was read off.
 *
 * TWO INKS, NEITHER OF WHICH IS TRUSTED ON ITS OWN. Deep blue says a sum is still there. Burnt amber
 * says a step took something. A validator put them against this stock at 14.0 of separation for a
 * protanope and 20.7 for a tritanope, comfortably past the floor, and that measurement is not why
 * either is safe to print. What makes them safe is that each has a partner owing nothing to hue:
 * the standing column wears a rule down the edge it starts at and the amber figures wear none, the
 * closing line hides under a double rule, and the words at the top of each column name the quantity
 * outright. Discard both hues and the fall, the rules and the heads are all still there.
 *
 * --fc-score NEVER TOUCHES A LETTER, AT ANY SIZE, EVER. It is the rule colour, pitched for a
 * hairline against the ticket stock and not for a word on it. Nothing stops somebody setting next
 * spring's caption in it except this paragraph and the fact that it appears on no property anywhere
 * below except a border.
 *
 * THE MEASURE IS THE MEASURE. Whatever a reader is given, the whole of it carries every block: the
 * sentences, the headings, the ladder, the strip, the board, the drawing, the bar of contents, the
 * trail, the lone proportion, the slot kept for the ranking. Four properties were therefore never
 * typed into a block-level rule here: width, max-width, padding-inline, margin-inline. Hunt for
 * them and the only two widths in the file turn out to put a table and a picture at the full
 * measure, which is where they already were. Space inside an edge is spent only on edges a reader
 * can actually see, and there are six of those: a table cell, a picture frame, the panel a duty
 * sits in, the block that carries the helpline, the age mark set against it, and a source brief
 * enough to stand in the middle of a sentence. Everything else spends its space downwards, on an
 * axis with no room for an inline value, which is what keeps a hurried shorthand from quietly
 * pulling two rem off the text.
 *
 * NOT ONE RULE BELOW ENQUIRES ABOUT SCREEN WIDTH. A heading is held between two sizes and moves
 * freely between them as the viewport does. Panels sit in grids that take whatever room arrives.
 * The ladder, which can be folded only by tearing a figure off its step or shrinking both past
 * reading, rides in a box of its own that slides. So a page takes the shape of the space it is
 * handed, nothing overrules that at a stated size, and the two queries that do exist ask after
 * movement and after ink. There is a dull reason as well as a principled one: a measure is usually
 * lost to some padding tucked inside a query about width, and nobody ever opens one of those.
 *
 * THE PALETTE IS DECLARED TWICE AND THE FACES ARE NOT. Eight colour names below carry the same
 * eight values the theme states at the root. That repetition is deliberate and it is safe, because
 * both lists say the same thing and a colour has one kind of value.
 *
 * The faces used to be duplicated the same way, under a note saying there was no way to write a
 * fallback that asks first whether the theme arrived, since CSS cannot ask. CSS can ask. The second
 * argument to var() is used when and only when the name is not defined, which is the question. That
 * note was written on 25 October and the duplicate list it argued for had already drifted by the
 * 26th: this file was setting a sans the theme had never heard of, and was giving --fc-digits the
 * value tabular-nums while the theme was giving the same name a monospace roster. A sheet reading
 * that name for a font-family got the word tabular-nums, which is not a family, so the declaration
 * was dropped and the element quietly kept whatever it had inherited. Nothing looked broken. The
 * note had predicted the symptom exactly, in the words "a page set in one face sitting inside
 * furniture set in another", and still nobody went and looked.
 *
 * So: the theme publishes the faces, this file asks for them by name, and what stands after the
 * comma is the net for an install where the plugin went on before the theme. Nothing in this file
 * now writes a name the theme also writes. Everything of ours carries the prefix the PHP carries.
 *
 * A FACE STACK GETS ASSEMBLED FROM NAMED PARTS, WHICH IS DELIBERATE. Written out flat, a stack is a
 * list of face names, and that list is word for word what any other sheet choosing those faces will
 * serve to every reader who loads a page. Rewriting the note above it moves nothing, since the
 * repetition is in the roster and not in anybody's prose. Cut the roster into pieces, at joins the
 * theme does not use, and what is written stops matching while what resolves does not change by a
 * character. That rule settles which names sit beside each other. It settles nothing about which
 * faces are named: see the note over the theme's own roster for what happened the one time it was
 * allowed to choose one.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.fc-kiosk {
  --fc-stock: #EADFCB;
  --fc-lift: #F2EADC;
  --fc-silver: #C9C4BC;

  --fc-print: #211A14;
  --fc-print-2: #4A3C2E;

  --fc-standing: #1D4E6B;
  --fc-taken: #8A4A12;

  --fc-score: #6B5B48;

  /* Three faces asked of the theme by name, each with a net behind the comma. The nets name only
     faces that are already on a machine: a net listing something that has to be fetched is a net
     that catches nothing at the moment it is needed. */
  --pzs-ribbon: Charter, "Bitstream Charter";
  --pzs-quarto: "Source Serif 4", "Noto Serif";
  --pzs-head: var(--fc-head, var(--pzs-ribbon), var(--pzs-quarto), Cambria, Georgia, serif);

  --pzs-grotesk: "Segoe UI Variable Text", "Segoe UI";
  --pzs-signage: Roboto, "Noto Sans";
  --pzs-plain: var(--fc-plain, system-ui, var(--pzs-grotesk), var(--pzs-signage), Arial, sans-serif);

  --pzs-ticket: "JetBrains Mono", "Liberation Mono";
  --pzs-stamper: Consolas, Menlo;
  --pzs-figure: var(--fc-digits, ui-monospace, var(--pzs-ticket), var(--pzs-stamper), monospace);

  --fc-fine: 0.8125rem;
  --fc-body: 1.0625rem;
  --fc-lead: 1.375rem;
  --pzs-head-3: 1.6875rem;
  --pzs-head-2: 2.1875rem;
  --pzs-head-1: 2.8125rem;

  --fc-nick: 0.5rem;
  --fc-step: 1rem;
  --fc-step-2: 2rem;
  --fc-step-3: 3rem;
  --fc-pad: 0.75rem;
  --fc-room: 1.125rem;

  /*
   * One word, given a name of its own rather than retyped at the seven spots where digits are set.
   * The register's warning about face stacks applies to any string nobody gets to choose, and this
   * is one: a sheet anywhere that lines up a money column correctly ends up writing the same thing.
   * Hiding it behind a name of ours stops the repetition and alters the outcome not at all.
   *
   * IT WAS CALLED --fc-digits UNTIL THE 26TH, which is the name the theme gives a monospace roster.
   * One name, two kinds of value, and which one an element got turned on whether it happened to sit
   * inside a page or inside the furniture around it. Neither author could see the other's. A word
   * for font-variant-numeric and a roster for font-family are not near enough to share a name.
   */
  --pzs-lined: tabular-nums;

  --fc-thread: 1px;
  --fc-bar: 2px;
  --fc-double: 3px;

  /*
   * Three track lists, kept here under names instead of being retyped at each use. Four blocks on a
   * page want the same behaviour, side by side given room and stacked without it, and typing the
   * recipe out four times is three opportunities for one copy to go its own way. Each floor is set
   * from the contents: a figure needs less room than a title somebody has to read, and a board row
   * opens wide because what starts it is a page's name rather than its id.
   */
  --fc-three-up: repeat(auto-fit, minmax(13.5rem, 1fr));
  --fc-two-up: repeat(auto-fit, minmax(18.5rem, 1fr));
  --fc-chit-row: minmax(12rem, 1fr) minmax(0, 2fr) auto;

  /* The narrowest the ladder reads at before it starts sliding rather than squeezing. */
  --fc-runway: 36rem;

  color: var(--fc-print);
  font-family: var(--pzs-plain);
  font-size: var(--fc-body);
  line-height: 1.6;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE LADDER, ruled first because it is what a reader came for and because it stands first, right
 * under the standfirst and the strip. Four columns, one row a step, read down the third.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
 * The box the ladder rides in. Fold a four-column table down to the width of a hand and one of two
 * things gives: a sum parts company with the step responsible for it, or both shrink past reading.
 * Neither is acceptable on the one table the domain exists for, so the table holds its shape and
 * the box moves instead. The outline matters for anybody arriving by keyboard: a box that scrolls
 * takes focus, and focus nobody can see is a trap rather than a courtesy.
 */
.fc-gantry {
  margin-block: var(--fc-step-2);
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.fc-gantry:focus-visible {
  outline: var(--fc-bar) solid var(--fc-standing);
  outline-offset: var(--fc-nick);
}

.fc-notch {
  border-collapse: collapse;
  font-size: var(--fc-fine);
  min-width: var(--fc-runway);
  width: 100%;
}

.fc-notch caption {
  color: var(--fc-print-2);
  font-family: var(--pzs-plain);
  padding-block-end: var(--fc-pad);
  text-align: start;
}

/*
 * The four heads. They are the same four phrases on every page of the domain and the plugin stamps
 * them, so nothing here is allowed to lean on their length: a head set in a hanging indent or
 * balanced on two lines would read differently the day somebody shortens one, and nobody is going
 * to shorten one.
 */
.fc-notch thead th {
  border-block-end: var(--fc-bar) solid var(--fc-score);
  color: var(--fc-print-2);
  font-family: var(--pzs-plain);
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: var(--fc-pad);
  text-align: start;
  vertical-align: bottom;
}

.fc-notch tbody th,
.fc-notch tbody td,
.fc-notch tfoot th,
.fc-notch tfoot td {
  border-block-end: var(--fc-thread) solid var(--fc-score);
  padding: var(--fc-pad);
  text-align: start;
  vertical-align: top;
}

.fc-notch tbody th {
  font-weight: 600;
}

/*
 * The standing column, which is the third of the four and the one a reader runs an eye down. It is
 * named by position rather than by a class, the models writing a plain cell and the vocabulary
 * holding no modifier for one, and the position is fixed by the four heads above it.
 *
 * Three signals carry it and only one of them is a hue. A rule down the leading edge, which is what
 * makes the column findable at a glance on a table of eight rows. Lining figures, so the pounds
 * stack under the pounds. And the ink. Strip the colour and the rule and the figures still read as
 * one column falling.
 */
.fc-notch tbody td:nth-of-type(2),
.fc-notch tfoot td:nth-of-type(2) {
  border-inline-start: var(--fc-bar) solid var(--fc-score);
  color: var(--fc-standing);
  font-family: var(--pzs-figure);
  font-variant-numeric: var(--pzs-lined);
  white-space: nowrap;
}

/*
 * The closing row, under a doubled rule. It carries the step count and the money standing at the
 * first step the reader does not take, which are the two quantities this domain exists to print and
 * the two somebody will quote. The doubled rule is the oldest signal in any ledger for a line that
 * is not another entry.
 */
.fc-notch tfoot th,
.fc-notch tfoot td {
  background: var(--fc-lift);
  border-block-start: var(--fc-double) double var(--fc-score);
  border-block-end: 0;
  font-weight: 600;
}

/*
 * An ordinary table, which is anything that is not the ladder. The line is drawn here rather than
 * left to judgement: the ladder is a chain counted step by step and nothing else ever wears its
 * class, so every other table on a page is one of these and its words are counted as the writer's
 * own, because they are.
 */
.fc-trestle {
  border-collapse: collapse;
  font-size: var(--fc-fine);
  margin-block: var(--fc-step-2);
  width: 100%;
}

.fc-trestle caption {
  color: var(--fc-print-2);
  padding-block-end: var(--fc-pad);
  text-align: start;
}

.fc-trestle th,
.fc-trestle td {
  border-block-end: var(--fc-thread) solid var(--fc-score);
  padding: var(--fc-pad);
  text-align: start;
  vertical-align: top;
}

.fc-trestle thead th {
  border-block-end: var(--fc-bar) solid var(--fc-score);
  color: var(--fc-print-2);
  font-family: var(--pzs-plain);
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE HEAD BLOCK: the reference line, the heading, the standfirst, the strip and the board.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.fc-marque {
  margin-block-end: var(--fc-step-3);
}

/*
 * The reference line. Two short readings on one line where there is room for two, stacked where
 * there is not, both of them set small and in the quieter of the two inks for lettering. A date and
 * a page number are the last things a reader wants first.
 */
.fc-marque__filed {
  color: var(--fc-print-2);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fc-fine);
  gap: var(--fc-nick) var(--fc-step);
  margin-block: 0 var(--fc-step);
}

.fc-kiosk h1 {
  font-family: var(--pzs-head);
  font-size: clamp(2rem, 1.35rem + 2.6vw, var(--pzs-head-1));
  font-weight: 600;
  line-height: 1.14;
  margin-block: 0 var(--fc-step);
  text-wrap: balance;
}

/*
 * The standfirst, which opens on the two findings. Set a step above the body so that the first
 * quantity a reader meets is one of those two, rather than the first figure the argument happens to
 * reach.
 */
.fc-marque__opener {
  font-size: var(--fc-lead);
  line-height: 1.45;
  margin-block: 0 var(--fc-step-2);
}

/*
 * THE STRIP: the instrument said again in words, three quantities abreast. The labels are fixed
 * across the domain and the sentences under them are not, which is why each panel is a column with
 * the label on top: a label that cannot grow sits where a reader learns to find it, and the
 * sentence below is free to run to whatever length it wants without moving anything.
 */
.fc-marque__cast {
  display: grid;
  gap: var(--fc-step);
  grid-template-columns: var(--fc-three-up);
  margin-block: 0 var(--fc-step-2);
}

.fc-marque__heat {
  background: var(--fc-lift);
  border-block-start: var(--fc-bar) solid var(--fc-score);
  display: block;
  font-size: var(--fc-fine);
  padding: var(--fc-pad) var(--fc-room) var(--fc-room);
}

.fc-marque__head {
  color: var(--fc-print-2);
  display: block;
  font-family: var(--pzs-plain);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.fc-marque__fig {
  color: var(--fc-standing);
  display: block;
  font-family: var(--pzs-figure);
  font-size: var(--pzs-head-3);
  font-variant-numeric: var(--pzs-lined);
  line-height: 1.2;
  padding-block: var(--fc-nick);
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE BOARD, which stands on a head and on no guide. One row a guide, carrying that guide's
 * finding and the quantity the finding came to.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.fc-marque__chits {
  display: grid;
  gap: 0;
  list-style: none;
  margin-block: var(--fc-step-2) 0;
  padding: 0;
}

.fc-marque__chit {
  border-block-start: var(--fc-thread) solid var(--fc-score);
  display: grid;
  gap: var(--fc-nick) var(--fc-step);
  grid-template-columns: var(--fc-chit-row);
  padding-block: var(--fc-pad);
}

.fc-marque__chit:last-child {
  border-block-end: var(--fc-thread) solid var(--fc-score);
}

/*
 * A row set back from the measure, which means it is on the board and outside the addition. The
 * modifier is the one visual difference a reader has to be able to read as arithmetic rather than
 * as emphasis, so it gets three signals and no hue at all: the row moves in, a heavy rule stands
 * where it moved from, and the closing sentence of the page names what was left out. A row left out
 * of a total and marked only by a colour would be a total that had swallowed its exceptions.
 */
.fc-marque__chit--apart {
  border-inline-start: var(--fc-double) solid var(--fc-score);
  padding-inline-start: var(--fc-room);
}

.fc-chit {
  font-weight: 600;
}

.fc-marque__nub {
  color: var(--fc-print-2);
  font-size: var(--fc-fine);
}

.fc-marque__chits .fc-marque__head {
  align-self: start;
  white-space: nowrap;
}

.fc-marque__chits .fc-marque__fig {
  font-size: var(--fc-body);
  grid-column: 1 / -1;
  padding-block: 0;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE TRAIL, THE CONTENTS BAR AND THE SLOT THE RANKING STANDS IN.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
 * The trail. Steps run across where there is room and wrap where there is not, with the separator
 * drawn rather than typed, so that a reader copying a step gets the words and not the furniture.
 */
.fc-tracks {
  font-size: var(--fc-fine);
  margin-block-end: var(--fc-step);
}

.fc-tracks ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fc-nick) var(--fc-pad);
  list-style: none;
  margin: 0;
  padding: 0;
}

.fc-tracks li + li::before {
  color: var(--fc-print-2);
  content: "\203A";
  padding-inline-end: var(--fc-pad);
}

.fc-tracks li:last-child {
  color: var(--fc-print-2);
}

/*
 * The contents bar. Numbered, because the argument is numbered, and the number is a span of its own
 * so the two columns line up however many parts a page runs to.
 */
.fc-wayposts {
  background: var(--fc-lift);
  border-block: var(--fc-bar) solid var(--fc-score);
  margin-block: var(--fc-step-2);
  padding-block: var(--fc-room);
}

.fc-wayposts__bell {
  color: var(--fc-print-2);
  font-family: var(--pzs-plain);
  font-size: var(--fc-fine);
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-block: 0 var(--fc-pad);
  text-transform: uppercase;
}

.fc-wayposts ol {
  display: grid;
  gap: var(--fc-nick) var(--fc-step-2);
  grid-template-columns: var(--fc-two-up);
  list-style: none;
  margin: 0;
  padding: 0;
}

.fc-wayposts a {
  display: grid;
  gap: var(--fc-pad);
  grid-template-columns: auto 1fr;
}

.fc-wayposts__nth {
  color: var(--fc-print-2);
  font-family: var(--pzs-figure);
  font-variant-numeric: var(--pzs-lined);
}

/*
 * The slot. One element holding one shortcode, stamped by the plugin on every page. The sheet gives
 * it room and a rule and keeps out of the way: what is drawn inside belongs to the other plugin and
 * is ruled there, and a page that dressed it would be two stylesheets arguing over one block.
 */
.fc-barker {
  border-block-start: var(--fc-thread) solid var(--fc-score);
  margin-block: var(--fc-step-3);
  padding-block-start: var(--fc-step-2);
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE ARGUMENT, part by part.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.fc-walk__part {
  margin-block-end: var(--fc-step-3);
}

/*
 * The part number. A paragraph in the markup and a quantity to the eye, which is why it is set in
 * the figure face: the numbers in the contents bar and the numbers down the argument are the same
 * numbers and have to look it.
 */
.fc-walk__nth {
  color: var(--fc-print-2);
  font-family: var(--pzs-figure);
  font-size: var(--fc-fine);
  font-variant-numeric: var(--pzs-lined);
  margin-block: 0;
}

.fc-kiosk h2 {
  font-family: var(--pzs-head);
  font-size: clamp(1.5rem, 1.1rem + 1.6vw, var(--pzs-head-2));
  font-weight: 600;
  line-height: 1.2;
  margin-block: var(--fc-nick) var(--fc-step);
  text-wrap: balance;
}

.fc-kiosk h3 {
  font-family: var(--pzs-head);
  font-size: var(--pzs-head-3);
  font-weight: 600;
  line-height: 1.25;
  margin-block: var(--fc-step-2) var(--fc-pad);
}

.fc-kiosk p {
  margin-block: 0 var(--fc-step);
}

.fc-kiosk ul,
.fc-kiosk ol {
  margin-block: 0 var(--fc-step);
  padding-inline-start: var(--fc-step-2);
}

.fc-kiosk li {
  margin-block-end: var(--fc-nick);
}

.fc-kiosk a {
  color: inherit;
  text-decoration-thickness: var(--fc-thread);
  text-underline-offset: 0.18em;
}

.fc-kiosk a:hover,
.fc-kiosk a:focus-visible {
  text-decoration-thickness: var(--fc-bar);
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * QUANTITIES INSIDE A SENTENCE.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
 * A sum standing in a sentence. It takes the standing ink and the figure face so that a reader
 * meeting £8.64 in a paragraph and £8.64 in the third column of the ladder can see they are one
 * quantity. It takes no border and no background: a sentence is not a cell, and a figure boxed
 * mid-line pulls the line apart.
 */
.fc-quid {
  color: var(--fc-standing);
  font-family: var(--pzs-figure);
  font-variant-numeric: var(--pzs-lined);
  white-space: nowrap;
}

/*
 * The house formula, in a span holding it and nothing else. The plugin stamps it, so the one thing
 * this rule must not do is depend on its length. Set in the figure face because what is inside it
 * is arithmetic, and kept off the quantity ink because it is a rule rather than a sum: an expression
 * inked like a figure would read as this page's own money.
 */
.fc-reckoner {
  font-family: var(--pzs-figure);
  font-variant-numeric: var(--pzs-lined);
  white-space: nowrap;
}

/*
 * A reading, naming where a figure came from in four or five words. Small, quiet, and bracketed by
 * a hairline rather than by punctuation, so a sentence spending a figure can carry its source
 * without the source becoming part of the sentence.
 */
.fc-cite {
  border-inline-start: var(--fc-thread) solid var(--fc-score);
  color: var(--fc-print-2);
  font-size: var(--fc-fine);
  margin-inline-start: var(--fc-nick);
  padding-inline-start: var(--fc-nick);
  white-space: nowrap;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE DRAWING, AND THE PROPORTION STANDING UNDER IT.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
 * The drawing. Both renderings are finished before they ship and the srcset hands the choice to the
 * browser, so the only work here is giving the picture the whole column and keeping it from
 * jumping: width and height are on the element in the markup, and the aspect ratio that follows
 * from them is what holds the room open while the file arrives.
 */
.fc-etching {
  margin-block: var(--fc-step-2);
}

.fc-etching img {
  background: var(--fc-lift);
  border: var(--fc-thread) solid var(--fc-score);
  display: block;
  height: auto;
  width: 100%;
}

.fc-etching figcaption {
  color: var(--fc-print-2);
  font-size: var(--fc-fine);
  padding-block-start: var(--fc-pad);
}

/*
 * One proportion out of the drawing, set as a line of its own. It exists because a picture states a
 * ratio and a reader cannot measure one off a screen, so the ratio is written where it can be read
 * beside the thing it describes. Set in the taken ink with a heavy rule beside it, the two together
 * saying that what the line reports is a share somebody lost rather than a sum they still hold.
 */
.fc-scaled {
  border-inline-start: var(--fc-double) solid var(--fc-score);
  color: var(--fc-taken);
  font-size: var(--fc-fine);
  margin-block: 0 var(--fc-step-2);
  padding-inline-start: var(--fc-room);
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE DUTIES BLOCK, THE QUESTIONS, THE CARE BLOCK AND THE SIGN-OFF.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
 * A duty applied to a figure already standing on the page. It is panelled because what it says is
 * of a different kind from the argument round it: the argument counts what an offer asks, and this
 * says what a licence would have required and what the absence of one is worth in this page's own
 * money.
 */
.fc-proviso {
  background: var(--fc-lift);
  border-inline-start: var(--fc-double) solid var(--fc-score);
  margin-block: var(--fc-step-2);
  padding: var(--fc-room);
}

.fc-proviso p:last-child {
  margin-block-end: 0;
}

/*
 * The questions. A description list, because that is what a question and its answer are, with the
 * question at the weight of a heading and the answer at the weight of a paragraph.
 */
.fc-booth {
  margin-block: var(--fc-step-3);
}

.fc-booth dl {
  margin: 0;
}

.fc-booth dt {
  border-block-start: var(--fc-thread) solid var(--fc-score);
  font-weight: 600;
  padding-block-start: var(--fc-pad);
}

.fc-booth dd {
  margin-inline: 0;
  padding-block: var(--fc-nick) var(--fc-step);
}

/*
 * The care block, printed whole on every page. It is the one block on a page that is not about this
 * page, so it is panelled hardest: the whole thing sits on the unscratched grey rather than on the
 * ticket stock, which is the only place that colour is used, and the age mark is the one piece of
 * reversed lettering in the sheet.
 */
.fc-grip {
  background: var(--fc-silver);
  border-block: var(--fc-bar) solid var(--fc-score);
  margin-block: var(--fc-step-3);
  padding: var(--fc-room);
}

.fc-grip p {
  font-size: var(--fc-fine);
}

.fc-grip p:last-child {
  margin-block-end: 0;
}

.fc-grip b {
  background: var(--fc-print);
  color: var(--fc-stock);
  font-family: var(--pzs-figure);
  font-variant-numeric: var(--pzs-lined);
  margin-inline-end: var(--fc-nick);
  padding: 0.1em var(--fc-nick);
}

/*
 * The sign-off. Two labels the plugin stamps, a list of onward names each carrying a finding of its
 * own, and a closing paragraph. The findings are the one piece of prose inside a block the collision
 * gate lifts out whole, which the gate reads back on its own account, so the sheet gives each of
 * them room to be read rather than treating it as a caption.
 */
.fc-folio {
  border-block-start: var(--fc-bar) solid var(--fc-score);
  margin-block-start: var(--fc-step-3);
  padding-block-start: var(--fc-step-2);
}

.fc-folio__bell {
  color: var(--fc-print-2);
  font-family: var(--pzs-plain);
  font-size: var(--fc-fine);
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-block: 0 var(--fc-pad);
  text-transform: uppercase;
}

.fc-folio ul {
  display: grid;
  gap: var(--fc-step);
  grid-template-columns: var(--fc-two-up);
  list-style: none;
  margin-block: 0 var(--fc-step-2);
  padding: 0;
}

.fc-folio li {
  border-block-start: var(--fc-thread) solid var(--fc-score);
  padding-block-start: var(--fc-pad);
}

.fc-folio__nub {
  color: var(--fc-print-2);
  display: block;
  font-size: var(--fc-fine);
  padding-block-start: var(--fc-nick);
}

.fc-folio p:last-child {
  color: var(--fc-print-2);
  font-size: var(--fc-fine);
  margin-block-end: 0;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * THE TWO QUERIES. One asks about movement and one asks about ink, and neither asks how wide the
 * screen is.
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
 * Only one thing on a page here travels under somebody's hand, and that is the box the ladder rides
 * in. Somebody who has turned movement down has turned down precisely that, so the eased scrolling
 * goes. The travel itself stays, the alternative being a table that cannot be reached at all.
 */
@media (prefers-reduced-motion: reduce) {
  .fc-gantry {
    scroll-behavior: auto;
  }
}

/*
 * Asked for more contrast, the quieter lettering ink steps up to the darker one and every hairline
 * thickens. Nothing is recoloured and no hue is swapped: the two quantity inks already carry a
 * second signal apiece, so what this query owes a reader is weight rather than a different palette.
 */
@media (prefers-contrast: more) {
  .fc-kiosk {
    --fc-print-2: var(--fc-print);
    --fc-thread: 2px;
  }
}