/* Single infographic detail page (27.09.2026). Reuses the parent palette and
   the shared parent-life typography; only the two-column figure/text layout
   and the transcript list live here. */
.pl-infographic { padding-block: clamp(20px, 3vw, 40px) clamp(40px, 5vw, 72px); }
.pl-infographic-layout { display: grid; gap: clamp(26px, 3.4vw, 52px); align-items: start; margin-top: clamp(20px, 3vw, 34px); }
@media (min-width: 900px) {
  .pl-infographic-layout { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); }
}
.pl-infographic-art { margin: 0; }
.pl-infographic-art img {
  width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: contain;
  background: #fff; border-radius: 16px; display: block;
}
.pl-infographic-art figcaption { font-size: 15px; line-height: 1.55; margin-top: 10px; }
.pl-infographic-art .pl-actions { margin-top: 16px; }
.pl-sub { font-size: clamp(18px, 1.8vw, 22px); font-weight: 600; margin: 0 0 6px; }
.pl-transcript-note { font-size: 13px; letter-spacing: .04em; text-transform: uppercase; margin: 18px 0 0; }
.pl-rows { list-style: none; margin: 10px 0 0; padding: 0; }
.pl-rows li { border-top: 1px solid #174A7E; padding: 16px 0; }
.pl-rows h3 { margin: 0 0 6px; }
.pl-rows p { margin: 0; font-size: 18px; line-height: 1.65; }
.pl-conclusion { border-top: 1px solid #174A7E; padding-top: 16px; font-size: 19px; font-weight: 700; }
.pl-try { border-left: 4px solid #174A7E; padding: 4px 0 4px 16px; font-size: 18px; }
.pl-next { margin-top: 30px; border-top: 1px solid #174A7E; padding-top: 20px; }
.pl-next h2 { font-size: clamp(22px, 2.2vw, 30px); }
.pl-next ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 2px; }
.pl-next a {
  display: inline-flex; align-items: center; min-height: 44px; font-weight: 650;
  text-decoration: underline; text-underline-offset: 4px;
}
.pl-next a:hover { text-decoration-thickness: 2px; }
@media (max-width: 899px) {
  .pl-infographic-art { max-width: 460px; }
}