/* AUD-005: one shared responsive layout for every post column (Requirements
   3.9, 8.5). Loaded by `partials/head.html` only while AUD-005 is accepted.

   The theme sizes `.post` at `width: 80%; max-width: 710px` with content-box
   padding, so on a wide screen the homepage's previous-conference sections sat
   in a column far narrower than the 1100px featured card above them, and below
   900px its padding was added on top of `width: 100%`. Here every post column
   takes the featured card's width, centred, with padding from the spacing scale
   and border-box sizing. Prose paragraphs keep a readable measure of about 68
   characters inside it (Requirement 3.9); cards, collapsibles, tiles, and images
   use the full column. */

/* Width for every post, the featured card included, so all of them share one
   edge; the featured card keeps its own padding (DS-013). */
main.content .post {
  box-sizing: border-box;
  width: 100%;
  max-width: 110rem;
  margin-inline: auto;
}

main.content .post:not(.featured-series) {
  padding-inline: var(--tkc-space-7);
}

/* The reading column: every paragraph (including those inside collapsible
   sections), quote, list, and heading shares one measure, centred in the post
   column, so prose and images sit on the same centre line as the full-width
   cards and sections around them. Blocks inside cards are narrower anyway. */
main.content .post:not(.featured-series) .post-content p,
main.content .post:not(.featured-series) .post-content > :is(blockquote, ul, ol, h1, h2, h3, h4, h5, h6) {
  max-width: 68ch;
  margin-inline: auto;
}

@media (max-width: 37.5rem) {
  main.content .post:not(.featured-series) {
    padding-inline: var(--tkc-space-4);
  }
}