/* Keep the captured desktop layout; stack the complete homepage on phones. */
.seo-copy { text-transform: none !important; color: #fff7df; font-family: Arial, sans-serif; text-align: left; line-height: 1.65; }
.seo-copy h1 { font-size: clamp(24px, 3vw, 36px); line-height: 1.2; margin: 0 0 22px; color: #ffe49a; }
.seo-copy h2 { font-size: 21px; line-height: 1.3; margin: 30px 0 12px; color: #ffe49a; }
.seo-copy p { font-size: 16px !important; margin: 0 0 20px; }
.seo-copy a { color: #ffdf7f; text-decoration: underline; overflow-wrap: anywhere; }
.editorial-page { margin: 0; background: #191407 url('/assets/b01975a47bcc6191.jpg') center/cover fixed; color: #fff7df; font-family: Arial, sans-serif; }
.editorial-page header, .editorial-page footer { padding: 20px; text-align: center; background: rgba(15,12,4,.96); }
.editorial-page header img { width: min(260px, 70vw); height: auto; }
.editorial-page nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 16px 0; }
.editorial-page nav a { color: #ffdf7f; }
.editorial-page main { max-width: 850px; margin: 35px auto; padding: clamp(20px,4vw,40px); background: rgba(18,13,3,.96); border: 1px solid #a58435; border-radius: 12px; box-sizing: border-box; }
@media(max-width: 900px) { .editorial-page main { margin: 20px 12px; } }
@media (max-width: 767px) {
  #content table.box-3,
  #content table.box-3 > tbody,
  #content table.box-3 > tbody > tr {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #content table.box-3 > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}