/* Photo rows (the Enwealth Conversations' reports, as enwealth.co.ke sets
   them; the user, 2026-10-16): a photograph beside its words, the sides
   taking turns, each row's file or button under its text. One column on a
   phone, the photograph first. Loaded only by this block. */
.prows{display:grid;gap:clamp(40px,5vw,72px);margin:0;padding:0;list-style:none}
.prow{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"photo body";
  gap:clamp(24px,4vw,56px);align-items:center;scroll-margin-top:calc(var(--stick-top,0px) + 96px)
}
.prow:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"body photo"}
.prow.no-photo{grid-template-columns:minmax(0,1fr);grid-template-areas:"body"}
.prow-photo{grid-area:photo;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-lg);background:var(--plum-tint,#f7f2f8)}
.prow-photo picture,.prow-photo img{display:block;width:100%;height:100%}
.prow-photo img{object-fit:cover}
.prow-body{grid-area:body;min-width:0}
.prow-label{margin:0 0 var(--space-3);font-size:var(--fs-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--plum)}
.prow h3{margin:0;font-family:var(--font-head);font-size:var(--fs-h2);line-height:1.2;color:var(--plum)}
.prow-text{margin:var(--space-4) 0 0;font-size:var(--fs-body);line-height:1.7;color:var(--copy,var(--muted))}
.prow-action{margin-top:var(--space-6)}
/* With a summary to read (2026-10-22): its button first, the download beside it. */
.prow-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.prow-actions .prow-action{margin-top:0}
.prow-body h3 a{color:inherit;text-decoration:none}
.prow-body h3 a:hover{text-decoration:underline}
.prow-size{font-weight:600;opacity:.72}
.prow-size::before{content:"·";margin-right:var(--space-2)}

@media (max-width:900px){
  .prow,.prow:nth-child(even){grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "body";gap:var(--space-6)}
  .prow h3{font-size:var(--fs-h3)}
}

/* The Enwealth Conversations as a series (the user, 2026-10-22): the newest
   edition as a feature beside its photograph, the rest as white cards in
   even rows (.balanced on desktop, two across on a tablet, one on a phone). */
.pseries-lead{
  display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center;
  padding:clamp(16px,2vw,24px);border:1px solid var(--hair);border-radius:24px;background:#fff;scroll-margin-top:calc(var(--stick-top,0px) + 96px)
}
.pseries-lead .pseries-photo{aspect-ratio:3/2;border-radius:18px}
.pseries-lead .pseries-body{padding:clamp(8px,1.5vw,16px) clamp(4px,1.5vw,16px)}
.pseries-lead .pseries-body h3{font-size:var(--fs-h2)}
.pseries-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6)}
.pseries-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hair);border-radius:20px;background:#fff;scroll-margin-top:calc(var(--stick-top,0px) + 96px)}
.pseries-card .pseries-photo{aspect-ratio:16/10}
.pseries-card .pseries-body{display:flex;flex:1;flex-direction:column;padding:var(--space-6)}
.pseries-photo{overflow:hidden;background:var(--plum-tint,#f7f2f8)}
.pseries-photo picture,.pseries-photo img{display:block;width:100%;height:100%}
.pseries-photo img{object-fit:cover}
.pseries-body h3{margin:0;font-family:var(--font-head);font-size:var(--fs-h3);line-height:1.25;color:var(--plum)}
.pseries-body h3 a{color:inherit;text-decoration:none}
.pseries-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.pseries-text{flex:1;margin:var(--space-3) 0 0;font-size:var(--fs-small);line-height:1.65;color:var(--copy,var(--muted));text-align:left;hyphens:manual}
.pseries-lead .pseries-text{flex:none;font-size:var(--fs-body)}
.pseries-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-6)}
.pseries-pdf{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);font-weight:700;color:var(--plum);text-decoration:none;white-space:nowrap}
.pseries-pdf:hover{text-decoration:underline}
@media (max-width:900px){
  .pseries-lead{grid-template-columns:minmax(0,1fr)}
  .pseries-lead .pseries-body h3{font-size:var(--fs-h3)}
}
@media (max-width:640px){
  .pseries-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
}