/* 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;
}
}