/* Shared single-comic reader. The same paper assets are used on the Home hero. */
.pws-reader { box-sizing:border-box;position:relative;left:50%;width:var(--pws-viewport-width,100%)!important;max-width:none!important;margin:0 0 0 calc(var(--pws-viewport-width,100%) / -2)!important;background:#fff;color:#111;}
.pws-reader *, .pws-reader *::before, .pws-reader *::after { box-sizing:border-box;}
.pws-reader-hero { position:relative;isolation:isolate;background:transparent;color:#fff;}
.pws-reader-hero__inner { display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:center;gap:clamp(32px,5vw,90px);width:100%;min-height:320px;margin:0;padding:48px max(24px,calc((var(--pws-viewport-width,100%) - 1200px)/2)) 78px;background:#262625;}
.pws-reader-hero::after { content:"";position:absolute;z-index:3;left:0;bottom:-16px;width:100%;height:82px;pointer-events:none;}
.pws-reader-hero__copy { min-width:0;position:relative;z-index:1;}
.pws-reader-hero__eyebrow { display:inline-flex;align-items:center;gap:8px;color:#cf4ee8!important;text-decoration:none;text-transform:uppercase;}
.pws-reader-hero__eyebrow:hover { color:#df7aee!important;text-decoration:underline;}
.pws-reader-hero__label { margin:18px 0 6px!important;color:#fff;text-transform:uppercase;}
.pws-reader-hero h1 { max-width:760px;margin:12px 0 0!important;color:#fff!important;text-transform:uppercase;overflow-wrap:normal;}
.pws-reader-hero__art { align-self:center;width:100%;margin:0;overflow:hidden;aspect-ratio:1.9;border:2px solid #fff;border-radius:14px;background:#fff;box-shadow:6px 6px 0 var(--pws-shadow-color);}
.pws-reader-hero__art img { display:block;width:100%;height:100%;object-fit:cover;}
.pws-reader-controls { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 auto;}
.pws-reader-control { display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;text-decoration:none!important;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;}
.pws-reader-control:hover {;}
.pws-reader-control:focus-visible {;}
.pws-reader-share-status { width:100%;text-align:center;}
.pws-reader-share-status:empty { display:none;}
.pws-reader__body { padding:24px 24px 64px;background:#fff;}
.pws-reader__pages,.pws-reader__strip-content { width:min(100%,780px);margin:0 auto;}
.pws-reader__page { width:100%;margin:0 0 44px;}
.pws-reader__page img,.pws-reader__strip-content .wp-block-image img { display:block;width:100%;height:auto;border:1px solid #111;box-shadow:6px 6px 0 var(--pws-shadow-color);}
.pws-reader__page figcaption { margin-top:12px;text-align:center;color:#555;text-transform:uppercase;}
.pws-reader__strip-content .wp-block-image { width:100%;max-width:none;margin:0 0 44px;}
.pws-reader__strip-content .wp-block-image figcaption { margin-top:12px;text-align:center;}
.pws-reader__strip-content > p { max-width:680px;margin:20px auto;}
.pws-reader__empty { text-align:center;}
.pws-reader__note { max-width:780px;margin:0 auto;padding:42px 24px 64px;border-top:1px solid #d8d8d8;}
.pws-reader__note h2 { margin:0 0 12px;text-transform:uppercase;}
.pws-reader__note p { margin:0;}
/* The /strips/ Gutenberg page uses this shortcode grid. */
.pws-strips-page { box-sizing:border-box;width:min(100%,1200px);margin:0 auto;padding:64px 24px 100px;}
.pws-strips-page h1 { margin:0 0 16px;text-transform:uppercase;}
.pws-strips-page > p { margin:0 0 36px;}
.pws-strips-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.pws-strips-card { display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:0 0 20px;background:#fff;color:#111!important;text-decoration:none!important;}
.pws-strips-card figure { width:100%;margin:0;aspect-ratio:1.6;background:#f4f0eb;}
.pws-strips-card img { display:block;width:100%;height:100%;object-fit:cover;}
.pws-strips-card__label,.pws-strips-card__read { margin:0 20px;text-transform:uppercase;}
.pws-strips-card__label { color:#555;}
.pws-strips-card strong { margin:0 20px;}
.pws-strips-card__read { margin-top:auto;color:#cf4ee8;}
@media(max-width:767px) {
 .pws-reader-hero__inner { grid-template-columns:1fr;justify-items:center;gap:24px;min-height:500px;padding:42px 24px 94px;text-align:center;}
 .pws-reader-hero h1 {;}
 .pws-reader-hero__art { max-width:340px;}
 .pws-reader-controls {gap:12px;}
 .pws-reader-control {;}
 .pws-reader__body { padding:20px 20px 44px;}
 .pws-reader__page,.pws-reader__strip-content .wp-block-image { margin-bottom:32px;}
 .pws-strips-grid { grid-template-columns:1fr;}
 .pws-strips-page { padding:48px 24px 72px;}
}
@media(min-width:768px) and (max-width:1100px) { .pws-strips-grid { grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(prefers-reduced-motion:reduce) { .pws-reader-control { transition:none;} }

/* Reader paper continues behind both navigation rows and the existing rip. */
:root:root:root:root:root:root:root:root:root:root .pws-reader,
:root:root:root:root:root:root:root:root:root:root .pws-reader__body,
:root:root:root:root:root:root:root:root:root:root .pws-reader-controls{background-color:var(--pws-color-paper,#f4f0eb)!important;}
.pws-reader-explore{padding:var(--pws-section-space,64px) var(--pws-gutter,24px);background:var(--pws-color-paper,#f4f0eb);}
:root:root:root:root .pws-reader-explore .pws-home-container{width:100%!important;}
.pws-reader-explore .pws-home-eyebrow{margin:0 0 24px;}
.pws-reader-explore__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
:root:root:root:root:root:root:root:root:root:root .pws-reader-explore .pws-art-card{margin:0!important;}
:root:root:root:root:root:root:root:root:root:root .pws-reader-explore .pws-art-card__image{aspect-ratio:1.9!important;}
:root:root:root:root:root:root:root:root:root:root .pws-reader-explore .pws-art-card__image img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;}
@media(max-width:767px){.pws-reader-explore__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}

:root:root:root:root .pws-reader .pws-home-signup{background:var(--pws-color-white,#fff);}

/* One gutter of space between the final panel/caption and its navigation. */
:root:root:root:root:root:root:root:root:root:root .pws-reader__body{padding-bottom:0!important;}
:root:root:root:root:root:root:root:root:root:root .pws-reader__page:last-of-type,
:root:root:root:root:root:root:root:root:root:root .pws-reader__strip-content>:last-child{margin-bottom:0!important;}
:root:root:root:root:root:root:root:root:root:root .pws-reader__body+.pws-reader-controls{margin-top:var(--pws-gutter,24px)!important;}
.pws-reader-explore{text-align:center;}
.pws-reader-explore__grid{max-width:1200px;margin-inline:auto;}
.pws-reader-explore .pws-art-card__overlay{text-align:left;}

/* Center available previews, including rows with fewer than four comics. */
.pws-reader-explore__grid{display:flex;flex-wrap:wrap;justify-content:center;}
:root:root:root:root:root:root:root:root:root:root .pws-reader-explore .pws-art-card{width:calc((100% - 72px)/4)!important;}
@media(max-width:767px){:root:root:root:root:root:root:root:root:root:root .pws-reader-explore .pws-art-card{width:calc((100% - 16px)/2)!important;}}

/* Teal meets the existing tear; the angled banner ends on reader paper. */
:root:root:root:root:root:root:root:root:root:root .pws-reader-chronic-banner{background:var(--pws-color-paper,#f4f0eb)!important;margin-block:0!important;}
:root:root:root:root:root:root:root:root:root:root .pws-reader-hero:has(+.pws-reader-chronic-banner){background:#9cf1fa!important;}
:root:root:root:root:root:root:root:root:root:root .pws-reader-chronic-banner .pws-comics-feature::before{top:-16px!important;}
/* Image-free reader hero and stable five-position navigation. */
:root:root:root:root:root:root:root:root:root:root .pws-reader-hero__inner{grid-template-columns:1fr!important;min-height:0!important;gap:0!important;}
.pws-reader-navigation{width:min(calc(100% - 2 * var(--pws-gutter,24px)),780px);margin:var(--pws-gutter,24px) auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;}
.pws-reader-back{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;}
.pws-reader-icon-row{display:grid;grid-template-columns:repeat(5,44px);gap:12px;align-items:center;}
.pws-reader-icon,.pws-reader-nav-slot{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;}
.pws-reader-icon{color:var(--pws-color-ink,#111);text-decoration:none;border-radius:2px;transition:color .15s,background-color .15s;}
.pws-reader-icon:hover{color:var(--pws-color-link,#a328b8);background:rgb(0 0 0 / .04);}
:root:root:root:root:root:root:root:root:root:root .pws-reader-icon:focus-visible{outline:none!important;box-shadow:inset 0 -2px currentColor;}
.pws-reader-back:hover,.pws-reader-back:focus-visible{text-decoration:underline;text-underline-offset:4px;}