/* The subdomain probatio.: one sheet over the still world, as a chapter, with no margin. */
.probatio {
  max-width: 48rem;
  margin-inline: auto;
  padding: var(--space-3) var(--space-5);
}
/* The header navigation (layouts/_capitula_probatio) as wide as the sheet; no music button to keep clear of on a phone (pagina.css). */
.caput--probatio { max-width: 48rem; padding-inline: var(--space-3); }
.probatio p { margin-block: var(--space-2); }
.probatio code {
  font-family: ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  font-size: 0.8em;
  overflow-wrap: anywhere;
}
.probatio__titulus {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  line-height: 1.15;
  color: var(--rubric);
  border-bottom: 1px solid var(--rule);
  padding-bottom: var(--space-3);
}
.probatio__caput {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.2;
  color: var(--rubric);
  margin-top: var(--space-5);
}
/* A system's heading under each section: the body face in bold, as the log's headings were. */
.probatio__systema {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: var(--text-body);
  line-height: 1.3;
  margin: var(--space-4) 0 var(--space-1);
}
/* A command, file name, path or label on its own line (DownloadsHelper#codex). */
.probatio__codex {
  margin: var(--space-1) 0 var(--space-2);
  padding: var(--space-1) var(--space-3);
  background: rgb(255 250 235 / 0.55);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--rubric);
  border-radius: 2px;
  white-space: pre-wrap;
  overflow-wrap: normal;
  word-break: normal;
  overflow-x: auto;
  line-height: 1.5;
}
.probatio__codex code { font-size: 0.9rem; overflow-wrap: normal; word-break: normal; }
.probatio__nota { font-size: var(--text-note); font-style: italic; }

/* A build: its downloads, one scrap each with the system and the size. */
.editio { margin-top: var(--space-3); }
.editio__fasciculi { list-style: none; padding: 0; margin-top: var(--space-2); display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-4); }
.editio__fasciculi li:nth-child(3n + 2) .scrapum { border-image-source: url("/assets/charta/scrap-1-61f0082e.png"); }
.editio__fasciculi li:nth-child(3n) .scrapum { border-image-source: url("/assets/charta/scrap-2-cc5179fd.png"); }
.editio__deprome { gap: var(--space-2); filter: drop-shadow(0 1px 2px rgb(13 10 8 / 0.45)); }
.editio__magnitudo { font-family: var(--font-body); font-weight: 500; font-size: var(--text-small); }
.editio__dies { font-size: var(--text-note); }
.editio__dies code { font-size: 0.85em; }

/* The latest build: three large scraps, the first thing on the page. */
.editio--novissima { margin-top: var(--space-4); }
.editio--novissima .editio__fasciculi { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: var(--space-4); margin-bottom: var(--space-3); }
.editio--novissima .editio__deprome {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  align-items: center;
  padding: var(--space-3) var(--space-3);
  filter: drop-shadow(0 3px 6px rgb(13 10 8 / 0.55));
  transition: transform 0.12s ease-out;
}
.editio--novissima .editio__deprome:hover, .editio--novissima .editio__deprome:focus-visible { transform: translateY(-2px); }
.editio--novissima .editio__systema { font-size: 1.9rem; line-height: 1.1; color: var(--rubric); }
.editio--novissima .editio__deprome:hover .editio__systema { color: var(--ink); }
.editio--novissima .editio__magnitudo { font-size: var(--text-note); margin-top: var(--space-1); }
@media (prefers-reduced-motion: reduce) {
  .editio--novissima .editio__deprome { transition: none; }
  .editio--novissima .editio__deprome:hover, .editio--novissima .editio__deprome:focus-visible { transform: none; }
}
@media (max-width: 52rem) {
  .editio--novissima .editio__fasciculi { gap: var(--space-3); }
  .editio--novissima .editio__deprome { padding: var(--space-2); }
  .probatio { padding: var(--space-2) 0; margin-inline: var(--space-2); }
}

/* The report form and the list (app/views/reports/). */
.relatio__viae { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-3); }
.relatio__viae .scrapum, .relatio__mitte, .relatio__fasciculus .scrapum { filter: drop-shadow(0 1px 2px rgb(13 10 8 / 0.45)); }
/* The download page's report button: as large as the downloads above it (Martin, 2026-11-06). */
.relatio__viae--magnae { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--space-4); margin-top: var(--space-3); }
.relatio__viae--magnae .scrapum {
  justify-content: center;
  padding: var(--space-3);
  font-size: 1.5rem;
  line-height: 1.1;
  color: var(--rubric);
  white-space: normal;
  text-align: center;
  filter: drop-shadow(0 3px 6px rgb(13 10 8 / 0.55));
  transition: transform 0.12s ease-out;
}
.relatio__viae--magnae .scrapum:hover, .relatio__viae--magnae .scrapum:focus-visible { color: var(--ink); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) {
  .relatio__viae--magnae .scrapum { transition: none; }
  .relatio__viae--magnae .scrapum:hover, .relatio__viae--magnae .scrapum:focus-visible { transform: none; }
}
@media (max-width: 52rem) {
  .relatio__viae--magnae { gap: var(--space-3); }
  .relatio__viae--magnae .scrapum { padding: var(--space-2); }
}
.relatio__campus { border: 0; padding: 0; margin: var(--space-4) 0 0; }
/* Rails wraps a field with errors, and its label, in div.field_with_errors. */
.relatio .field_with_errors { display: contents; }
.relatio__campus label:not(.relatio__optio, .relatio__fasciculus), .relatio__campus legend, .relatio__titulus { display: block; font-weight: 700; margin: 0 0 var(--space-1); padding: 0; }
.relatio__nota { font-size: var(--text-note); margin-block: 0 var(--space-1); }
.relatio__optio { display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap; }
.relatio input[type="text"], .relatio textarea {
  width: 100%;
  font: inherit;
  font-size: var(--text-note);
  color: var(--ink);
  background: rgb(255 250 235 / 0.55);
  border: 1px solid var(--rule);
  border-radius: 2px;
  padding: var(--space-1) var(--space-2);
}
.relatio textarea { resize: vertical; }
.relatio input:focus-visible, .relatio textarea:focus-visible { outline: 2px solid var(--rubric); outline-offset: 1px; }
.relatio__fasciculus { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); cursor: pointer; }
.relatio__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.relatio__fasciculus:focus-within .scrapum { color: var(--rubric); }
.relatio__nomen { font-size: var(--text-note); overflow-wrap: anywhere; }
.relatio__mitte { margin-top: var(--space-4); cursor: pointer; background: none; }
.relatio__error { color: var(--rubric); font-weight: 700; margin-block: var(--space-1); }
.editio__narra { font-size: var(--text-note); }
.relatio-lecta { margin-top: var(--space-4); border-top: 1px solid var(--rule); padding-top: var(--space-2); }
.relatio-lecta p { margin-block: var(--space-1); }
.relatio-lecta__textus { white-space: pre-wrap; overflow-wrap: anywhere; }