/*
 * Irradiada · Clínica: the archive pages of fisiatria.com.br (/artigos/, the category pages,
 * search and the 404).
 * Source: 03-ops/inner-pages-irradiada/plugin/irradiada-archive.css
 * Installed as mu-plugins/fisiatria-irradiada/irradiada-archive.css and enqueued by
 * mu-plugins/fisiatria-irradiada-pages.php (1.2.1) on the archive types while the option
 * fisiatria_irradiada_archive is 1 (search and the 404 also need their own switches). It loads
 * after irradiada-frame.css, which gives the tokens, the reset, the links and the buttons under .irr.
 * Specification: 03-ops/inner-pages-irradiada/ARCHIVE-SPEC.md section 9, updated to the article
 * page as built (irradiada-article.css of 2026-10-03, sha256 9571c49d) and to PLUGIN-CONTRACT.md
 * "Reading text on every inner page": from 1280 px one page grid (column 1 names, columns 2 and 3
 * text, column 4 notes or air), the article's measure and flow tokens, the 36-size line cap and the
 * booking band on the page columns.
 *
 * Restated from irradiada-article.css as identical text (PLUGIN-CONTRACT.md: until the shared sheet
 * irradiada-pages.css exists after the launch, each type's sheet restates the shared rules; the
 * apply script compares them with the installed article sheet):
 *   section 1  the declarations of the theme containers (the selectors name the archive body class)
 *   section 2  the root and its tokens (.irr.irr-page and its four width steps), byte for byte
 *   section 8  the booking band, byte for byte, without the form that follows a clinic card
 *
 * Sections:
 *   1 Theme containers     4 Page body       7 Groups and entries
 *   2 Root and tokens      5 Topic index     8 Booking band
 *   3 Page head            6 Search form     9 Browser surfaces
 *
 * Grounds: Guides Amber is the head of /artigos/, of a category and of search (amber means guides
 * and articles); Poster Black the head of the 404 and the booking band; every list stands on white.
 * No other hue, no image, no shadow, no rounded corner, no motion but the buttons' transitions.
 */

/* ---------- 1. Theme containers (outside .irr, under the body class) ---------- */
html body.irr-archive {
  background: #fafafa;
}
html body.irr-archive #page,
html body.irr-archive #content,
html body.irr-archive #primary,
html body.irr-archive #main {
  display: block;
  float: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
/* The theme gives every child of .site-main 20 px below. */
html body.irr-archive #main > .irr-page {
  margin-bottom: 0;
}

/* ---------- 2. Root and tokens ---------- */
/* The article's root, byte for byte (irradiada-article.css section 2): reading size, leading, the
   measure (40 reading sizes below 768 px, 36 from 768 px, page columns 2 and 3 from 1280 px, never
   more than 36 reading sizes), the paragraph gap, the column and the field bleed. */
.irr.irr-page {
  --irr-fs-read: min(20px, clamp(18px, 16.4px + 0.19vw, 19px) + var(--irr-over) * 0.0132);
  --irr-lh-read: 1.45;
  --irr-measure: calc(var(--irr-fs-read) * 40);
  --irr-flow: 0.9em;
  --irr-fs-art-h1: clamp(30px, 8.72vw, var(--irr-fs-h3-xl));
  --irr-fs-art-h2: clamp(26px, 2.361vw, 34px);
  --irr-fs-art-h3: clamp(22px, 1.597vw, 24px);
  --irr-step-40: min(44px, clamp(28px, 2.778vw, 40px) + var(--irr-over) * 0.02778);
  --irr-row-top: 14px;
  --irr-col: calc((min(var(--irr-max), var(--irr-vw) - 2 * var(--irr-gutter)) - 3 * var(--irr-gap)) / 4);
  --irr-span3: calc(3 * var(--irr-col) + 2 * var(--irr-gap));
  --irr-field-bleed: min(var(--irr-tile-pad-lg), var(--irr-gutter) - 16px);
  --irr-focus: var(--irr-black);
  background: var(--irr-white);
  color: var(--irr-black);
  font-size: var(--irr-fs-read);
  line-height: var(--irr-lh-read);
  overflow-wrap: break-word;
}
@media (min-width: 360px) {
  .irr.irr-page {
    --irr-lh-read: 1.5;
    --irr-flow: 1.1em;
  }
}
@media (min-width: 768px) {
  .irr.irr-page {
    --irr-lh-read: 1.55;
    --irr-measure: calc(var(--irr-fs-read) * 36);
    --irr-flow: 1.6em;
  }
}
@media (min-width: 1024px) {
  .irr.irr-page {
    --irr-lh-read: 1.6;
  }
}
@media (min-width: 1280px) {
  .irr.irr-page {
    --irr-measure: min(2 * var(--irr-col) + var(--irr-gap), var(--irr-fs-read) * 36);
    --irr-flow: 1.8em;
  }
}
/* What only the archive pages use: the outline button inverts to black on the white field, and
   the space under an article's line before the next rule. */
.irr.irr-page--archive {
  --irr-btn-hover-bg: var(--irr-black);
  --irr-btn-hover-fg: var(--irr-white);
  --irr-row-end: max(28px, calc(var(--irr-rule-pad) * 1.25));
}

/* ---------- 3. Page head ---------- */
/* The article's title band on another ground: window edge to window edge, the text on the grid,
   the h1 at the article's size and height. Nothing above the h1, no minimum height. */
