/* Monochrome subpages. The original front page retains its own palette. */
.jw-subpage {
    --blog-paper: #fff;
    --blog-ink: #0a0a0a;
    --blog-muted: #555;
    --blog-rule: #dedede;
    --blog-accent: #111;
    --jw-focus: #111;
    --color-editorial-beige: #f2f2f2;
    background: #fff;
    color: #0a0a0a;
}
.jw-subpage .site-header, .jw-subpage .mobile-menu { background: #fff; }
.jw-subpage .blog-main { background: #fff; }
.jw-subpage .blog-main ::selection { background: #d9d9d9; color: #000; }
.jw-subpage .guide-cover__type, .jw-subpage .article-body pre { background: #f1f1f1; }
.jw-subpage .guide-nav:hover, .jw-subpage .guide-form .guide-button:hover, .jw-subpage .guide-button:hover, .jw-subpage .podcast-youtube:hover { background: #333; }
.jw-subpage .guide-form input:focus-visible, .jw-subpage .guides-main :focus-visible { outline-color: #111; }
.jw-subpage .blog-intro, .jw-subpage .podcast-intro {
    display: block;
    width: 100%;
    margin: 0;
    padding: 48px max(24px, calc((100% - 1200px) / 2));
    background: #f1f1f1;
    border: 0;
}
.jw-subpage .blog-intro h1, .jw-subpage .podcast-intro h1 { max-width: 22ch; font-size: clamp(46px,5.5vw,72px); line-height: 1.08; margin: 0; }
.jw-subpage .blog-intro__description, .jw-subpage .podcast-intro__description { max-width: 60ch; margin: 22px 0 0; font-size: 16px; line-height: 1.8; color: #555; }
.jw-subpage .podcast-intro__aside { margin-top: 0; }
.jw-subpage .podcast-youtube { margin-top: 24px; }
.blog-topics__title { font: 600 13px/1.5 var(--font-sans); margin-bottom: 20px; }
.jw-subpage .article-header { width: 100%; padding: 36px max(24px, calc((100% - 1200px) / 2)) 48px; background: #f1f1f1; }
.jw-subpage .article-cover { margin-top: 48px; }
.jw-subpage .guide-form input[type=email] { background: #fff; }
.jw-subpage .capture-author__photo { background: #eee; }

@media (max-width: 767px) {
    .jw-subpage .blog-intro, .jw-subpage .podcast-intro { padding-block: 36px; }
    .jw-subpage .blog-intro h1, .jw-subpage .podcast-intro h1 { font-size: 46px; }
    .jw-subpage .blog-intro__description, .jw-subpage .podcast-intro__description { font-size: 15px; margin-top: 18px; }
    .blog-topics { padding-top: 24px; }
    .blog-topics__title { margin-bottom: 0; }
    .jw-subpage .article-header { padding-block: 28px 36px; }
    .jw-subpage .article-cover { margin-top: 36px; }
}

.jw-subpage .guide-cover__image { box-shadow: 0 10px 24px #0002; }
.jw-subpage .bg-green-600 { background: #111; }
.jw-subpage .bg-green-600:hover { background: #333; }
.jw-subpage .site-header .bg-green-600 { background: #fff; color: #111; }
.jw-subpage .site-header .bg-green-600:hover { background: #ddd; }
.jw-subpage:has(input[type=email]:focus) .fixed.bottom-0 { visibility: hidden; }

.jw-subpage .capture-hero__cover .guide-cover__image { box-shadow: none; }