/* Resource pages (emails, banners, images, social-media, ads, hooks, landing, articles, keywords, review, rules):
   page fixes kept out of aff.css. 2026-11-10 v7r. */

/* images: two columns, so three pictures never leave an empty third column */
@media (min-width: 761px) {
  .imx-grid { grid-template-columns: 1fr 1fr; }
}

/* social-media: picture frames keep their shape before the picture loads (no collapse to nothing) */
.social-pics img { height: 260px; max-height: none; width: auto; aspect-ratio: 1 / 1; object-fit: cover; background: #dfe8f0; }
.social-pics figure.v img { aspect-ratio: 9 / 16; }
@media (max-width: 860px) { .social-pics img { height: 220px; } }
/* an odd last post fills its row: pictures on the left, caption on the right */
@media (min-width: 861px) {
  .social-grid > .social-item:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; }
  .social-grid > .social-item:last-child:nth-child(odd) .social-pics { flex: 0 0 calc(50% - 11px); align-items: center; }
  .social-grid > .social-item:last-child:nth-child(odd) .b { padding: 22px 24px; }
}

/* hooks: the "who it is for" line under each angle is easy to read; on phones the "Hook N" label sits above its text */
.hk-page .acc summary .t small { font-size: 16px; color: #3b4b5c; margin-top: 4px; line-height: 1.45; }
@media (max-width: 600px) {
  .hk-page .subject > span:first-child { flex: 0 0 100%; font-weight: 700; }
  .hk-page .subject b { flex: 0 0 100%; min-width: 0; }
}

/* Keywords: cards in a row share one height (footer pinned to the bottom); a lone last card spans both columns. */
.kwx-grid { align-items: stretch; }
@media (min-width: 761px) { .kwx-grid > .kwx:last-child:nth-child(odd) { grid-column: 1 / -1; } }