/* Zawad editorial pages: readable long-form articles, not the default GP sidebar. */
body.single-post .site-content,
body.blog .site-content,
body.category .site-content,
body.tag .site-content { display: block; }
body.single-post .content-area,
body.blog .content-area,
body.category .content-area,
body.tag .content-area { width: 100%; max-width: 100%; float: none; }
body.single-post .site-main,
body.blog .site-main,
body.category .site-main,
body.tag .site-main { margin: 0; padding: 0; }

.zw-blog-intro,
.zw-story__header { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.zw-blog-intro { padding: var(--zw-space-8) 0; background: var(--zw-navy); color: var(--zw-white); }
.zw-blog-intro h1 { color: var(--zw-white); font-size: var(--zw-text-4xl); margin: var(--zw-space-2) 0 var(--zw-space-4); }
.zw-blog-intro .zw-section__eyebrow { color: var(--zw-gold); }
.zw-blog-intro p:last-child { max-width: var(--zw-container-text); color: var(--zw-navy-soft); font-size: var(--zw-text-lg); margin: 0; }
.zw-blog-list { padding-block: var(--zw-space-8); }
.zw-blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: var(--zw-space-6); }
.zw-blog-card { overflow: hidden; border: 1px solid var(--zw-border); border-radius: var(--zw-radius-lg); background: var(--zw-surface); box-shadow: var(--zw-shadow-sm); }
.zw-blog-card__image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--zw-sand); }
.zw-blog-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--zw-slow) var(--zw-ease); }
.zw-blog-card__image:hover img { transform: scale(1.03); }
.zw-blog-card__body { padding: var(--zw-space-5); }
.zw-blog-card__meta { color: var(--zw-gold-ink); font-size: var(--zw-text-xs); text-transform: uppercase; letter-spacing: var(--zw-tracking-wide); }
.zw-blog-card h2 { font-size: var(--zw-text-xl); line-height: var(--zw-leading-snug); margin: var(--zw-space-3) 0; }
.zw-blog-card h2 a { color: var(--zw-navy); text-decoration: none; }
.zw-blog-card h2 a:hover { text-decoration: underline; }
.zw-blog-card__body > p:not(.zw-blog-card__meta) { color: var(--zw-ink-soft); }
.zw-blog-card__more { color: var(--zw-gold-ink); font-weight: var(--zw-weight-bold); text-decoration: none; }
.zw-blog-card__more:hover { text-decoration: underline; }
.zw-blog-list .paging-navigation { margin-top: var(--zw-space-7); }

.zw-story__header { background: var(--zw-navy); color: var(--zw-white); padding-block: var(--zw-space-7) var(--zw-space-8); }
.zw-story__header-inner { max-width: 58rem; }
.zw-story__crumbs { display: flex; align-items: center; gap: var(--zw-space-2); font-size: var(--zw-text-sm); margin-bottom: var(--zw-space-7); color: var(--zw-navy-soft); }
.zw-story__crumbs a { color: var(--zw-navy-soft); }
.zw-story__crumbs a:hover { color: var(--zw-white); }
.zw-story__header .zw-section__eyebrow { color: var(--zw-gold); }
.zw-story__header h1 { color: var(--zw-white); font-size: var(--zw-text-4xl); line-height: var(--zw-leading-tight); max-width: 18ch; margin: var(--zw-space-3) 0 var(--zw-space-5); }
.zw-story__dek { max-width: 62ch; color: var(--zw-navy-soft); font-size: var(--zw-text-lg); line-height: var(--zw-leading-body); }
.zw-story__date { color: var(--zw-navy-soft); font-size: var(--zw-text-sm); margin: var(--zw-space-5) 0 0; }
.zw-story__photo { max-width: 70rem; margin-top: calc(-1 * var(--zw-space-6)); margin-bottom: var(--zw-space-7); position: relative; }
.zw-story__photo img { display: block; width: 100%; max-height: 36rem; object-fit: cover; border-radius: var(--zw-radius-lg); box-shadow: var(--zw-shadow); }
.zw-story__photo figcaption { color: var(--zw-muted); font-size: var(--zw-text-xs); margin-top: var(--zw-space-2); }
.zw-story__body,
.zw-story__next,
.zw-story__comments { margin-inline: auto; }
.zw-story__body { font-size: var(--zw-text-base); line-height: 1.8; padding-bottom: var(--zw-space-8); }
.zw-story__body > p:first-child { font-size: var(--zw-text-lg); color: var(--zw-ink); line-height: var(--zw-leading-body); }
.zw-story__body h2 { color: var(--zw-navy); font-size: var(--zw-text-2xl); margin-top: var(--zw-space-8); margin-bottom: var(--zw-space-4); line-height: var(--zw-leading-snug); }
.zw-story__body h3 { color: var(--zw-navy); font-size: var(--zw-text-xl); margin-top: var(--zw-space-6); margin-bottom: var(--zw-space-3); }
.zw-story__body p,
.zw-story__body ul,
.zw-story__body ol { margin-bottom: var(--zw-space-5); }
.zw-story__body li + li { margin-top: var(--zw-space-2); }
.zw-story__body a { color: var(--zw-gold-ink); text-decoration-thickness: .08em; text-underline-offset: .2em; }
.zw-story__body table { width: 100%; border-collapse: collapse; font-size: var(--zw-text-sm); }
.zw-story__body th { background: var(--zw-navy); color: var(--zw-white); text-align: left; }
.zw-story__body th,
.zw-story__body td { padding: var(--zw-space-3); border: 1px solid var(--zw-border); vertical-align: top; }
.zw-story__body tr:nth-child(even) td { background: var(--zw-sand); }
.zw-story__body blockquote { margin-inline: 0; padding: var(--zw-space-5); background: var(--zw-sand); border-inline-start: .25rem solid var(--zw-gold); color: var(--zw-navy); }
.zw-story__body figure img { border-radius: var(--zw-radius); }
.zw-story__body figcaption { color: var(--zw-muted); font-size: var(--zw-text-xs); }
.zw-story__next { background: var(--zw-sand); border-radius: var(--zw-radius-lg); padding: var(--zw-space-6); margin-bottom: var(--zw-space-8); }
.zw-story__next h2 { color: var(--zw-navy); font-size: var(--zw-text-2xl); margin: var(--zw-space-2) 0 var(--zw-space-3); }
.zw-story__next p:not(.zw-section__eyebrow) { color: var(--zw-ink-soft); }
.zw-story__comments { padding-bottom: var(--zw-space-8); }
@media (max-width: 680px) {
  .zw-story__header { padding-block: var(--zw-space-6) var(--zw-space-7); }
  .zw-story__photo { margin-top: 0; width: 100%; }
  .zw-story__photo img { border-radius: 0; }
  .zw-story__photo figcaption { padding-inline: var(--zw-gutter); }
  .zw-story__body table { display: block; overflow-x: auto; }
}