/* World of Poesie – Night 2.2.28: MailPoet newsletter, scoped styles only. */
.wop-newsletter-section {
  scroll-margin-top: 130px;
  padding-block: clamp(24px, 4vw, 52px) clamp(40px, 5vw, 74px);
}
.wop-newsletter-inner {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
  padding: clamp(24px, 4vw, 54px);
  border: 1px solid rgba(214, 189, 144, .35);
  border-radius: 18px;
  background: radial-gradient(circle at 10% 5%, rgba(214,189,144,.10), transparent 48%),
              linear-gradient(125deg, rgba(21,44,61,.97), rgba(10,24,37,.98));
  box-shadow: 0 22px 54px rgba(0, 0, 0, .16);
}
.wop-newsletter-copy { min-width: 0; }
.wop-newsletter-symbol {
  display: block;
  color: #d6bd90;
  font: 36px/1.3 Georgia, 'Times New Roman', serif;
  letter-spacing: .16em;
  margin-bottom: 18px;
}
.wop-newsletter-copy .eyebrow { margin-bottom: 12px; }
.wop-newsletter-copy h2 {
  margin: 0 0 20px;
  color: #f1ede5;
  font: 400 clamp(29px, 3vw, 44px)/1.17 Georgia, 'Times New Roman', serif;
  letter-spacing: -.02em;
}
.wop-newsletter-copy p:not(.eyebrow) {
  color: #c5d0d5;
  max-width: 43ch;
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.85;
  margin: 0;
}
.wop-newsletter-form { min-width: 0; width: 100%; }
.wop-newsletter-form > * { max-width: 100%; }
/* Do not restyle MailPoet's own form; its verified design and privacy link stay intact. */
.wop-footer-newsletter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding-block: 24px;
  border-bottom: 1px solid rgba(214, 189, 144, .23);
}
.wop-footer-newsletter-copy { display: flex; gap: 15px; align-items: center; min-width: 0; }
.wop-footer-newsletter-symbol {
  color: #d6bd90;
  font: 26px/1 Georgia, 'Times New Roman', serif;
  letter-spacing: .05em;
  flex: none;
}
.wop-footer-newsletter-copy strong {
  display: block;
  margin: 0 0 3px;
  color: #f1ede5;
  font: 400 21px/1.25 Georgia, 'Times New Roman', serif;
}
.wop-footer-newsletter-copy p { margin: 0; font-size: 12px; line-height: 1.6; color: #abbfc9; }
.wop-footer-newsletter-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 19px;
  border: 1px solid rgba(214, 189, 144, .68);
  border-radius: 999px;
  color: #e1c894;
  background: rgba(214, 189, 144, .055);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.wop-footer-newsletter-link:hover,
.wop-footer-newsletter-link:focus-visible {
  background: #d6bd90;
  border-color: #d6bd90;
  color: #102331;
}
@media (max-width: 860px) {
  .wop-newsletter-inner { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .wop-newsletter-copy { text-align: center; }
  .wop-newsletter-copy p:not(.eyebrow) { margin-inline: auto; }
}
@media (max-width: 650px) {
  .wop-newsletter-section { scroll-margin-top: 100px; padding-block: 22px 45px; }
  .wop-newsletter-inner { padding: 22px 14px; border-radius: 14px; gap: 20px; }
  .wop-newsletter-symbol { margin-bottom: 10px; font-size: 30px; }
  .wop-newsletter-copy h2 { font-size: clamp(28px, 7vw, 34px); margin-bottom: 14px; }
  .wop-footer-newsletter { flex-direction: column; align-items: stretch; gap: 14px; padding-block: 22px; }
  .wop-footer-newsletter-link { align-self: flex-start; white-space: normal; }
}

/* 2.2.29: public MailPoet archive – only this page and related navigation */
.wop-letters-archive { padding: clamp(35px,6vw,90px) 0; }
.wop-letters-card { max-width: 1000px; margin: 0 auto; padding: clamp(24px,5vw,68px); border: 1px solid rgba(214,189,144,.42); border-radius: 22px; background: radial-gradient(ellipse at 50% 0%,rgba(218,180,103,.13),transparent 52%),linear-gradient(145deg,#142c3d,#091a29); box-shadow: 0 25px 70px rgba(0,0,0,.25); }
.wop-letters-heading { text-align:center; margin-bottom:clamp(32px,5vw,60px); }
.wop-letters-signet { display:block; width:clamp(95px,14vw,140px); height:auto; margin:0 auto 12px; object-fit:contain; filter:drop-shadow(0 0 16px rgba(226,181,92,.25)); }
.wop-letters-eyebrow { font-size:12px; letter-spacing:.22em; color:#e1c48a; margin:0 0 12px; }
.wop-letters-heading h1 { color:#f3e5c6; font:400 clamp(32px,5vw,54px)/1.18 Georgia,serif; margin:0 0 16px; }
.wop-letters-subtitle { color:#c9d4dd; font:italic clamp(16px,2vw,20px)/1.6 Georgia,serif; margin:0; }
.wop-letters-content { max-width:760px; margin:auto; color:#e4e8ec; line-height:1.85; }
.wop-letters-content a { color:#efd19a; }
.wop-letters-content .mailpoet_archive, .wop-letters-content .mailpoet_archive_list { max-width:100%; }
.wop-letters-content li { margin-bottom:12px; }
.wop-letters-actions { display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:42px; padding-top:28px; border-top:1px solid rgba(214,189,144,.3); }
.wop-letters-actions a, .wop-newsletter-archive-link, .wop-footer-archive-link { color:#e9c98d; text-decoration:none; }
.wop-letters-actions a { border:1px solid rgba(214,189,144,.55); border-radius:999px; padding:11px 20px; }
.wop-letters-actions a:hover, .wop-letters-actions a:focus-visible { background:#d6bd90; color:#102331; }
.wop-newsletter-archive-link { display:inline-flex; gap:9px; align-items:center; margin-top:20px; border-bottom:1px solid rgba(214,189,144,.5); padding-bottom:4px; }
.wop-footer-archive-link { margin-left:auto; font-size:13px; white-space:nowrap; }
.wop-newsletter-archive-link:hover, .wop-footer-archive-link:hover { color:#fff0cb; text-decoration:underline; }
@media(max-width:860px) { .wop-footer-archive-link { margin-left:0; } }
@media(max-width:650px) { .wop-letters-card { border-radius:14px; } .wop-letters-actions { flex-direction:column; align-items:stretch; text-align:center; } .wop-footer-archive-link { white-space:normal; } }

/* 2.2.31 – Mobile MailPoet form heading: prevent compressed/overlapping lettering.
   Scoped to the newsletter form; archive and desktop typography stay untouched. */
@media (max-width: 650px) {
  .wop-newsletter-form .mailpoet_form h1,
  .wop-newsletter-form .mailpoet_form h2,
  .wop-newsletter-form .mailpoet_form h3,
  .wop-newsletter-form .mailpoet_form .mailpoet-heading,
  .wop-newsletter-form .mailpoet_form .mailpoet-heading p {
    font-size: clamp(22px, 5.8vw, 30px) !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    font-stretch: normal !important;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal !important;
    max-width: 100%;
  }
}