.irr .irr-phead {
  --irr-sel-bg: var(--irr-black);
  --irr-sel-fg: var(--irr-guides);
  --irr-btn-hover-fg: var(--irr-guides);
  background: var(--irr-guides);
  color: var(--irr-black);
  padding: var(--irr-step-64) 0;
}
.irr .irr-phead--black {
  --irr-focus: var(--irr-guides);
  --irr-sel-bg: var(--irr-guides);
  --irr-sel-fg: var(--irr-black);
  --irr-btn-hover-bg: var(--irr-white);
  --irr-btn-hover-fg: var(--irr-black);
  background: var(--irr-black);
  color: var(--irr-white);
}
/* The frame resets headings to overflow-wrap: normal; a 40-character word must break here. */
.irr .irr-phead__title {
  font-size: var(--irr-fs-art-h1);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.025em;
  overflow-wrap: break-word;
}
/* The sentence keeps the article's measure (PLUGIN-CONTRACT.md: it replaces the 40 em of the
   specification): from 1280 px it starts on column 1 and ends on the line of column 2, or at 36
   reading sizes where that is shorter. */
.irr .irr-phead__lede {
  margin-top: clamp(16px, 1.667vw, 24px);
  max-width: var(--irr-measure);
  font-size: var(--irr-fs-lede);
  line-height: 1.45;
}
/* The article's byline (ARTICLE-SPEC.md 5.2), black on amber, without the date: the same size,
   leading, hairline, hit area and 768 px switch; the ground's text colour in place of white and
   gray (no gray on a colour field). */
.irr .irr-phead .irr-byline {
  margin-top: max(24px, var(--irr-fs-h3));
  padding-top: 16px;
  border-top: 1px solid currentColor;
  font-size: 16px;
  line-height: 1.4;
}
.irr .irr-phead .irr-byline__name,
.irr .irr-phead .irr-byline__item {
  display: block;
}
.irr .irr-phead .irr-byline__sep {
  display: none;
}
.irr .irr-phead .irr-byline__name {
  width: fit-content;
  margin: -12px;
  padding: 12px;
  font-weight: 700;
}
.irr .irr-phead .irr-byline__name:focus-visible {
  outline-offset: -8px;
}
@media (min-width: 768px) {
  .irr .irr-phead .irr-byline__name,
  .irr .irr-phead .irr-byline__item,
  .irr .irr-phead .irr-byline__sep {
    display: inline;
  }
  .irr .irr-phead .irr-byline__name {
    margin-block: 0;
  }
}
.irr .irr-phead .irr-search {
  margin-top: var(--irr-step-40);
}
/* From 1024 px the h1 and the physician's line keep to columns 1 to 3, and column 4 holds the one
   ring set of the page: the article's rings, a CSS background from the head's lower right corner
   (never an inline svg: the gates count circles that reach the window edge), black on amber,
   white on black. */
@media (min-width: 1024px) {
  .irr .irr-phead__title,
  .irr .irr-phead .irr-byline {
    max-width: calc(3 * var(--irr-col) + 2 * var(--irr-gap));
  }
  .irr .irr-phead {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none' stroke='%23070707'%3E%3Ccircle cx='360' cy='360' r='40' stroke-width='9'/%3E%3Ccircle cx='360' cy='360' r='80' stroke-width='8'/%3E%3Ccircle cx='360' cy='360' r='120' stroke-width='7'/%3E%3Ccircle cx='360' cy='360' r='160' stroke-width='6'/%3E%3Ccircle cx='360' cy='360' r='200' stroke-width='5'/%3E%3Ccircle cx='360' cy='360' r='240' stroke-width='4'/%3E%3Ccircle cx='360' cy='360' r='280' stroke-width='3'/%3E%3Ccircle cx='360' cy='360' r='320' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: min(520px, var(--irr-bleed) + var(--irr-col)) auto;
  }
  .irr .irr-phead--black {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none' stroke='%23fafafa'%3E%3Ccircle cx='360' cy='360' r='40' stroke-width='9'/%3E%3Ccircle cx='360' cy='360' r='80' stroke-width='8'/%3E%3Ccircle cx='360' cy='360' r='120' stroke-width='7'/%3E%3Ccircle cx='360' cy='360' r='160' stroke-width='6'/%3E%3Ccircle cx='360' cy='360' r='200' stroke-width='5'/%3E%3Ccircle cx='360' cy='360' r='240' stroke-width='4'/%3E%3Ccircle cx='360' cy='360' r='280' stroke-width='3'/%3E%3Ccircle cx='360' cy='360' r='320' stroke-width='2'/%3E%3C/svg%3E");
  }
}

/* ---------- 4. Page body (white field) ---------- */
/* The band stands outside the wrap, as on the article, and carries the space under it. */
.irr .irr-pbody {
  padding: var(--irr-step-64) 0 0;
}
.irr .irr-pbody > .irr-wrap {
  margin-bottom: max(64px, var(--irr-step-104));
}

/* ---------- 5. Topic index ---------- */
/* One component, three uses: the groups, the themes, the other pages. Below 768 px ruled rows
   (name left, count right, one baseline); from 768 px ruled cells, two columns, four from 1024 px
   (three inside a group, where column 1 holds the group's name), so every cell starts on a page
   column. The link is the cell itself: a block with its padding. From 768 px a cell takes two rows
   of the list (a subgrid), the name in the first and the count in the second, so the counts of a
   row share one line when a name in that row wraps ("Pescoço, costas e ciática" at 1366 and 1647). */
