@charset "UTF-8";
/* Component containers do not introduce a new layout or font. */
.pp-shell {display:contents;}
@media(min-width:1025px){.pp-site-mobile{display:none!important;}}
@media(max-width:1024px){.pp-site-desktop{display:none!important;}}
body.pp-article-page {background:#fff!important;color:#111;}
body.pp-article-page .l-main-content,body.pp-article-page .c-section001,body.pp-article-page .potager_contents {background:#fff!important;}
body.pp-article-page:not(.pp-original-intro) .potager_contents {padding-top:0!important;}
body.pp-article-page .pp-article-hero {box-sizing:border-box;background:#fff;width:100%;max-width:1080px;margin:56px auto 40px;padding:0 20px;text-align:center;}
body.pp-article-page .pp-article-hero>h1 {display:block;width:100%;font-size:32px!important;font-weight:700;line-height:1.45!important;margin:0 auto!important;padding:0!important;letter-spacing:normal;}
.pp-article-episode {display:block;font-size:.85em;margin-top:4px;}
body.pp-article-page .pp-article-subtitle {font-size:20px!important;font-weight:700;line-height:1.65!important;margin:24px auto 40px!important;padding:0!important;max-width:800px;width:100%;text-align:center;}
body.pp-article-page .pp-article-hero>figure {margin:0 auto!important;padding:0!important;max-width:800px;width:100%;}
body.pp-article-page .pp-article-hero>figure img {display:block;width:100%!important;height:auto!important;max-width:800px;margin:0 auto!important;object-fit:contain;}
body.pp-article-page .pp-article-hero figcaption {font-size:13px;text-align:left;line-height:1.6;}
body.pp-article-page .content-wrap,body.pp-article-page .hello_content_text,body.pp-article-page .hello_content_image,body.pp-article-page .hello_main_visual {box-sizing:border-box;width:calc(100% - 40px)!important;max-width:800px;margin-left:auto!important;margin-right:auto!important;}
body.pp-article-page .content-wrap .hello_content_text,body.pp-article-page .content-wrap .content-wrap {width:100%!important;}
body.pp-article-page .content-wrap img,body.pp-article-page .hello_content_text img,body.pp-article-page .hello_content_image img,body.pp-article-page .hello_main_visual img {display:block;width:100%!important;max-width:800px!important;height:auto!important;object-fit:contain;margin:24px auto!important;}
body.pp-article-page .c-image003 {width:100%;max-width:800px;margin-left:auto!important;margin-right:auto!important;}
body.pp-article-page .c-image003 img {width:100%!important;height:auto!important;}
body.pp-article-page .content-wrap:empty,body.pp-article-page .hello_main_visual:empty,body.pp-article-page .article-hero__image:empty {display:none!important;}
.pp-series {clear:both;box-sizing:border-box;max-width:1080px;width:calc(100% - 40px);margin:64px auto;background:#fff;}
body.pp-article-page .pp-series>h2 {display:block;background:#000;color:#fff;font-size:20px;line-height:1.5;margin:0 0 30px;padding:9px 18px;text-align:left;}
.pp-series-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.pp-series-card {display:flex;flex-direction:column;background:#000;color:#fff!important;text-decoration:none!important;min-width:0;box-shadow:0 2px 4px #0003;}
.pp-series-card img {display:block!important;width:100%!important;max-width:none!important;aspect-ratio:16/9;height:auto!important;object-fit:cover;margin:0!important;}
.pp-series-card>span {display:block;padding:14px;text-align:center;line-height:1.5;font-size:16px;font-weight:bold;}
.pp-series-card small {display:block;font-size:14px;margin-bottom:5px;}
.pp-series-card[href]:hover {opacity:.8;}
.pp-series-card[href]:focus-visible {outline:3px solid #0078e1;outline-offset:4px;}
.pp-series-pending {background:#eee;color:#222!important;justify-content:center;min-height:180px;box-shadow:none;}
.pp-series-pending em {display:block;font-style:normal;margin-top:12px;font-weight:normal;}

@media(max-width:1024px){
 body.pp-article-page .pp-article-hero{margin-top:36px;padding:0 16px;}.pp-article-hero br.u-hidden-pc{display:none;}
 body.pp-article-page .pp-article-hero>h1{font-size:25px!important;margin-bottom:0!important;}body.pp-article-page .pp-article-subtitle{font-size:18px!important;line-height:1.7!important;margin:20px auto 28px!important;}
 .pp-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}body.pp-article-page .pp-series>h2{font-size:18px;}
}
@media(max-width:540px){.pp-series-grid{grid-template-columns:1fr;}.pp-series{width:calc(100% - 32px);}}

.pp-page-title {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
body.pp-article-page .pp-article-hero .pp-article-episode {font-size:.85em!important;font-weight:700;}
body.pp-article-page .pp-series-card img {margin:0!important;}
body.pp-article-page .related-pages-nav-wrap .related-pages-nav>a {display:flex;flex-direction:column;background:#000;color:#fff;}
body.pp-article-page .related-pages-nav-wrap .related-pages-nav .image {width:100%;}
body.pp-article-page .related-pages-nav-wrap .related-pages-nav .text {position:static;background:#000;color:#fff;width:100%;}

h1.pp-title {font-size:36px;font-weight:400;line-height:1.5;margin:0 0 48px;padding:0;}
@media(max-width:768px){h1.pp-title{font-size:25px;margin-bottom:28px;}}

/* Keep article copy, single photos and photo groups on the same content edges. */
body.pp-article-page {--pp-article-gutter:40px;}
body.pp-article-page .content-wrap,
body.pp-article-page .hello_content_text,
body.pp-article-page .hello_content_lead_text,
body.pp-article-page .hello_content_image,
body.pp-article-page .hello_main_visual,
body.pp-article-page .hello_content_image_sub,
body.pp-article-page .l-main-content .c-inner002,
body.pp-article-page .pp-article-hero {
    box-sizing:border-box;
    width:calc(100% - var(--pp-article-gutter)) !important;
    max-width:800px;
    margin-left:auto !important;
    margin-right:auto !important;
}
body.pp-article-page .pp-article-hero,
body.pp-article-page .l-main-content .c-inner002 {
    padding-left:0 !important;
    padding-right:0 !important;
}
body.pp-article-page:not(.pp-original-intro) .potager_contents.article-hero {
    padding-left:0 !important;
    padding-right:0 !important;
}
body.pp-article-page .content-wrap .hello_content_text,
body.pp-article-page .content-wrap .hello_content_lead_text,
body.pp-article-page .content-wrap .content-wrap,
body.pp-article-page .hello_content_text .content-wrap,
body.pp-article-page .content-wrap .hello_content_image_sub,
body.pp-article-page .hello_content_text .hello_content_image_sub,
body.pp-article-page .c-inner002 .pp-article-hero {
    width:100% !important;
}
@media(max-width:1024px) {
    body.pp-article-page {--pp-article-gutter:32px;}
}

body.pp-article-page .article-body,
body.pp-article-page .c-inner002 .c-box017 {
    padding-left:0 !important;
    padding-right:0 !important;
}

body.pp-article-page .c-inner002 .c-box017 {border:0;}

/* A caption belongs to its photo; keep spacing below the pair, not between them. */
body.pp-article-page img:has(+ .photo_caption) {
    margin-bottom:0 !important;
}
body.pp-article-page img + .photo_caption {
    box-sizing:border-box;
    display:block;
    max-width:800px;
    margin:0 auto !important;
    padding-top:6px !important;
}

/* Captions following a photo group use the same close spacing as single photos. */
body.pp-article-page .hello_content_image_sub:has(+ .photo_caption) {
    margin-bottom:0 !important;
}
body.pp-article-page .hello_content_image_sub:has(+ .photo_caption) > .img img {
    margin-bottom:0 !important;
}
body.pp-article-page .hello_content_image_sub + .photo_caption {
    box-sizing:border-box;
    display:block;
    width:100% !important;
    max-width:800px;
    margin:0 auto !important;
    padding-top:6px !important;
}

/* Photo captions share the white article background. */
body.pp-article-page .photo_caption,
body.pp-article-page figcaption {
    background:#fff !important;
}

/* Nested photo wrappers use their parent's article width without a second gutter. */
body.pp-article-page .content-wrap .hello_content_image,
body.pp-article-page .hello_content_text .hello_content_image,
body.pp-article-page .content-wrap .hello_main_visual {
    width:100% !important;
}

/* Profile portraits align with the first line of their adjacent biography. */
body.pp-article-page .profile {
    align-items:flex-start;
}
body.pp-article-page .profile .image img {
    margin:0 !important;
}
body.pp-article-page .profile .text {
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Article typography: shared sizes for copy and photo captions. */
body.pp-article-page,
body:has([data-pp-shell="history"]) {
    --pp-body-font-size:18px;
    --pp-caption-font-size:16px;
}
html[lang="en"] body {
    --pp-body-font-size:16px;
}
:is(body.pp-article-page, body:has([data-pp-shell="history"])) .hello_content_text:not(.approval),
:is(body.pp-article-page, body:has([data-pp-shell="history"])) .hello_content_text:not(.approval) p,
:is(body.pp-article-page, body:has([data-pp-shell="history"])) .c-text001,
:is(body.pp-article-page, body:has([data-pp-shell="history"])) .c-text008 {
    font-size:var(--pp-body-font-size) !important;
}
html[lang] :is(body.pp-article-page, body:has([data-pp-shell="history"])) .photo_caption,
html[lang] :is(body.pp-article-page, body:has([data-pp-shell="history"])) figcaption,
html[lang] body.pp-article-page .pp-article-hero figcaption {
    font-size:var(--pp-caption-font-size) !important;
}
@media(max-width:1024px) {
    body.pp-article-page,
    body:has([data-pp-shell="history"]) {
        --pp-body-font-size:16px;
        --pp-caption-font-size:14px;
    }
}

/* Existing article intros keep their source layout. */
body.pp-article-page.pp-original-intro .article-hero .content-wrap{width:100%!important;}
body.pp-article-page.pp-original-intro .article-hero__image img{margin:0 auto!important;}
