/* Verbatim copies of the neverland-preview.css and work-register.css rules that covers, banners, work titles and list headings need before that
   late stylesheet applies. Keep each line identical to its source; list-screen-critical.test.mjs checks that. */
#peterpen-page-designs .work-cover-art{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:6px;container-type:inline-size;flex:none}
#peterpen-page-designs .work-cover-art>img{display:block;width:100%;height:100%;object-fit:cover}
#peterpen-page-designs .work-cover-art::before{content:"";position:absolute;inset:0 0 auto;height:30%;z-index:1;background:var(--work-cover-scrim);pointer-events:none}
#peterpen-page-designs .work-cover-art .work-cover-title{position:absolute;top:0;left:0;right:0;z-index:2;box-sizing:border-box;padding:9% 8% 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;text-align:center;font-family:system-ui,'Malgun Gothic',sans-serif;font-size:clamp(10px,9cqw,28px);font-weight:700;letter-spacing:-.01em;line-height:1.25;word-break:keep-all;overflow-wrap:break-word;color:var(--work-cover-ink);text-shadow:var(--work-cover-shadow);pointer-events:none}
#peterpen-page-designs .work-cover-light{--work-cover-ink:#fff;--work-cover-scrim:linear-gradient(to bottom,rgba(0,0,0,.45),transparent);--work-cover-shadow:0 1px 2px rgba(0,0,0,.55)}
#peterpen-page-designs .work-cover-dark{--work-cover-ink:#182536;--work-cover-scrim:linear-gradient(to bottom,rgba(255,255,255,.55),transparent);--work-cover-shadow:0 1px 2px rgba(255,255,255,.65)}
#peterpen-page-designs .work-cover-art.work-cover-designed .work-cover-title{font-family:var(--cover-title-font,system-ui),sans-serif;font-size:var(--cover-title-size,9cqw);white-space:pre-wrap;-webkit-line-clamp:3;color:var(--cover-color,var(--work-cover-ink));text-shadow:var(--cover-effect-shadow,none)}
#peterpen-page-designs .work-cover-designed::before{display:none}
#peterpen-page-designs .cover-font-default{--cover-title-font:system-ui;font-family:system-ui}
#peterpen-page-designs .cover-font-black-han-sans{--cover-title-font:nl-font-black-han-sans;font-family:nl-font-black-han-sans,sans-serif}
#peterpen-page-designs .cover-font-do-hyeon{--cover-title-font:nl-font-do-hyeon;font-family:nl-font-do-hyeon,sans-serif}
#peterpen-page-designs .cover-font-gowun-batang{--cover-title-font:nl-font-gowun-batang;font-family:nl-font-gowun-batang,serif}
#peterpen-page-designs .cover-font-gowun-dodum{--cover-title-font:nl-font-gowun-dodum;font-family:nl-font-gowun-dodum,sans-serif}
#peterpen-page-designs .cover-font-jua{--cover-title-font:nl-font-jua;font-family:nl-font-jua,sans-serif}
#peterpen-page-designs .cover-font-nanum-pen{--cover-title-font:nl-font-nanum-pen;font-family:nl-font-nanum-pen,cursive}
#peterpen-page-designs .work-cover-designed.cover-align-left .work-cover-title{text-align:left}
#peterpen-page-designs .work-cover-designed.cover-align-right .work-cover-title{text-align:right}
#peterpen-page-designs .work-cover-designed.cover-position-center .work-cover-title{top:50%;padding:0 8%;transform:translateY(-50%)}
#peterpen-page-designs .work-cover-designed.cover-position-bottom .work-cover-title{top:auto;bottom:9%;padding:0 8%}
#peterpen-page-designs .cover-color-white{--cover-color:#fff}
#peterpen-page-designs .cover-color-dark{--cover-color:#182536}
#peterpen-page-designs .cover-color-gold{--cover-color:#f7c65f}
#peterpen-page-designs .cover-color-cream{--cover-color:#fff0cf}
#peterpen-page-designs .cover-color-crimson{--cover-color:#a91d40}
#peterpen-page-designs .cover-color-sky{--cover-color:#81d4fa}
#peterpen-page-designs .cover-color-mint{--cover-color:#9ce4cd}
#peterpen-page-designs .cover-color-violet{--cover-color:#c1a0f2}
#peterpen-page-designs .cover-effect-shadow{--cover-effect-shadow:0 .6cqw 1.4cqw rgba(0,0,0,.7)}
#peterpen-page-designs .cover-effect-shadow.work-cover-dark{--cover-effect-shadow:0 .6cqw 1.4cqw rgba(255,255,255,.8)}
#peterpen-page-designs .cover-effect-outline .work-cover-title{-webkit-text-stroke:.35cqw #142532;paint-order:stroke fill}
#peterpen-page-designs .cover-effect-outline.work-cover-dark .work-cover-title{-webkit-text-stroke-color:#fff}
#peterpen-page-designs .cover-effect-glow{--cover-effect-shadow:0 0 2cqw currentColor,0 0 4cqw currentColor}
#peterpen-page-designs .work-cover-designed.cover-effect-bar .work-cover-title{background:rgba(0,0,0,.48);padding:3% 8%;margin-top:6%}
#peterpen-page-designs .cover-effect-bar.work-cover-dark .work-cover-title{background:rgba(255,255,255,.65)}
#peterpen-page-designs .work-cover-designed.cover-position-center.cover-effect-bar .work-cover-title,#peterpen-page-designs .work-cover-designed.cover-position-bottom.cover-effect-bar .work-cover-title{margin-top:0}
@container(max-width:104px){#peterpen-page-designs .work-cover-art .work-cover-title{-webkit-line-clamp:2}}
@container(max-width:70px){#peterpen-page-designs .work-cover-art .work-cover-title{-webkit-line-clamp:1}}
#peterpen-page-designs .pp-up-badge,#peterpen-page-designs .pp-work-title>.pp-up-badge{display:inline-flex;align-items:center;justify-content:center;align-self:center;justify-self:start;flex:none;box-sizing:border-box;width:max-content;min-width:0;max-width:none;height:15px;padding:0 4px;border:0;border-radius:3px;background:#FF7A1A;color:#fff;box-shadow:none;font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1;vertical-align:middle;margin:0 0 0 4px}
#peterpen-page-designs .pp-work-title,#peterpen-page-designs .side .pp-work-title{display:flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:0;margin:0;color:inherit;line-height:inherit;vertical-align:middle}
#peterpen-page-designs .pp-work-title>.pp-title-text,#peterpen-page-designs .nl-post-row .pp-title-text{display:block;flex:0 1 auto;min-width:0;padding:0;margin:0;color:inherit;line-height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .pp-illustration-heading[data-illustration="nav-supporter"]{width:26px;height:26px}
#peterpen-page-designs .work-cover-rich .cover-layer{position:absolute;z-index:2;display:block;width:84%;max-height:54%;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.22;color:var(--work-cover-ink);font-size:9cqw;box-sizing:border-box}
#peterpen-page-designs .work-cover-rich .cover-layer-author{font-size:4.5cqw;max-height:18%}
#peterpen-page-designs .work-cover-rich .cover-layer-sized{display:grid;align-content:center;grid-template-rows:minmax(0,1fr);max-height:none}
#peterpen-page-designs .cover-layer-text{display:block;min-height:0;overflow:hidden}
#peterpen-page-designs .work-cover-rich .cover-layer-sized>.cover-layer-text{display:grid;align-content:center}
#peterpen-page-designs .cover-run{display:inline;white-space:pre-wrap;line-height:inherit;letter-spacing:0;text-shadow:var(--cover-run-shadow,0 0 transparent),var(--cover-run-glow,0 0 transparent)}
#peterpen-page-designs .cover-run-shadow{--cover-run-shadow:0 .6cqw 1.4cqw #000b}
#peterpen-page-designs .work-cover-dark .cover-run-shadow{--cover-run-shadow:0 .6cqw 1.4cqw #fffc}
#peterpen-page-designs .cover-run-outline{-webkit-text-stroke:.3cqw #182536;paint-order:stroke fill}
#peterpen-page-designs .work-cover-dark .cover-run-outline{-webkit-text-stroke-color:#fff}
#peterpen-page-designs .cover-run-glow{--cover-run-glow:0 0 1cqw currentColor,0 0 2cqw currentColor}
#peterpen-page-designs .cover-run-bar{background:#14253299;box-decoration-break:clone;-webkit-box-decoration-break:clone}