/* Assignment 02B: only Radical Recontextualization. */
.radical-composition .radical-visuals { grid-column: 1; grid-row: 1; min-width: 0; }
.radical-composition .radical-visuals > .methodology-symbol {
  display: block;
  width: 272px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 32px;
}
.radical-composition .radical-visuals .editorial-art { padding-top: 0; }
.radical-composition .radical-signature { margin-bottom: 18px; gap: 0; }
.radical-composition .radical-signature h2 {
  font-size: clamp(32px, 3vw, 43px);
  line-height: 1.12;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.radical-composition .reading > h3 {
  font-size: clamp(28px, 2.4vw, 35px);
  line-height: 1.2;
  margin-bottom: 24px;
}
.radical-composition .reading > p:last-child { margin-bottom: 0; }
@media (max-width: 760px) {
  .philosophy-page .radical-composition { gap: 24px; }
  .radical-composition .radical-visuals { display: contents; }
  .radical-composition .radical-visuals > .methodology-symbol {
    grid-column: 1;
    grid-row: 1;
    width: 240px;
    max-width: 85%;
    margin: 0;
  }
  .radical-composition > .reading { grid-column: 1; grid-row: 2; }
  .radical-composition .radical-visuals > .editorial-art { grid-column: 1; grid-row: 3; }
  .radical-composition .radical-signature h2 { font-size: clamp(30px, 8.2vw, 34px); }
  .radical-composition .reading > h3 { font-size: 28px; margin-bottom: 20px; }
}
