/* ── WordPress integration layer ──
   Only what WordPress itself adds to the layout (admin bar, editor content)
   plus the two templates that are not chapter-based. Chapter/scene styles live
   in chapters.css. */
body.admin-bar #site-header{top:32px}
body.home.admin-bar .cinema-stage{top:32px}
body:not(.home) main{padding-top:0}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* Editor content (page bodies rendered without seeded chapters) */
.content-body{padding:70px 5% 100px;max-width:860px}
.content-body p{font-size:17px;line-height:1.85;color:#afbec9;margin:0 0 26px}
.content-body strong{color:#e8f0f4;font-weight:600}
.content-body h2{font-family:Lexend,Arial;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;margin:56px 0 20px}
.content-body h3{font-family:Lexend,Arial;font-size:24px;font-weight:400;letter-spacing:-.02em;margin:44px 0 16px}
.content-body ul,.content-body ol{color:#afbec9;font-size:16px;line-height:1.8;padding-left:22px;margin:0 0 26px}
.content-body li{margin-bottom:10px}
.content-body a{color:var(--accent);border-bottom:1px solid #47616f}
.content-body blockquote{border-left:2px solid var(--accent);margin:34px 0;padding:6px 0 6px 26px;color:#c4d3dc;font-size:18px;line-height:1.7}

/* Next/prev navigation */
.post-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #29404e;margin:0 5%;padding:34px 0 60px;font-size:14px}
.post-nav a{color:#c4d0d6;display:inline-flex;gap:12px;align-items:center}
.post-nav a:hover{color:var(--accent)}

/* Contact page */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:80px 5% 110px}
.contact-layout .quote-intro p{max-width:360px;color:#a9bec9;line-height:1.8;margin:26px 0 40px;font-size:16px}

/* Insights list meta */
.post-date{font-size:11px;letter-spacing:1.2px;color:#8198a8;text-transform:uppercase}

/* 404 */
.error-hero{min-height:70svh;display:flex;flex-direction:column;justify-content:center;padding:140px 5% 80px}
.error-hero .big{font-family:Lexend,Arial;font-size:clamp(110px,20vw,300px);line-height:.9;letter-spacing:-.08em;color:#1a343e}
.error-hero h1{font-family:Lexend,Arial;font-size:clamp(34px,4vw,56px);font-weight:400;letter-spacing:-.04em;margin:30px 0 20px}
.error-hero p{color:#afbec9;font-size:17px;margin:0 0 34px}
.error-hero .hero-actions{display:flex;gap:30px;align-items:center}
.error-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:44px;font-size:14px}
.error-links a{color:#a9bec9}
.error-links a:hover{color:var(--accent)}

@media(max-width:1050px){.contact-layout{grid-template-columns:1fr;gap:50px}}
@media(max-width:740px){
  .content-body{padding:50px 6% 70px}
  .contact-layout{padding:55px 6% 70px}
  .post-nav{margin:0 6%}
  .error-hero{padding:120px 6% 60px}
}