.irr .irr-topics {
  scroll-margin-top: 24px;
}
.irr .irr-topics__list {
  border-top: 3px solid var(--irr-black);
}
.irr .irr-topic {
  position: relative;
  border-bottom: 1px solid var(--irr-black);
}
.irr .irr-topic__link {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 16px;
  flex-wrap: wrap;
  min-height: 54px;
  padding: 14px 0 13px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-decoration: none;
}
.irr .irr-topic__n {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--irr-ink-2);
}
.irr .irr-topic:hover .irr-topic__name {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 0.2em;
}
.irr .irr-topic__link:hover {
  text-decoration: none;
}
.irr .irr-group .irr-topics__list {
  margin-top: 20px;
  border-top: 1px solid var(--irr-black);
}
/* The other pages: the second line is a fact about the destination, under the name. */
.irr .irr-topics--pages .irr-topic__link {
  display: block;
}
.irr .irr-topics--pages .irr-topic__n {
  display: block;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .irr .irr-topics__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--irr-step-40) var(--irr-gap);
    border-top: 0;
  }
  .irr .irr-group .irr-topics__list {
    border-top: 0;
  }
  .irr .irr-topic {
    border-top: 3px solid var(--irr-black);
    border-bottom: 0;
  }
  .irr .irr-topic__link {
    display: block;
    height: 100%;
    min-height: 0;
    padding: var(--irr-rule-pad) 0 0;
    font-size: var(--irr-fs-h3-sm);
    line-height: 1.15;
  }
  .irr .irr-topic__n {
    display: block;
    margin-top: 8px;
  }
}
@media (min-width: 1024px) {
  .irr .irr-topics__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: max(40px, var(--irr-step-64));
  }
  .irr .irr-group .irr-topics__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Names and counts on shared row tracks (from 768 px, where subgrid exists). A cell takes two rows
   of the list, the name in the first and the count in the second, so the counts of a row share one
   line when a name in that row wraps ("Pescoço, costas e ciática" at 1366 and 1647). The space
   between two rows of cells is no longer the list's row gap, which would also fall between a name
   and its count: it is the same length (step-40, from 1024 px max(40px, step-64)) as padding under
   each cell, and the list gives it back with a negative bottom margin, so whatever follows the
   index keeps its distance from the last count. Inside a cell the subgrid sets its own gaps: 8 px
   from the name to the count, 4 px under the name of another page, as the count's margins did. A
   browser without subgrid keeps the block cells above. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 768px) {
    .irr .irr-topics__list {
      --irr-index-gap: var(--irr-step-40);
      row-gap: 0;
      margin-bottom: calc(-1 * var(--irr-index-gap));
    }
    .irr .irr-topic {
      display: grid;
      grid-row: span 2;
      grid-template-rows: subgrid;
      row-gap: 0;
      padding-bottom: var(--irr-index-gap);
    }
    .irr .irr-topic__link,
    .irr .irr-topics--pages .irr-topic__link {
      display: grid;
      grid-row: span 2;
      grid-template-rows: subgrid;
      row-gap: 8px;
      align-content: start;
      height: auto;
    }
    .irr .irr-topics--pages .irr-topic__link {
      row-gap: 4px;
    }
    .irr .irr-topic__name {
      grid-row: 1;
    }
    .irr .irr-topic__n,
    .irr .irr-topics--pages .irr-topic__n {
      grid-row: 2;
      align-self: start;
      margin-top: 0;
    }
  }
  @media (min-width: 1024px) {
    .irr .irr-topics__list {
      --irr-index-gap: max(40px, var(--irr-step-64));
    }
  }
}

/* ---------- 6. Search form ---------- */
/* A GET to the site root with the field s. Square 56 px field, 2 px border in the text colour of
   its ground; the outline button joined to it from 480 px. From 1280 px the form takes page
   columns 1 and 2, so its right edge is a column line. */
.irr .irr-search {
  max-width: 640px;
}
.irr .irr-pbody > .irr-wrap > .irr-search {
  margin-top: var(--irr-step-64);
}
.irr .irr-search__label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.irr .irr-search__row {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.irr .irr-search__input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 56px;
  margin: 0;
  padding: 0 16px;
  border: 2px solid var(--irr-black);
  border-radius: 0;
  background: var(--irr-white);
  color: var(--irr-black);
  font: inherit;
  font-size: 18px;
  line-height: 1.2;
  -webkit-appearance: none;
  appearance: none;
}
.irr .irr-search__input::placeholder {
  color: var(--irr-ink-2);
  opacity: 1;
}
.irr .irr-search__input:focus {
  outline: none;
}
.irr .irr-search__input:focus-visible {
  outline: 3px solid var(--irr-focus);
  outline-offset: 4px;
}
.irr .irr-phead--black .irr-search__input {
  border-color: var(--irr-white);
}
/* A <button>: the theme's text-transform, letter-spacing and radius are reset. */
.irr .irr-search__btn {
  cursor: pointer;
  font-family: inherit;
  border-radius: 0;
  text-transform: none;
  letter-spacing: 0;
  -webkit-appearance: none;
  appearance: none;
}
.irr .irr-search__btn:focus-visible {
  outline: 3px solid var(--irr-focus);
  outline-offset: 4px;
}
@media (min-width: 480px) {
  .irr .irr-search__row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0;
  }
  .irr .irr-search__btn {
    margin-left: -2px;
  }
}
@media (min-width: 1280px) {
  .irr .irr-search {
    max-width: calc(2 * var(--irr-col) + var(--irr-gap));
  }
}

/* ---------- 7. Groups and entries ---------- */
/* A 3 px rule opens a group, 1 px rules separate the entries. From 1024 px the group's name (or a
   list's caption) stands in column 1 and the entries on columns 2 to 4, the first baseline of the
   name and of the first title on one line. From 1280 px an entry is the title on columns 2 and 3
   and its line in column 4, on one baseline: the page grid of the article (names, text, notes). */
