/* Prototype used only by *_new.htm pages.
   Scope: reposition images in converted div sections without changing text. */

.photo-layout .book-section-body:has(> .book-section-block--media) {
  display: grid;
  grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
  column-gap: 0;
  row-gap: 0;
  align-items: start;
}

.photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block {
  grid-column: 1 / -1 !important;
}

.photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block--media:first-child {
  grid-column: 1 !important;
  padding-right: 18px;
}

.photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block--media:first-child + .book-section-block:not(.book-section-block--media) {
  grid-column: 2 !important;
}

.photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block--media:not(:first-child) {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 12px 0 4px;
  text-align: center;
}

.photo-layout .book-section-block--media p {
  text-align: center;
}

.photo-layout .book-section-block--media img {
  display: inline-block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  vertical-align: top;
}

.photo-layout .book-section-body > .book-section-block--media:first-child img {
  max-width: min(100%, 310px) !important;
}

.photo-layout .book-section-body > .book-section-block--media:not(:first-child) img {
  max-width: min(100%, 760px) !important;
}

.photo-layout .book-section--autore .book-section-body,
.photo-layout .book-section--autori .book-section-body {
  display: grid;
  grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
  column-gap: 0;
  align-items: start;
}

.photo-layout .book-section--autore .book-section-block--media,
.photo-layout .book-section--autori .book-section-block--media {
  grid-column: 1 !important;
  padding-right: 18px;
  text-align: center;
}

.photo-layout .book-section--autore .book-section-block:not(.book-section-block--media),
.photo-layout .book-section--autori .book-section-block:not(.book-section-block--media) {
  grid-column: 2 !important;
}

.photo-layout .book-section--autore .book-section-block--media img,
.photo-layout .book-section--autori .book-section-block--media img {
  max-width: min(100%, 300px) !important;
}

.photo-layout .book-section--autore .book-section-body:has(> .book-section-block--media) > .book-section-block--media,
.photo-layout .book-section--autori .book-section-body:has(> .book-section-block--media) > .book-section-block--media {
  grid-column: 1 !important;
  justify-self: stretch !important;
  width: auto !important;
  padding: 0 18px 18px 0 !important;
}

.photo-layout .book-section--autore .book-section-body:has(> .book-section-block--media) > .book-section-block--media + .book-section-block:not(.book-section-block--media),
.photo-layout .book-section--autori .book-section-body:has(> .book-section-block--media) > .book-section-block--media + .book-section-block:not(.book-section-block--media) {
  grid-column: 2 !important;
  padding: 0 0 18px !important;
  text-align: left !important;
}

.photo-layout .book-section--autore .book-section-body:has(> .book-section-block--media) > .book-section-block--media + .book-section-block:not(.book-section-block--media) p,
.photo-layout .book-section--autori .book-section-body:has(> .book-section-block--media) > .book-section-block--media + .book-section-block:not(.book-section-block--media) p {
  text-align: left !important;
}

.photo-layout .book-section--autore .book-section-body > .book-section-block--author-intro {
  grid-column: 1 / -1 !important;
  padding: 0 0 18px !important;
}

.photo-layout .book-section--autore .book-section-body > .book-section-block--author-intro p {
  text-align: left !important;
}

.photo-layout .book-section-block--mixed-media {
  display: block !important;
}

.photo-layout .book-section-block--mixed-media img {
  float: none !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 760px) !important;
  margin: 0 18px 14px 0 !important;
  vertical-align: top;
}

.photo-layout .book-section-block--mixed-media p:has(img) {
  clear: both;
  display: block;
  margin: 16px 0 18px !important;
  text-align: left;
}

.photo-layout .book-section-block--mixed-media p:has(img) + p {
  clear: both;
}

.photo-layout .book-section-block--mixed-media p:has(img) + p:has(b) {
  margin-top: 28px !important;
}

.photo-layout .book-section-topic {
  margin-bottom: 2.25rem;
}

.photo-layout .book-section-topic:last-child {
  margin-bottom: 0;
}

.photo-layout .book-section-topic-layout {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.photo-layout .book-section-topic-media {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.photo-layout .book-section-topic-media p {
  margin: 0;
  text-align: center;
}

.photo-layout .book-section-topic-media img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.photo-layout .book-section-topic-text .book-section-block {
  margin-bottom: 1rem;
}

.photo-layout .book-section-topic-text .book-section-block:last-child {
  margin-bottom: 0;
}

.photo-layout .book-content-intro {
  margin-bottom: 1.5rem;
}

.photo-layout .book-section-block--content-part {
  margin: 2.25rem 0 1rem;
}

.photo-layout .book-section-block--content-part:first-child {
  margin-top: 0;
}

.photo-layout .book-section-block--content-part p {
  margin: 0 !important;
  text-align: center !important;
  font-weight: 700;
  font-size: 1.17rem;
}

.photo-layout .book-section-block--content-chapter {
  margin: 1.6rem 0 0.65rem;
}

.photo-layout .book-section-block--content-chapter p {
  margin: 0 !important;
  font-style: italic;
  font-size: 1.17rem;
  line-height: 1.35;
}

.photo-layout .book-section-block--subchapter {
  margin: 1rem 0 0.5rem;
}

.photo-layout .book-section-block--subchapter p {
  margin: 0 !important;
  font-style: italic;
}

.photo-layout .book-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 0;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}

.photo-layout .book-content-head {
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 10px 14px;
  text-align: center;
}

.photo-layout .book-content-head .book-section-block {
  margin-bottom: 0;
}

.photo-layout .book-content-head p {
  font-weight: 700;
}

.photo-layout .book-content-row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.photo-layout .book-content-cell {
  min-width: 0;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 14px;
}

.photo-layout .book-content-cell .book-section-block {
  margin-bottom: 1rem;
}

.photo-layout .book-content-cell .book-section-block:last-child {
  margin-bottom: 0;
}

.photo-layout .book-content-cell .book-section-block--content-heading p {
  font-weight: 700;
}

.photo-layout .book-content-cell .book-section-block--media {
  text-align: left;
}

.photo-layout .book-content-cell .book-section-block--media img {
  max-width: min(100%, 330px) !important;
}

.photo-layout .book-section--list-of-interviews .book-section-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(19, auto);
  grid-auto-flow: column;
  column-gap: 28px;
  row-gap: 0;
}

