/* Shoreditch: one-column editorial layout for video + PDF */

/* 1. Global reading tone */
body {
  background: #fbfaf7;
  color: #20242a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.72;
}

.site-title,
.site-description,
.main-navigation,
.entry-title,
.page-title,
h1, h2, h3, h4, h5, h6,
button,
.button,
input,
textarea,
select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 0;
}

.entry-title,
.page-title,
h1, h2, h3 {
  color: #111418;
  line-height: 1.18;
  font-weight: 700;
}

/* 2. Remove right sidebar and center content */
#secondary,
.sidebar,
.widget-area,
.site-content-wrapper .widget-area {
  display: none !important;
}

.site-content-wrapper,
.hentry-wrapper,
.entry-hero-wrapper,
.site-footer-wrapper,
.widget-area-wrapper {
  max-width: 1080px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#primary,
.content-area,
.site-main {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 3. Elegant readable text column */
.entry-header,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.post-navigation,
.posts-navigation,
.pagination {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.entry-content p,
.entry-content li {
  font-size: 19px;
  line-height: 1.78;
}

.entry-content p {
  margin-bottom: 1.35em;
}

.entry-content a {
  color: #8a3b2b;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.entry-content blockquote {
  border-left: 4px solid #8a3b2b;
  color: #3a3f46;
  font-style: italic;
  margin: 2em auto;
  padding-left: 1.25em;
}

/* 4. Wide media lane: YouTube, video, PDF */
.entry-content .wp-block-embed,
.entry-content .wp-block-video,
.entry-content .jetpack-video-wrapper,
.entry-content .wp-block-file,
.entry-content .wp-block-pdf,
.entry-content iframe,
.entry-content object,
.entry-content embed {
  max-width: 980px;
}

.entry-content > .wp-block-embed,
.entry-content > .wp-block-video,
.entry-content > .jetpack-video-wrapper,
.entry-content > .wp-block-file,
.entry-content > .wp-block-pdf {
  width: min(980px, calc(100vw - 40px));
  margin: 2.25rem 50%;
  transform: translateX(-50%);
}

/* 5. Responsive YouTube embeds */
.wp-block-embed-youtube .wp-block-embed__wrapper,
.wp-block-embed-vimeo .wp-block-embed__wrapper,
.jetpack-video-wrapper {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  background: #111418;
  overflow: hidden;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-vimeo iframe,
.jetpack-video-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* 6. PDF embeds */
.entry-content iframe[src*=".pdf"],
.entry-content object[type="application/pdf"],
.entry-content embed[type="application/pdf"],
.entry-content .wp-block-file embed,
.entry-content .wp-block-file iframe {
  width: 100% !important;
  min-height: 78vh;
  border: 1px solid #ded8cf;
  border-radius: 6px;
  background: #ffffff;
}

/* 7. Images and captions */
.entry-content img {
  border-radius: 4px;
}

.wp-caption-text,
.entry-content figcaption {
  color: #666b73;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 0.65rem;
}

/* 8. Mobile polish */
@media screen and (max-width: 700px) {
  body {
    font-size: 17px;
    line-height: 1.68;
  }

  .site-content-wrapper,
  .hentry-wrapper,
  .entry-header,
  .entry-content,
  .entry-summary,
  .entry-footer,
  .comments-area {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .entry-content p,
  .entry-content li {
    font-size: 18px;
    line-height: 1.7;
  }

  .entry-content > .wp-block-embed,
  .entry-content > .wp-block-video,
  .entry-content > .jetpack-video-wrapper,
  .entry-content > .wp-block-file,
  .entry-content > .wp-block-pdf {
    width: calc(100vw - 28px);
  }

  .entry-content iframe[src*=".pdf"],
  .entry-content object[type="application/pdf"],
  .entry-content embed[type="application/pdf"] {
    min-height: 70vh;
  }
}