.irr .irr-groups {
  margin-top: max(64px, var(--irr-step-104));
}
.irr .irr-pbody > .irr-wrap > .irr-groups:first-child {
  margin-top: 0;
}
.irr .irr-group {
  border-top: 3px solid var(--irr-black);
  padding-top: var(--irr-rule-pad);
  scroll-margin-top: 24px;
}
.irr .irr-group + .irr-group {
  margin-top: max(56px, var(--irr-step-96));
}
.irr .irr-group__name {
  font-size: max(28px, var(--irr-fs-h3));
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.irr .irr-group__n {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--irr-ink-2);
}
.irr .irr-entries {
  margin-top: 24px;
}
.irr .irr-entry {
  position: relative;
  padding: var(--irr-rule-pad) 0 var(--irr-row-end);
  border-top: 1px solid var(--irr-black);
}
.irr .irr-entry:last-child {
  border-bottom: 1px solid var(--irr-black);
}
.irr .irr-entry__title {
  font-size: var(--irr-fs-art-h3);
  font-weight: 800;
  line-height: 1.32;
}
.irr .irr-entry__title a {
  text-decoration: none;
}
/* One link per entry, stretched over the row (the homepage's pattern). */
.irr .irr-entry__title a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.irr .irr-entry__title a:visited {
  color: var(--irr-ink-2);
}
.irr .irr-entry:hover .irr-entry__title a,
.irr .irr-entry__title a:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 3px;
}
/* The line keeps the article's measure (36 reading sizes from 768 px) below 1280 px. */
.irr .irr-entry__line {
  margin-top: 14px;
  max-width: var(--irr-measure);
  color: var(--irr-ink-2);
  font-size: 18px;
  line-height: 1.5;
}
.irr .irr-entry .irr-tag {
  margin-top: 18px;
}
.irr .irr-group__more {
  margin-top: var(--irr-step-40);
  display: flex;
}
/* The way back to the index, under the last entry of a group, where the page is one column. */
.irr .irr-group__back {
  margin-top: 12px;
}
/* A list headed by a count or a caption: the heading is for screen readers, the caption shows. */
.irr .irr-group--plain .irr-group__n {
  margin-top: 0;
}
/* The group a search names: a text link in the head of the first list, 12 px under its caption
   ("Pé e calcanhar, 3 artigos"), 16 px 700 with a 44 px hit area. Below 1024 px it is one row
   ruled 1 px above, closed by the first entry's rule; from 1024 px it stands in column 1 with no
   rule, so the first viewport holds one 3 px rule and the right side is the list. */
.irr .irr-hit {
  margin-top: 12px;
  border-top: 1px solid var(--irr-black);
}
.irr .irr-hit__link {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-block: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.irr .irr-group--hit .irr-entries {
  margin-top: 0;
}
@media (min-width: 600px) {
  .irr .irr-group__more {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .irr .irr-group {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--irr-gap);
    align-items: first baseline;
    padding-top: 0;
  }
  .irr .irr-group__head {
    grid-column: 1;
    padding-top: var(--irr-rule-pad);
  }
  .irr .irr-group__body {
    grid-column: 2 / 5;
  }
  .irr .irr-entries {
    margin-top: 0;
  }
  .irr .irr-entry:first-child {
    border-top: 0;
  }
  .irr .irr-group__back {
    display: none;
  }
  .irr .irr-group .irr-topics__list {
    margin-top: 0;
  }
  .irr .irr-group .irr-topic:nth-child(-n+3) {
    border-top: 0;
  }
  .irr .irr-hit {
    border-top: 0;
  }
  .irr .irr-hit__link {
    width: fit-content;
  }
}
@media (min-width: 1280px) {
  .irr .irr-entry {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--irr-gap);
    align-items: first baseline;
  }
  .irr .irr-entry__title {
    grid-column: 1 / 3;
  }
  .irr .irr-entry__body {
    grid-column: 3;
  }
  .irr .irr-entry__line {
    margin-top: 0;
  }
}

/* ---------- 8. Booking band ---------- */
/* Restated from irradiada-article.css section 8, byte for byte, without the form that follows a
   clinic card (an archive page has no card). One band a page, the last block before the footer,
   outside the wrap. */
/* Booking band: the homepage booking strip, restated with the same values. A black block on the
   four columns, inside the white field. Left out on urgent and referral-only topics and under
   emergency instructions (the plugin decides). */
.irr .irr-abook {
  --irr-focus: var(--irr-guides);
  display: grid;
  gap: 24px var(--irr-gap);
  width: min(var(--irr-max), 100% - 2 * var(--irr-gutter));
  margin: 0 auto max(64px, var(--irr-step-104));
  padding: 28px 18px 24px;
  background: var(--irr-black);
  color: var(--irr-white);
}
.irr .irr-abook__line {
  font-size: var(--irr-fs-h3);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-wrap: wrap;
}
.irr .irr-abook__actions {
  display: grid;
  gap: 8px;
}
/* The phone number is a hit area of its own. */
.irr .irr-abook__tel {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: 48px;
  font-size: 24px;
  font-weight: 800;
  text-decoration: none;
}
.irr .irr-abook__tel:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
/* Narrow phones: a button gives up side padding before its label takes a second line, and the
   physician's name may wrap (with a reader's text spacing it is wider than a 320 px window). */
