/* 7.7.2 Digital production and 7.7.3 Manufacturing (`ui/pages/clauses/digital_production/`,
   `manufacturing/`, their frame `clauses/shared_production.py`). The notices, the
   line rows and the gap strips reuse 7.4's and 7.3's classes, the read outs follow
   7.6's (`pages_verification.css`), all loaded before this sheet. */

/* The regions under the head's answer, one column with the content's gap. */
.aucra-production {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* The standard's lines start aligned here, never justified (persona round T7, D14):
   the items sit in narrow columns beside their judgements. */
.aucra-production :is(.aucra-para, .aucra-list) {
  text-align: start;
}
/* Records kept spans the panel width, not the fold inset (D5). */
.aucra-production > .aucra-guidance.aucra-boxed {
  width: 100%;
  margin: 0;
}

/* The head: 7.7.2's three line question shrinks, so its answer stays beside it (D6). */
.aucra-prod-applies .aucra-toggle-question {
  flex: 1 1 240px;
  min-width: 0;
}

/* Region A: what the page reads from 7.5 and 7.6 under each linked row, inset
   as a row's text. */
.aucra-prod-reads {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 18px 12px;
}
.aucra-prod-read {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}

/* Region B and C: one quoted item over its judgement or its reference. */
.aucra-prod-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0;
  border-top: 1px solid var(--line);
}
.aucra-soft .aucra-prod-item {
  border-top-color: var(--soft-line);
}
/* Region C's first item sits right under the head, which draws the rule (D8). */
.aucra-requirement > .aucra-prod-item:first-child {
  border-top: 0;
}
/* A read out's Open link on its own line under the read out (D11). */
.aucra-prod-beside {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-size: 13px;
}
/* The gap lines at the mockup's gap line size, which `button.aucra-gap-button`'s
   `font: inherit` would otherwise lift to the column's 14 px (D7). */
.aucra-production button.aucra-gap-button.aucra-req-gap {
  font-size: 12.5px;
}

/* Region D: the note under criterion 2, inset as the attestation is. */
.aucra-prod-sign-note {
  padding-bottom: 6px;
  font-size: 13px;
}