.photo-layout .book-section--list-of-interviews .book-section-block {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(-n + 57) {
  grid-column: auto;
}

.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(-n + 57) p {
  line-height: 1.3;
}

.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(58),
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(68),
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(77),
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(98) {
  margin-top: 18px;
}

.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(58) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(68) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(77) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(98) p {
  font-size: 18px;
  font-weight: 700;
}

.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(n + 59):nth-child(-n + 67) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(n + 69):nth-child(-n + 76) p {
  padding-left: 30px;
  text-indent: -14px;
}

.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(78) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(80) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(82) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(84) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(87) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(90) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(92) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(94) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(96) p {
  margin-top: 12px;
  font-weight: 700;
}

.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(79) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(81) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(83) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(85) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(86) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(88) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(89) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(91) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(93) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(95) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(97) p,
.photo-layout .book-section--list-of-interviews .book-section-block:nth-child(99) p {
  text-align: justify;
}

.participate-page {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
}

.participate-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 42px;
  align-items: start;
  min-height: 760px;
  padding-top: 18px;
}

.participate-hero {
  text-align: center;
}

.participate-hero h1 {
  margin: 8px 0 24px;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 1.1;
}

.participate-main-image img {
  display: inline-block;
  width: min(100%, 508px);
  height: auto;
}

.participate-index-link,
.participate-index-link:visited {
  display: block;
  width: fit-content;
  margin: -8px 48px 0 auto;
  color: #f00 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.participate-text {
  border-top: 1px solid #000;
  padding-top: 18px;
  font-size: 14px;
  font-style: italic;
  line-height: 1.32;
  text-align: justify;
}

.participate-text p {
  margin: 0 0 10px;
}

.participate-text a,
.participate-text a:visited {
  color: #000 !important;
  text-decoration: underline;
}

.participate-credits {
  margin-top: 20px !important;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 800px) {
  .photo-layout .book-section-body:has(> .book-section-block--media),
  .photo-layout .book-section--autore .book-section-body,
  .photo-layout .book-section--autori .book-section-body {
    display: block;
  }

  .photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block,
  .photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block--media,
  .photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block--media:first-child,
  .photo-layout .book-section-body:has(> .book-section-block--media) > .book-section-block--media:first-child + .book-section-block:not(.book-section-block--media),
  .photo-layout .book-section--autore .book-section-block--media,
  .photo-layout .book-section--autori .book-section-block--media,
  .photo-layout .book-section--autore .book-section-block:not(.book-section-block--media),
  .photo-layout .book-section--autori .book-section-block:not(.book-section-block--media),
  .photo-layout .book-section--autore .book-section-body:has(> .book-section-block--media) > .book-section-block--media,
  .photo-layout .book-section--autori .book-section-body:has(> .book-section-block--media) > .book-section-block--media,
  .photo-layout .book-section--autore .book-section-body:has(> .book-section-block--media) > .book-section-block--media + .book-section-block:not(.book-section-block--media),
  .photo-layout .book-section--autori .book-section-body:has(> .book-section-block--media) > .book-section-block--media + .book-section-block:not(.book-section-block--media) {
    display: block;
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 18px;
    text-align: left !important;
  }

  .photo-layout .book-section-block--media p,
  .photo-layout .book-section--autore .book-section-block--media,
  .photo-layout .book-section--autori .book-section-block--media {
    text-align: center !important;
  }

  .photo-layout .book-section-body > .book-section-block--media:first-child img,
  .photo-layout .book-section-body > .book-section-block--media:not(:first-child) img,
  .photo-layout .book-section--autore .book-section-block--media img,
  .photo-layout .book-section--autori .book-section-block--media img,
  .photo-layout .book-section-block--mixed-media img,
  .photo-layout .book-content-cell .book-section-block--media img {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: min(100%, 420px) !important;
    margin: 0 auto 12px !important;
  }

  .photo-layout .book-section-block--mixed-media p:has(img) {
    text-align: center;
  }

  .photo-layout .book-section-topic-layout {
    grid-template-columns: 1fr;
  }

  .photo-layout .book-section-topic-media {
    align-items: center;
  }

  .photo-layout .book-section-topic-media img {
    max-width: min(100%, 420px);
  }

  .photo-layout .book-content-grid,
  .photo-layout .book-content-row {
    display: block;
  }

  .photo-layout .book-content-head,
  .photo-layout .book-content-cell {
    border-right: 1px solid #d6d6d6;
  }

  .photo-layout .book-section--list-of-interviews .book-section-body {
    display: block;
  }

  .photo-layout .book-section--list-of-interviews .book-section-block:nth-child(58),
  .photo-layout .book-section--list-of-interviews .book-section-block:nth-child(68),
  .photo-layout .book-section--list-of-interviews .book-section-block:nth-child(77),
  .photo-layout .book-section--list-of-interviews .book-section-block:nth-child(98) {
    margin-top: 16px;
  }

  .participate-layout {
    grid-template-columns: 1fr;
  }

  .participate-index-link {
    margin: 14px auto 0;
  }

  .participate-text {
    max-width: 560px;
    margin: 0 auto;
  }
}