@media (max-width: 599.98px) {
  .irr .irr-abook .irr-nowrap {
    white-space: normal;
  }
}
@media (max-width: 359.98px) {
  .irr .irr-abook {
    padding-inline: 12px;
  }
}
@media (min-width: 360px) and (max-width: 379.98px) {
  .irr .irr-abook .irr-btn--solid {
    padding-inline: 28px;
  }
}
@media (min-width: 600px) {
  .irr .irr-abook {
    padding: clamp(32px, 3.889vw, 56px);
  }
  .irr .irr-abook__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
  }
}
@media (min-width: 1024px) {
  .irr .irr-abook {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}
/* From 1280 px the band is on the page columns, like the fields and the card: it reaches past
   the page lines by the field bleed, the line takes columns 1 and 2, the button column 3 and
   the phone number column 4 (the related list's columns 3 and 4 under it). After the clinic
   card, with no line, the button takes column 1 and the number column 2. The button is one
   column wide, its label centred (16 px side padding at the least: "Agendar pelo WhatsApp"
   needs 255 px, a column is 263 px at 1280 px). Before, the band's content stood 56 px inside
   it (153 px at 1647 px) and its actions at the right end, on no column line. */
@media (min-width: 1280px) {
  .irr .irr-abook {
    grid-template-columns: repeat(4, var(--irr-col));
    width: calc(min(var(--irr-max), 100% - 2 * var(--irr-gutter)) + 2 * var(--irr-field-bleed));
    padding-inline: var(--irr-field-bleed);
  }
  .irr .irr-abook__line {
    grid-column: 1 / 3;
  }
  .irr .irr-abook__actions {
    display: grid;
    grid-column: 3 / -1;
    grid-template-columns: repeat(2, var(--irr-col));
    column-gap: var(--irr-gap);
  }
  .irr .irr-abook__actions > .irr-btn {
    justify-self: stretch;
    padding-inline: 16px;
  }
}

/* ---------- 9. Browser surfaces ---------- */
/* Selection: amber with black text on white; black with amber text on the amber head; amber with
   black text on black. Focus: the frame's 3 px ring at 4 px, black on white and amber, amber on
   black (--irr-focus per ground). Nothing moves but the buttons' 120 to 160 ms transitions. */

/* Forced colours: the fields are gone, so each one gets a top edge, and the ring artwork of the
   head is removed. Every rule of the lists is a real border and stays. */
@media (forced-colors: active) {
  .irr .irr-phead {
    background-image: none;
  }
  .irr .irr-phead,
  .irr .irr-abook {
    border-top: 3px solid CanvasText;
  }
}

/* ---------- 10. /artigos/: the cover and the block groups ---------- */
/* Owner approval of 2026-10-07 (design 04-B, with "improve white spacing: no breathing room
   between sections"). The head keeps its words and gains the masthead size. Under it, lapping
   over the head from 1024 px, the cover: the three newest articles and a black tile with the
   count. Then the index and the search as before, and every group as one block on twelve
   columns from 1024 px: a colour tile with the name and the count, the first articles as large
   and small photograph blocks, the rest as rows with a small image. The entries, their order,
   their links and their lines are the list's (section 7); only the drawing changes. Below
   1024 px a group is its tile, one large photograph and rows. Groups stand 224 px apart at
   1440 px. Colour tiles: amber, black, cobalt, green and red, by group. */
.irr .irr-phead--cover .irr-phead__title {
  max-width: none;
  font-size: min(280px, clamp(64px, 18vw, 260px) + var(--irr-over) * 0.08);
  line-height: 0.84;
  letter-spacing: -0.05em;
  overflow-wrap: normal;
  white-space: nowrap;
}
.irr .irr-phead--cover .irr-phead__lede {
  margin-top: clamp(24px, 3.33vw, 48px);
  font-weight: 700;
}
.irr .irr-cover__list {
  display: grid;
  gap: 16px;
}
.irr .irr-cover__item {
  position: relative;
  background: var(--irr-black);
  color: var(--irr-white);
}
.irr .irr-cover__link {
  position: relative;
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.irr .irr-cover__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.irr .irr-cover__cap {
  display: block;
  padding: 18px 20px 22px;
  background: var(--irr-black);
}
.irr .irr-cover__label {
  display: block;
  margin-bottom: 10px;
  color: var(--irr-guides);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}
.irr .irr-cover__title {
  display: block;
  font-size: clamp(20px, 1.6vw, 24px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.14;
}
.irr .irr-cover__item--lead .irr-cover__title {
  font-size: clamp(26px, 2.78vw, 44px);
  letter-spacing: -0.03em;
  line-height: 1.06;
}
.irr .irr-cover__link:hover .irr-cover__title,
.irr .irr-cover__link:focus-visible .irr-cover__title {
  text-decoration: underline;
  text-decoration-thickness: 3px;
}
.irr .irr-cover__item--count .irr-cover__link {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  padding: 24px;
}
.irr .irr-cover__n {
  color: var(--irr-guides);
  font-size: clamp(72px, 6.6vw, 104px);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.85;
}
.irr .irr-cover__what {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.irr .irr-cover__go {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 700;
}
.irr .irr-cover + .irr-topics {
  margin-top: max(64px, var(--irr-step-104));
}
/* The colour of a group's tile and of its rings (the head's rings, section 3, in the tile's ink). */
.irr .irr-bento--amber {
  --irr-bento-bg: var(--irr-guides);
  --irr-bento-fg: var(--irr-black);
  --irr-bento-rings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none' stroke='%23070707'%3E%3Ccircle cx='360' cy='360' r='40' stroke-width='9'/%3E%3Ccircle cx='360' cy='360' r='80' stroke-width='8'/%3E%3Ccircle cx='360' cy='360' r='120' stroke-width='7'/%3E%3Ccircle cx='360' cy='360' r='160' stroke-width='6'/%3E%3Ccircle cx='360' cy='360' r='200' stroke-width='5'/%3E%3Ccircle cx='360' cy='360' r='240' stroke-width='4'/%3E%3Ccircle cx='360' cy='360' r='280' stroke-width='3'/%3E%3Ccircle cx='360' cy='360' r='320' stroke-width='2'/%3E%3C/svg%3E");
}
.irr .irr-bento--black {
  --irr-bento-bg: var(--irr-black);
  --irr-bento-fg: var(--irr-white);
  --irr-bento-rings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none' stroke='%23fcba43'%3E%3Ccircle cx='360' cy='360' r='40' stroke-width='9'/%3E%3Ccircle cx='360' cy='360' r='80' stroke-width='8'/%3E%3Ccircle cx='360' cy='360' r='120' stroke-width='7'/%3E%3Ccircle cx='360' cy='360' r='160' stroke-width='6'/%3E%3Ccircle cx='360' cy='360' r='200' stroke-width='5'/%3E%3Ccircle cx='360' cy='360' r='240' stroke-width='4'/%3E%3Ccircle cx='360' cy='360' r='280' stroke-width='3'/%3E%3Ccircle cx='360' cy='360' r='320' stroke-width='2'/%3E%3C/svg%3E");
}
.irr .irr-bento--cobalt {
  --irr-bento-bg: var(--irr-evidence);
  --irr-bento-fg: var(--irr-white);
  --irr-bento-rings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none' stroke='%23fafafa'%3E%3Ccircle cx='360' cy='360' r='40' stroke-width='9'/%3E%3Ccircle cx='360' cy='360' r='80' stroke-width='8'/%3E%3Ccircle cx='360' cy='360' r='120' stroke-width='7'/%3E%3Ccircle cx='360' cy='360' r='160' stroke-width='6'/%3E%3Ccircle cx='360' cy='360' r='200' stroke-width='5'/%3E%3Ccircle cx='360' cy='360' r='240' stroke-width='4'/%3E%3Ccircle cx='360' cy='360' r='280' stroke-width='3'/%3E%3Ccircle cx='360' cy='360' r='320' stroke-width='2'/%3E%3C/svg%3E");
}
.irr .irr-bento--green {
  --irr-bento-bg: var(--irr-function);
  --irr-bento-fg: var(--irr-black);
  --irr-bento-rings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none' stroke='%23070707'%3E%3Ccircle cx='360' cy='360' r='40' stroke-width='9'/%3E%3Ccircle cx='360' cy='360' r='80' stroke-width='8'/%3E%3Ccircle cx='360' cy='360' r='120' stroke-width='7'/%3E%3Ccircle cx='360' cy='360' r='160' stroke-width='6'/%3E%3Ccircle cx='360' cy='360' r='200' stroke-width='5'/%3E%3Ccircle cx='360' cy='360' r='240' stroke-width='4'/%3E%3Ccircle cx='360' cy='360' r='280' stroke-width='3'/%3E%3Ccircle cx='360' cy='360' r='320' stroke-width='2'/%3E%3C/svg%3E");
}
.irr .irr-bento--red {
  --irr-bento-bg: var(--irr-alert);
  --irr-bento-fg: var(--irr-black);
  --irr-bento-rings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none' stroke='%23070707'%3E%3Ccircle cx='360' cy='360' r='40' stroke-width='9'/%3E%3Ccircle cx='360' cy='360' r='80' stroke-width='8'/%3E%3Ccircle cx='360' cy='360' r='120' stroke-width='7'/%3E%3Ccircle cx='360' cy='360' r='160' stroke-width='6'/%3E%3Ccircle cx='360' cy='360' r='200' stroke-width='5'/%3E%3Ccircle cx='360' cy='360' r='240' stroke-width='4'/%3E%3Ccircle cx='360' cy='360' r='280' stroke-width='3'/%3E%3Ccircle cx='360' cy='360' r='320' stroke-width='2'/%3E%3C/svg%3E");
}
.irr .irr-groups--bento {
  margin-top: clamp(72px, 12.2vw, 176px);
}
.irr .irr-groups--bento .irr-group + .irr-group {
  margin-top: clamp(88px, 15.56vw, 224px);
}
.irr .irr-bento {
  --irr-tile: clamp(232px, 20.14vw, 320px);
  padding-top: 0;
  border-top: 0;
}
.irr .irr-bento > .irr-group__head {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 12px;
  min-height: 168px;
  padding: clamp(24px, 2.78vw, 40px);
  background-color: var(--irr-bento-bg);
  color: var(--irr-bento-fg);
}
.irr .irr-bento .irr-group__name {
  font-size: clamp(32px, 3.89vw, 56px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}
.irr .irr-bento .irr-group__n {
  margin-top: 0;
  color: inherit;
  font-size: 18px;
  font-weight: 700;
}
.irr .irr-bento .irr-entry__img {
  display: block;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  /* Phones: the newest article large, the next two as rows with a small image, so the group
     index stays one swipe away. The count tile is not drawn: the index it leads to follows. */
  .irr .irr-cover__item:not(.irr-cover__item--lead) .irr-cover__link {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
  }
  .irr .irr-cover__item:not(.irr-cover__item--lead) .irr-cover__img {
    width: 96px;
    height: 96px;
    aspect-ratio: auto;
  }
  .irr .irr-cover__item:not(.irr-cover__item--lead) .irr-cover__cap {
    padding: 12px 16px;
  }
  .irr .irr-cover__item:not(.irr-cover__item--lead) .irr-cover__title {
    font-size: 18px;
    line-height: 1.22;
  }
  .irr .irr-cover__item--count {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  /* One column: the tile, the first article with a large photograph, the others as rows. */
  .irr .irr-bento .irr-entries {
    margin-top: 16px;
  }
  .irr .irr-bento .irr-entry {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 16px;
    align-items: start;
    padding: 16px 0 18px;
  }
  .irr .irr-bento .irr-entry--plain {
    display: block;
  }
  .irr .irr-bento .irr-entry__img {
    grid-row: 1 / span 2;
    width: 96px;
    height: 96px;
  }
  .irr .irr-bento .irr-entry__title {
    font-size: 18px;
    line-height: 1.25;
  }
  .irr .irr-bento .irr-entry__body {
    grid-column: 2;
  }
  .irr .irr-bento .irr-entry__line {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.4;
  }
  .irr .irr-bento .irr-entry:first-child {
    display: block;
    padding-top: 0;
    border-top: 0;
  }
  .irr .irr-bento .irr-entry:first-child .irr-entry__img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    margin-bottom: 14px;
  }
  .irr .irr-bento .irr-entry:first-child .irr-entry__title {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media (min-width: 1024px) {
  .irr .irr-phead--cover {
    --irr-cover-lap: clamp(96px, 10.83vw, 156px);
    padding-bottom: calc(var(--irr-step-64) + var(--irr-cover-lap) + clamp(40px, 5.56vw, 80px));
    background-position: right top;
    background-size: min(520px, var(--irr-bleed) + var(--irr-col)) auto;
  }
  .irr .irr-cover {
    --irr-cover-lap: clamp(96px, 10.83vw, 156px);
    --irr-tile: clamp(232px, 20.83vw, 330px);
    margin-top: calc(-1 * (var(--irr-step-64) + var(--irr-cover-lap)));
  }
  .irr .irr-cover__list {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: var(--irr-tile);
  }
  .irr .irr-cover__item {
    overflow: hidden;
  }
  .irr .irr-cover__item--lead {
    grid-column: 1 / span 7;
    grid-row: 1 / span 2;
  }
  .irr .irr-cover__item:nth-child(2) {
    grid-column: 8 / span 5;
    grid-row: 1;
  }
  .irr .irr-cover__item:nth-child(3) {
    grid-column: 8 / span 3;
    grid-row: 2;
  }
  .irr .irr-cover__item--count {
    grid-column: 11 / span 2;
    grid-row: 2;
  }
  .irr .irr-cover__item--count .irr-cover__link {
    min-height: 0;
  }
  .irr .irr-cover__go {
    white-space: nowrap;
  }
  .irr .irr-cover__img {
    position: absolute;
    inset: 0;
    height: 100%;
    aspect-ratio: auto;
  }
  .irr .irr-cover__cap {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 88%;
  }
  .irr .irr-cover__item--lead .irr-cover__cap {
    max-width: 76%;
    padding: 26px 30px 30px;
  }
  /* A group: twelve columns. The tile and the list share the first row of the section; the
     list keeps the tile's cells free (its ::before stands on them, as tall as the tile, so the
     rows it stands on are never shorter than the tile), so no article is drawn under the tile
     and the later rows fill from the row after the blocks. */
  .irr .irr-bento {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 16px;
    align-items: start;
  }
  .irr .irr-bento > .irr-group__head {
    grid-column: 1 / span 4;
    grid-row: 1;
    z-index: 1;
    height: var(--irr-tile);
    min-height: 0;
    background-image: var(--irr-bento-rings);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: min(48%, 200px) auto;
  }
  .irr .irr-bento > .irr-group__body {
    grid-column: 1 / -1;
    grid-row: 1;
    min-width: 0;
  }
  .irr .irr-bento .irr-entries {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
    margin-top: 0;
  }
  .irr .irr-bento .irr-entries::before {
    content: "";
    grid-column: 1 / span 4;
    grid-row: 1;
    height: var(--irr-tile);
  }
  .irr .irr-bento:is(.irr-bento--a, .irr-bento--b, .irr-bento--c, .irr-bento--three) > .irr-group__head {
    height: calc(2 * var(--irr-tile) + 16px);
    background-size: min(70%, 300px) auto;
  }
  .irr .irr-bento:is(.irr-bento--a, .irr-bento--b, .irr-bento--c, .irr-bento--three) .irr-entries::before {
    grid-row: 1 / span 2;
    height: calc(2 * var(--irr-tile) + 16px);
  }
  .irr .irr-bento:is(.irr-bento--b, .irr-bento--four) > .irr-group__head,
  .irr .irr-bento:is(.irr-bento--b, .irr-bento--four) .irr-entries::before {
    grid-column: 9 / span 4;
  }
  .irr .irr-bento--c > .irr-group__head,
  .irr .irr-bento--c .irr-entries::before {
    grid-column: 5 / span 4;
  }
  .irr .irr-bento--d > .irr-group__head,
  .irr .irr-bento--d .irr-entries::before {
    grid-column: 8 / span 5;
  }
  /* Every block: no rule, no row padding; one link over the whole block (section 7). */
  .irr .irr-bento .irr-entry {
    z-index: 0;
    display: block;
    height: var(--irr-tile);
    padding: 0;
    border: 0;
    overflow: hidden;
  }
  .irr .irr-bento .irr-entry__title {
    grid-column: auto;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .irr .irr-bento .irr-entry__body {
    grid-column: auto;
  }
  .irr .irr-bento .irr-entry__line {
    margin-top: 0;
    max-width: none;
    font-size: 16px;
    line-height: 1.38;
  }
  /* Photograph blocks: the image fills the block, the title stands on a black field at the
     lower left; the line is kept for screen readers. */
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--tall, .irr-entry--wide, .irr-entry--photo) {
    display: flex;
    align-items: flex-end;
    background: var(--irr-ink-2);
    color: var(--irr-white);
  }
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--tall) {
    height: calc(2 * var(--irr-tile) + 16px);
  }
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--tall, .irr-entry--wide, .irr-entry--photo) .irr-entry__img {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--tall, .irr-entry--wide, .irr-entry--photo) .irr-entry__title {
    max-width: 88%;
    padding: 18px 22px 20px;
    background: var(--irr-black);
    font-size: clamp(18px, 1.53vw, 22px);
    line-height: 1.16;
  }
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--wide) .irr-entry__title {
    max-width: 72%;
    padding: 24px 28px 26px;
    font-size: clamp(24px, 2.5vw, 38px);
    letter-spacing: -0.03em;
    line-height: 1.08;
  }
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--tall, .irr-entry--wide, .irr-entry--photo) .irr-entry__title a:visited {
    color: inherit;
  }
  /* An article without a featured image: the group's colour and rings in place of the photograph. */
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--tall, .irr-entry--wide, .irr-entry--photo).irr-entry--plain {
    background: var(--irr-bento-bg) var(--irr-bento-rings) no-repeat right bottom / min(56%, 360px) auto;
  }
  .irr .irr-bento :is(.irr-entry--xl, .irr-entry--tall, .irr-entry--wide, .irr-entry--photo, .irr-entry--xs) .irr-entry__body {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  /* Small blocks: the image above, the whole title and the whole line under it. A row of
     small blocks is as tall as its longest text, never shorter than one tile. */
  .irr .irr-bento :is(.irr-entry--s, .irr-entry--h) {
    align-self: stretch;
    height: auto;
    min-height: var(--irr-tile);
    border: 2px solid var(--irr-black);
    background: #ffffff;
  }
  .irr .irr-bento .irr-entry--s {
    grid-column: span 3;
    padding-bottom: 20px;
  }
  .irr .irr-bento .irr-entry--s .irr-entry__img {
    width: 100%;
    height: calc(var(--irr-tile) * 0.5);
  }
  .irr .irr-bento .irr-entry--s .irr-entry__title {
    padding: 16px 16px 0;
  }
  .irr .irr-bento .irr-entry--s .irr-entry__line {
    margin: 8px 16px 0;
  }
  /* Wide small blocks: the image on the left, the text beside it. */
  .irr .irr-bento .irr-entry--h {
    grid-column: span 6;
    padding: 0 0 26px 46%;
  }
  .irr .irr-bento .irr-entry--h .irr-entry__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 46%;
    height: 100%;
  }
  .irr .irr-bento .irr-entry--h .irr-entry__title {
    padding: 26px 26px 0;
    font-size: clamp(20px, 1.8vw, 26px);
    letter-spacing: -0.025em;
    line-height: 1.14;
  }
  .irr .irr-bento .irr-entry--h .irr-entry__line {
    margin: 12px 26px 0;
  }
  /* Rows: a small image and the title, four to a row, ruled above. */
  .irr .irr-bento .irr-entry--xs {
    grid-column: span 3;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    column-gap: 14px;
    align-items: center;
    height: auto;
    min-height: 84px;
    padding: 13px 0;
    border-top: 1px solid var(--irr-black);
    overflow: visible;
  }
  .irr .irr-bento .irr-entry--xs.irr-entry--plain {
    display: flex;
  }
  .irr .irr-bento .irr-entry--xs .irr-entry__img {
    width: 56px;
    height: 56px;
  }
  .irr .irr-bento .irr-entry--xs .irr-entry__title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.26;
  }
  /* Where each block of a pattern stands. */
  .irr .irr-bento--a .irr-entry:nth-child(1) { grid-column: 5 / span 8; grid-row: 1 / span 2; }
  .irr .irr-bento--a .irr-entry:nth-child(n+2):nth-child(-n+5) { grid-row: 3; }
  .irr .irr-bento--b .irr-entry:nth-child(1) { grid-column: 1 / span 8; grid-row: 1 / span 2; }
  .irr .irr-bento--b .irr-entry:nth-child(n+2):nth-child(-n+3) { grid-row: 3; }
  .irr .irr-bento--b .irr-entry:nth-child(n+4):nth-child(-n+7) { grid-row: 4; }
  .irr .irr-bento--c .irr-entry:nth-child(1) { grid-column: 1 / span 4; grid-row: 1 / span 2; }
  .irr .irr-bento--c .irr-entry:nth-child(2) { grid-column: 9 / span 4; grid-row: 1 / span 2; }
  .irr .irr-bento--c .irr-entry:nth-child(n+3):nth-child(-n+6) { grid-row: 3; }
  .irr .irr-bento--d .irr-entry:nth-child(1) { grid-column: 1 / span 7; grid-row: 1 / span 2; }
  .irr .irr-bento--d .irr-entry:nth-child(2) { grid-column: 8 / span 5; grid-row: 2; }
  .irr .irr-bento--d .irr-entry:nth-child(n+3):nth-child(-n+6) { grid-row: 3; }
  .irr .irr-bento--one .irr-entry:nth-child(1) { grid-column: 5 / span 8; grid-row: 1; }
  .irr .irr-bento--two .irr-entry:nth-child(1) { grid-column: 5 / span 4; grid-row: 1; }
  .irr .irr-bento--two .irr-entry:nth-child(2) { grid-column: 9 / span 4; grid-row: 1; }
  .irr .irr-bento--three .irr-entry:nth-child(1) { grid-column: 5 / span 5; grid-row: 1 / span 2; }
  .irr .irr-bento--three .irr-entry:nth-child(2) { grid-column: 10 / span 3; grid-row: 1; }
  .irr .irr-bento--three .irr-entry:nth-child(3) { grid-column: 10 / span 3; grid-row: 2; }
  .irr .irr-bento--four .irr-entry:nth-child(1) { grid-column: 1 / span 8; grid-row: 1; }
  .irr .irr-bento--four .irr-entry:nth-child(n+2) { grid-column: span 4; grid-row: 2; }
  .irr .irr-bento--five .irr-entry:nth-child(1) { grid-column: 5 / span 4; grid-row: 1; }
  .irr .irr-bento--five .irr-entry:nth-child(2) { grid-column: 9 / span 4; grid-row: 1; }
  .irr .irr-bento--five .irr-entry:nth-child(n+3) { grid-column: span 4; grid-row: 2; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  /* The count tile is two of twelve columns: less padding, the sentence at 16 px, no arrow. */
  .irr .irr-cover__item--count .irr-cover__link {
    padding: 18px;
  }
  .irr .irr-cover__what {
    font-size: 16px;
  }
  .irr .irr-cover__go svg {
    display: none;
  }
}
@media (forced-colors: active) {
  .irr .irr-bento > .irr-group__head {
    border: 3px solid CanvasText;
    background-image: none;
  }
}
@media print {
  .irr .irr-bento > .irr-group__head,
  .irr .irr-cover__item {
    background: none;
    color: var(--irr-black);
  }
  .irr .irr-cover__cap,
  .irr .irr-bento .irr-entry__title {
    background: none;
    color: var(--irr-black);
  }
  .irr .irr-cover__label,
  .irr .irr-cover__n {
    color: var(--irr-black);
  }
}