/*
 * proposal.css: additions for proposal.html only. Everything else (tokens,
 * header, type scale, tables, the architecture figure) comes from site.css.
 * Plain CSS, no build step. No external URLs. No inline styles are used in
 * the page, so the Content-Security-Policy stays style-src 'self'.
 */

/* Inline code, such as file paths in the proposal text. */
main code {
  font-family: var(--font-ui);
  font-size: 0.88em;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.08em 0.35em;
  overflow-wrap: anywhere;
}

/* Long words and paths must wrap inside table cells on narrow screens. */
th,
td {
  overflow-wrap: anywhere;
}

/* The proposal's tables are dense: a slightly smaller size keeps them even. */
@media (min-width: 720px) {
  table {
    font-size: 0.95rem;
  }
}

/* Back-to-summary strip before the footer. */
.proposal-return {
  padding-block: 2rem 0;
}

.proposal-return p {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  margin: 0;
  max-width: none;
}

/* Section 2 figure sits full width inside the body column. */
.sec-body .arch-figure {
  max-width: 100%;
}

/* Hero block of the proposal: keep the contents list close to the standfirst. */
.hero .sec-body .contents {
  margin-top: 2rem;
}

/* Print: show the document, drop the navigation strips. */
@media print {
  .proposal-return {
    display: none;
  }
}