/* Monthly humor editions: typography and quiet color, without story photography. */
.yips-edition .story-body { width: min(1120px, 100%); max-width: 1120px; }
.yips-edition-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.yips-edition-item { min-width: 0; padding: clamp(22px, 3vw, 36px); border-radius: 4px; background: #f5f0ec; overflow-wrap: anywhere; }
.yips-edition-item:nth-child(10n + 1) { background: #f9efed; }
.yips-edition-item:nth-child(10n + 2) { background: #eef4ed; }
.yips-edition-item:nth-child(10n + 3) { background: #edf3f8; }
.yips-edition-item:nth-child(10n + 4) { background: #fbf5e7; }
.yips-edition-item:nth-child(10n + 5) { background: #f3eef8; }
.yips-edition-item:nth-child(10n + 6) { background: #eaf5f3; }
.yips-edition-item:nth-child(10n + 7) { background: #fcf0e7; }
.yips-edition-item:nth-child(10n + 8) { background: #f7eef3; }
.yips-edition-item:nth-child(10n + 9) { background: #f1f4e8; }
.yips-edition-item:nth-child(10n + 10) { background: #eef0f8; }
.yips-edition .yips-edition-item h2 { margin: 0 0 20px; font-size: clamp(21px, 2.3vw, 28px); line-height: 1.35; }
.yips-edition .yips-edition-item p { font-size: 17px; line-height: 1.75; }
.yips-edition .yips-edition-item p:last-child { margin-bottom: 0; }
.yips-past-editions { max-width: 1120px; margin: 40px auto; padding-top: 24px; border-top: 1px solid var(--rule); }
.yips-past-editions h2 { font-family: var(--serif); font-size: 22px; }
.yips-edition-button { display: inline-flex; gap: 12px; padding: 14px 18px; margin: 0 12px 12px 0; border: 1px solid var(--forest); color: var(--forest); font-size: 15px; line-height: 1.5; }
.yips-edition-button:hover { background: var(--ivory); }
@media (max-width: 700px) {
  .yips-edition-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .yips-edition-button { width: 100%; justify-content: space-between; }
}

.yips-home-edition { --forest: #0d2b20; --ivory: #f5f0e7; --rule: rgba(13,43,32,.2); --serif: 'Libre Baskerville', Georgia, serif; max-width: 1240px; margin: 0 auto; padding: 48px clamp(18px, 4vw, 60px) 64px; color: #171816; }
.yips-home-edition > h2 { font: 400 clamp(28px, 4vw, 42px)/1.2 var(--serif); margin: 0 0 16px; }
.yips-home-edition .yips-edition-deck { max-width: 720px; font-size: 18px; line-height: 1.6; margin: 0 0 28px; }
.yips-home-edition .yips-edition-item h2 { font-family: var(--serif); }
.yips-home-edition .yips-edition-item p { margin: 0 0 18px; }
.yips-home-edition .yips-edition-item a { text-decoration: underline; text-underline-offset: 3px; }

.yips-edition .yips-source-link { display: block; width: fit-content; font: 13px/1.5 Arial, sans-serif; margin-top: 12px; text-decoration: underline; text-underline-offset: 3px; }

.yips-home-teaser { padding: clamp(22px, 3vw, 36px); background: #f9efed; border-radius: 4px; }
.yips-home-teaser h3 { margin: 0 0 18px; font: 400 clamp(21px, 2.3vw, 28px)/1.35 var(--serif); }
.yips-home-teaser p { max-width: 800px; margin: 0 0 24px; font-size: 17px; line-height: 1.75; }
.yips-home-teaser .yips-edition-button { margin-bottom: 0; }

.yips-home-teaser { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); align-items: center; gap: clamp(22px, 3vw, 36px); }
.yips-home-graphic { display: block; width: 100%; height: auto; border-radius: 3px; }
.yips-home-teaser-copy { min-width: 0; }
@media (max-width: 700px) { .yips-home-teaser { grid-template-columns: minmax(0, 1fr); } }