/* ---- The Assessor view, third of four sheets (`pages_assessor.css`):
   the contents, a label and the standard's words, and 7.4's figure. ---- */

/* The contents (export document plan D10): the outline indented by level,
   each entry a link to its section's head. */
.aucra-assessor-toc {
  margin: 0;
  padding: 10px 18px 14px;
  list-style: none;
}
.aucra-assessor-toc li {
  padding: 3px 0;
}
.aucra-assessor-toc-1 {
  margin-top: 6px;
  font-weight: var(--weight-bold);
}
.aucra-assessor-toc-2 {
  padding-left: 18px !important;
}
.aucra-assessor-toc-3 {
  padding-left: 36px !important;
}
/* One line under the number and the title together. */
.aucra-assessor-toc-link {
  display: inline-flex;
  gap: 10px;
  align-items: baseline;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid var(--soft-line);
}
.aucra-assessor-toc-link:hover {
  border-bottom-color: var(--gold-deep);
}
/* A label over a paragraph (D11), and the standard's words, indented with a
   rule on their left, as the Word file draws them (D3's Quote). */
.aucra-assessor-label {
  padding-bottom: 0;
  font-size: 12.5px;
  font-weight: var(--weight-bold);
}
.aucra-assessor-quote {
  margin: 6px 18px 6px 30px;
  padding: 2px 0 2px 12px;
  border-left: 2px solid var(--line);
}
/* The document's text at the board's 13 px, never split by a hyphen the
   source does not hold. */
.aucra-assessor-section .aucra-formatted {
  font-size: 13px;
  hyphens: manual;
}
.aucra-assessor-quote > :is(p, ul, ol) {
  margin: 0 0 4px;
}
/* 7.4's figure (#37): the diagram at its printed size, never wider than
   the card, on white in both themes as on paper, its caption under it. */
.aucra-assessor-figure {
  margin: 6px 18px 10px;
}
.aucra-assessor-figure img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  background: #fff;
  border: 1px solid var(--soft-line);
}
.aucra-assessor-figure figcaption {
  margin-top: 6px;
  font-size: 12.5px;
}
/* A typed text reads ragged right, as the document prints it. */
.aucra-assessor-para.aucra-formatted {
  text-align: start;
}
.aucra-assessor-section > div > :last-child {
  padding-bottom: 14px;
}
/* The cover's device picture (#245), inside about 12 by 8 cm as printed. */
.aucra-assessor-picture {
  margin: 6px 18px 10px;
}
.aucra-assessor-picture img {
  display: block;
  max-width: min(100%, 454px);
  max-height: 302px;
  width: auto;
  height: auto;
  margin: 0 auto;
}