#peterpen-page-designs .nl-directory,#peterpen-page-designs .nl-cafe,#peterpen-page-designs .nl-side{--nl-accent:#315f8f;--nl-action:#315f8f;--nl-tint:#edf4fb;color:var(--ink);min-width:0}
#peterpen-page-designs .nl-sage{--nl-accent:#47745d;--nl-tint:#edf5ef}
#peterpen-page-designs .nl-rose{--nl-accent:#995672;--nl-tint:#fbf0f4}
#peterpen-page-designs[data-appearance="dark"] .nl-directory,#peterpen-page-designs[data-appearance="dark"] .nl-cafe,#peterpen-page-designs[data-appearance="dark"] .nl-side{--nl-accent:#9bcfff;--nl-action:#205b9b;--nl-tint:#26313c}
#peterpen-page-designs[data-appearance="dark"] .nl-sage{--nl-accent:#a8dec0;--nl-action:#276847}
#peterpen-page-designs[data-appearance="dark"] .nl-rose{--nl-accent:#f0adc8;--nl-action:#8d4263}
#peterpen-page-designs .nl-cafe :is(.nl-toolbar,.nl-content,.nl-reader-crumb,.nl-preview-strip) button:where(:not(.pp-btn-line)),#peterpen-page-designs .nl-directory button{font:inherit;color:inherit;cursor:pointer}
#peterpen-page-designs .nl-cafe :is(.nl-toolbar,.nl-content,.nl-reader-crumb,.nl-preview-strip) button:focus-visible,#peterpen-page-designs .nl-directory button:focus-visible,#peterpen-page-designs .nl-cafe :is(.nl-toolbar,.nl-content) :is(input,select,textarea):focus-visible{outline:2px solid var(--nl-accent);outline-offset:2px}
#peterpen-page-designs .nl-cafe :is(.nl-toolbar,.nl-content,.nl-reader-crumb,.nl-preview-strip) button:disabled{opacity:.48;cursor:default}
#peterpen-page-designs .nl-directory>header{margin:0 0 22px}
#peterpen-page-designs .nl-directory>header h2,#peterpen-page-designs .nl-hub-intro h2{font-size:20px;font-weight:700;line-height:1.25;margin:0 0 7px}
#peterpen-page-designs .nl-directory>header p,#peterpen-page-designs .nl-hub-intro p{color:var(--muted);font-size:14px}
#peterpen-page-designs .nl-space-search-field{display:block;width:100%;max-width:440px;margin:0 0 20px}
#peterpen-page-designs .nl-space-search-field input{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--text);font:inherit;font-size:14px;appearance:auto}
#peterpen-page-designs .nl-space-search-field input::placeholder{color:var(--muted);opacity:1}
#peterpen-page-designs .nl-space-search-field input:focus-visible{outline:2px solid var(--nl-accent);outline-offset:2px}
#peterpen-page-designs .nl-search-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#peterpen-page-designs .nl-search-count{margin:0 0 12px;color:var(--muted);font-size:14px}
#peterpen-page-designs .nl-space-search [data-nl-search-results] .nl-directory-empty{overflow-wrap:anywhere}
#peterpen-page-designs .phone .nl-space-search-field{max-width:none}
#peterpen-page-designs .nl-unavailable{max-width:680px;margin:42px auto;padding:38px 28px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:center}
#peterpen-page-designs .nl-unavailable h2{font-size:28px;letter-spacing:-.05em}
#peterpen-page-designs .nl-unavailable>p:not(.nl-eyebrow){color:var(--muted);line-height:1.6}
#peterpen-page-designs .nl-unavailable button{margin-top:13px;padding:11px 19px;border:0;border-radius:9px;background:#176b80;color:#fff;font:inherit;font-weight:700;cursor:pointer}
#peterpen-page-designs .nl-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
#peterpen-page-designs .nl-directory-card{display:block;min-width:0;padding:0;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden;color:var(--ink)}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-directory-card:hover{border-color:var(--nl-accent);background:var(--nl-wash)}}
#peterpen-page-designs .nl-directory-card:focus-visible{outline:2px solid var(--nl-accent);outline-offset:3px}
#peterpen-page-designs .nl-directory-band{display:block;position:relative;width:100%;height:auto;aspect-ratio:5/2;flex:none;overflow:hidden;background:var(--nl-tint)}
#peterpen-page-designs .nl-directory-band img{display:block;width:100%;height:100%;object-fit:cover;opacity:.88}
#peterpen-page-designs .nl-directory-card-body{display:flex;align-items:center;gap:11px;min-width:0;padding:12px}
#peterpen-page-designs .nl-directory-card .author-avatar{width:46px;height:46px;font-size:18px;background:var(--nl-tint);color:var(--nl-accent)}
#peterpen-page-designs .nl-cover-frame{display:block;overflow:hidden;flex:none}
#peterpen-page-designs .nl-cover-frame img{display:block;width:100%;height:100%;object-fit:cover}
#peterpen-page-designs .nl-directory-card-body>span:last-child{display:grid;gap:4px;min-width:0}
#peterpen-page-designs .nl-directory-card strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-directory-card small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-work em{font-style:normal;font-size:12px;color:var(--nl-accent)}
#peterpen-page-designs .nl-hub{box-sizing:border-box;max-width:100%;padding:12px;border-radius:13px;background:var(--canvas)}
#peterpen-page-designs .nl-hub-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nl-hub-section-gap,40px) 24px;margin-bottom:var(--nl-hub-section-gap,40px)}
#peterpen-page-designs .nl-hub-main .nl-hub-section{min-width:0}
#peterpen-page-designs .nl-hub-intro{margin-bottom:17px}
#peterpen-page-designs .nl-hub-intro h2{font-size:20px;font-weight:700;letter-spacing:normal}
#peterpen-page-designs .nl-hub-section,#peterpen-page-designs .nl-hub-joined{min-width:0;margin:0;padding:0 16px 15px;border:1px solid var(--line);border-radius:13px;background:var(--paper);overflow:hidden}
#peterpen-page-designs .nl-hub-heading.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin:0 -16px 16px;padding:12px 16px;background:light-dark(#edf4ff,#202b3b);border-bottom:1px solid light-dark(#c8dcf6,#3a4b65)}
#peterpen-page-designs .nl-hub-heading h3{position:relative;margin:0;padding-left:15px;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.035em}
#peterpen-page-designs .nl-hub-heading h3::before{position:absolute;top:50%;left:0;width:3px;height:18px;border-radius:2px;background:var(--nl-accent);content:"";transform:translateY(-50%)}
#peterpen-page-designs .nl-hub-heading h3 .pp-illustration-heading{width:19px;height:19px;opacity:1;filter:none}
#peterpen-page-designs .nl-hub .pp-illustration-heading,#peterpen-page-designs .nl-hub-list .pp-illustration-heading{opacity:1;filter:none}
#peterpen-page-designs .nl-hub-heading .more{flex:none;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}
#peterpen-page-designs .nl-heading-link{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}#peterpen-page-designs .nl-heading-link:focus-visible{outline:2px solid var(--accent-solid);outline-offset:-2px}#peterpen-page-designs .nl-hub-heading.section-title:has(>.nl-heading-link){padding:0}#peterpen-page-designs .nl-hub-heading>.nl-heading-link{padding:12px 16px}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-heading-link:hover{background:var(--soft)}}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-hub-back:hover{color:var(--nl-accent);text-decoration:underline}}
#peterpen-page-designs .nl-hub-back{padding:5px 0;border:0;background:none;color:var(--nl-accent);font-size:13px;font-weight:700;white-space:nowrap}
#peterpen-page-designs .nl-hub-joined{margin-bottom:var(--nl-hub-section-gap,40px)}
#peterpen-page-designs .nl-hub-joined-shelf{min-width:0}
#peterpen-page-designs .nl-hub-joined-shelf{padding:0 22px;overflow:visible}
#peterpen-page-designs .nl-hub-joined .nl-hub-joined-shelf .book-shelf{grid-auto-columns:minmax(176px,188px)}
#peterpen-page-designs .shelf-wrap.nl-hub-joined-shelf:not(.latest-shelf):not(.lp-shelf) .shelf-arrow{top:50%;bottom:auto;margin-top:0;transform:translateY(-50%)}
#peterpen-page-designs .nl-hub-joined-shelf .shelf-arrow[data-shelf="-1"]{left:0}
#peterpen-page-designs .nl-hub-joined-shelf .shelf-arrow[data-shelf="1"]{right:0}
#peterpen-page-designs .nl-hub-joined-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:9px;box-sizing:border-box;width:100%;min-width:176px;min-height:72px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);text-align:left}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-hub-joined-card:hover{border-color:var(--nl-accent);background:var(--nl-wash)}}
#peterpen-page-designs .nl-hub-joined-card .author-avatar{grid-row:1/3;width:42px;height:42px;background:var(--nl-tint);color:var(--nl-accent)}
#peterpen-page-designs .nl-hub-joined-card strong,#peterpen-page-designs .nl-hub-joined-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-hub-joined-card strong{font-size:13px}
#peterpen-page-designs .nl-hub-joined-card small{position:relative;color:var(--muted);font-size:11px}
#peterpen-page-designs .nl-hub-unread-dot{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--nl-accent)}
#peterpen-page-designs .nl-hub-popular-links{display:flex;flex-wrap:wrap;gap:7px}
#peterpen-page-designs .nl-hub-popular-links button{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:13px;text-align:left}
#peterpen-page-designs .nl-hub-post{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;grid-template-rows:18px 18px;align-items:center;gap:2px 8px;box-sizing:border-box;height:54px;padding:8px 2px;border-top:1px solid var(--line)}
#peterpen-page-designs .nl-hub-post .nl-hub-post-title,#peterpen-page-designs .nl-hub-post-meta{grid-column:2}
#peterpen-page-designs .nl-hub-post.nl-hub-board-post{grid-template-columns:22px minmax(0,1fr) 28px;grid-template-rows:20px 20px;height:58px}#peterpen-page-designs .nl-hub-post .nl-hub-board-cover{grid-column:3;grid-row:1/3;width:28px;height:42px;border-radius:3px;overflow:hidden;cursor:pointer}#peterpen-page-designs .nl-hub-board-cover img{display:block;width:100%;height:100%;object-fit:cover}#peterpen-page-designs .nl-hub-board-age,#peterpen-page-designs .nl-hub-board-post .nl-hub-writer{flex:none}#peterpen-page-designs .nl-hub-board-post .nl-hub-writer{max-width:45%}
#peterpen-page-designs .nl-hub-post:first-child{border-top:0}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-hub-post:hover{background:light-dark(#eaeef5,#343941)}}
#peterpen-page-designs .nl-hub-post button{min-width:0;padding:0;border:0;background:none;text-align:left}
#peterpen-page-designs .nl-hub-post button.nl-hub-post-title{display:flex;align-items:center;gap:0;font-size:12px;font-weight:600;line-height:1.5;color:var(--ink);min-width:0;white-space:nowrap}
#peterpen-page-designs .nl-hub-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-hub-post-title .pp-up-badge.nl-hub-new-badge{background:var(--accent-solid,#2463eb);color:#fff}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-hub-post-title:hover,#peterpen-page-designs .nl-hub-post-space:hover{text-decoration:underline}}
#peterpen-page-designs .nl-hub-rank{color:var(--muted);font-size:13px;font-weight:700;text-align:center}
#peterpen-page-designs .nl-hub-top .nl-hub-rank{color:var(--nl-accent);font-weight:800}
#peterpen-page-designs .nl-hub-post-meta{display:flex;align-items:center;gap:4px;min-width:0;color:var(--muted);font-size:12px;line-height:1.5;white-space:nowrap}
#peterpen-page-designs .nl-hub-writer,#peterpen-page-designs .nl-hub-post .nl-hub-post-space{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-hub-post .nl-hub-post-space{color:inherit;font-size:12px;font-weight:400;line-height:1.5}
#peterpen-page-designs .nl-hub-post .nl-hub-post-avatar{grid-column:3;grid-row:1/3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--soft);color:var(--muted);font-size:14px}
#peterpen-page-designs .nl-hub-post-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#peterpen-page-designs .nl-hub .nl-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#peterpen-page-designs .nl-hub-list .nl-hub-back{margin-bottom:13px}
#peterpen-page-designs .nl-hub-list .nl-hub-posts{padding:0 16px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
#peterpen-page-designs .phone .nl-hub-main{grid-template-columns:1fr}
@container (max-width:800px){#peterpen-page-designs .pc .nl-hub-main{grid-template-columns:1fr}}
#peterpen-page-designs .phone .nl-hub .nl-directory-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#peterpen-page-designs .phone .nl-hub-heading h3{font-size:17px}
#peterpen-page-designs .phone .nl-hub-joined-shelf{padding:0;overflow:hidden}
#peterpen-page-designs .phone .nl-hub-joined .nl-hub-joined-shelf .book-shelf{grid-auto-columns:minmax(176px,188px)}
#peterpen-page-designs .nl-masthead{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:18px;min-height:154px;padding:20px 22px;background:var(--nl-tint);border-radius:9px}
#peterpen-page-designs .nl-masthead::after{z-index:1}
#peterpen-page-designs .nl-masthead>img{position:relative;z-index:0;display:block;width:92px;height:112px;object-fit:cover;flex:none;border-radius:5px}
#peterpen-page-designs .nl-masthead-text{position:relative;z-index:2;min-width:0}
#peterpen-page-designs .nl-masthead-text p:first-child{color:var(--nl-accent);font-size:12px;font-weight:700;margin:0 0 8px}
#peterpen-page-designs .nl-masthead h2{font-size:24px;line-height:1.25;margin:0 0 8px}
#peterpen-page-designs .nl-masthead-text p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#peterpen-page-designs .nl-author .nl-masthead{min-height:184px;background:transparent;border-bottom:3px solid var(--nl-accent);border-radius:0}
#peterpen-page-designs .nl-author .nl-masthead>img{width:112px;height:134px}
#peterpen-page-designs .nl-story .nl-masthead{min-height:195px;background:linear-gradient(120deg,var(--nl-tint),var(--paper));align-items:flex-end}
#peterpen-page-designs .nl-story .nl-masthead>img{width:126px;height:142px}
#peterpen-page-designs .nl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;border-bottom:1px solid var(--line)}
#peterpen-page-designs .nl-toolbar nav{display:flex;gap:4px;min-width:0;white-space:nowrap}
#peterpen-page-designs .nl-toolbar nav button,#peterpen-page-designs .nl-side nav button{border:0;background:transparent;padding:10px 9px}
#peterpen-page-designs .nl-toolbar nav button[aria-current="page"],#peterpen-page-designs .nl-side nav button[aria-current="page"]{color:var(--nl-accent);font-weight:700}
#peterpen-page-designs .nl-toolbar label,#peterpen-page-designs .nl-side label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:var(--muted)}
#peterpen-page-designs .nl-toolbar select,#peterpen-page-designs .nl-side select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:5px}
#peterpen-page-designs .nl-preview-strip{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 2px;color:var(--nl-accent);font-size:12px}
#peterpen-page-designs .nl-preview-strip>span:last-child{display:flex;gap:8px}
#peterpen-page-designs .nl-content{padding:18px 2px 8px}
#peterpen-page-designs .nl-section{margin:0 0 24px}
#peterpen-page-designs .nl-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);margin:0 0 10px;padding:0 0 8px}
#peterpen-page-designs .nl-section-head h3{font-size:18px;margin:0}
#peterpen-page-designs .nl-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
#peterpen-page-designs .nl-home-grid .nl-section{min-width:0}
#peterpen-page-designs .nl-work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}
#peterpen-page-designs .nl-work-card{min-width:0;border:1px solid var(--line);border-radius:7px}
#peterpen-page-designs .nl-work{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;background:transparent;border:0;min-width:0}
#peterpen-page-designs .nl-work-chapters{display:block;width:100%;padding:7px 9px;text-align:right;border:0;border-top:1px solid var(--line);background:transparent;color:var(--nl-accent)!important;font-size:12px!important}
#peterpen-page-designs .nl-work .nl-cover-frame{width:54px;height:81px;border-radius:3px}
#peterpen-page-designs .nl-work>span:last-child{display:grid;gap:4px;min-width:0}
#peterpen-page-designs .nl-work strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
#peterpen-page-designs .nl-work small{font-size:12px;color:var(--muted)}
#peterpen-page-designs .nl-episode-list button,#peterpen-page-designs .nl-post-row,#peterpen-page-designs .nl-chapters button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 2px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line)}
#peterpen-page-designs .nl-episode-list button strong,#peterpen-page-designs .nl-post-row strong{font-size:14px;font-weight:600}
#peterpen-page-designs .nl-episode-list button span,#peterpen-page-designs .nl-post-row small{color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-post-row{display:grid;justify-content:stretch}
#peterpen-page-designs .nl-empty,#peterpen-page-designs .nl-local-note{font-size:13px;color:var(--muted);line-height:1.5}
#peterpen-page-designs .nl-work-detail{display:flex;gap:18px;align-items:start;margin:0 0 24px}
#peterpen-page-designs .nl-work-detail>img{width:115px;aspect-ratio:2/3;object-fit:cover;border-radius:5px}
#peterpen-page-designs .nl-work-detail h2{margin:5px 0 10px}
#peterpen-page-designs .nl-work-detail>div>button,#peterpen-page-designs .nl-form button[type="submit"]{background:var(--nl-action);color:#fff;border:0;border-radius:6px;padding:9px 13px}
#peterpen-page-designs .nl-kicker{font-size:12px;color:var(--nl-accent);font-weight:700}
#peterpen-page-designs .nl-chapters h3{margin-bottom:5px}
#peterpen-page-designs .nl-board-layout{display:block}
#peterpen-page-designs .nl-post-detail h2{font-size:20px}
#peterpen-page-designs .nl-post-by{font-size:12px;color:var(--muted)}
#peterpen-page-designs .nl-post-body{white-space:pre-wrap;line-height:1.7;padding:16px 0}
#peterpen-page-designs .nl-comments{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}
#peterpen-page-designs .nl-comments>p{font-size:13px}
#peterpen-page-designs .nl-form{display:grid;gap:10px;margin:12px 0 20px}
#peterpen-page-designs .nl-form label{display:grid;gap:5px;font-size:13px;font-weight:600}
#peterpen-page-designs .nl-form input,#peterpen-page-designs .nl-form textarea,#peterpen-page-designs .nl-form select{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px}
#peterpen-page-designs .nl-form button{justify-self:start}
#peterpen-page-designs .nl-form.nl-comment-composer{display:block;margin:12px 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
#peterpen-page-designs .nl-form.nl-comment-composer:focus-within{border-color:var(--accent-solid);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-solid) 25%,transparent)}
#peterpen-page-designs .nl-form.nl-comment-composer label{display:block;position:relative;margin:0;font-weight:400}
#peterpen-page-designs .nl-form.nl-comment-composer textarea[data-nl-comment-input]{display:block;box-sizing:border-box;width:100%;height:72px;min-height:72px;max-height:200px;margin:0;padding:12px;border:0;border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;resize:none;overflow-y:hidden;box-shadow:none}
#peterpen-page-designs .nl-form.nl-comment-composer textarea[data-nl-comment-input]:focus{outline:0;box-shadow:none}
#peterpen-page-designs .nl-comment-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px 10px}
#peterpen-page-designs .nl-comment-footer small{font-size:11px;font-weight:400;color:var(--muted)}
#peterpen-page-designs .nl-form.nl-comment-composer .nl-comment-footer button[type=submit]{height:32px;min-height:32px;margin-left:auto;padding:0 14px;border:0;border-radius:999px;background:var(--accent-solid);color:#fff;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
#peterpen-page-designs .nl-form.nl-comment-composer .nl-comment-footer button:disabled{opacity:.4;cursor:default}
#peterpen-page-designs .nl-comment-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#peterpen-page-designs :is(.nl-comments,.nl-serial-comments) .nl-comment-empty{margin:8px 0;font-size:12px;font-weight:400;color:var(--muted)}
#peterpen-page-designs .nl-comment-item{padding:12px 0;border-bottom:1px solid var(--line)}
#peterpen-page-designs .nl-comment-author{font-size:12px;font-weight:600}
#peterpen-page-designs :is(.nl-comments,.nl-serial-comments) .nl-comment-body{margin:5px 0 7px;font-size:14px;font-weight:400;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#peterpen-page-designs .nl-comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#peterpen-page-designs :is(.nl-comments,.nl-serial-comments) .nl-comment-actions button:where(:not(.pp-btn-line)){display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:3px 7px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;cursor:pointer}
#peterpen-page-designs :is(.nl-comments,.nl-serial-comments) .nl-comment-actions button[aria-pressed=true]{background:color-mix(in srgb,var(--accent-solid) 12%,var(--paper));color:var(--accent-text,var(--accent-solid))}
#peterpen-page-designs :is(.nl-comments,.nl-serial-comments) .nl-comment-actions button:disabled{opacity:.4;cursor:default}
#peterpen-page-designs .nl-comment-actions button:focus-visible,#peterpen-page-designs .nl-comment-footer button:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}
#peterpen-page-designs .nl-comment-replies{margin:8px 0 0 12px;padding-left:12px;border-left:2px solid var(--line)}
#peterpen-page-designs .nl-comment-replies .nl-comment-item:last-child{border-bottom:0;padding-bottom:0}
#peterpen-page-designs .nl-manage-group{margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:15px}
#peterpen-page-designs .nl-choices,#peterpen-page-designs .nl-actions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}
#peterpen-page-designs .nl-choices button,#peterpen-page-designs .nl-actions button,#peterpen-page-designs .nl-block-controls button,#peterpen-page-designs .nl-manage-post button{border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:7px 9px;font-size:12px}
#peterpen-page-designs .nl-choices button[aria-pressed="true"]{border-color:var(--nl-accent);color:var(--nl-accent);font-weight:700}
#peterpen-page-designs .nl-block-controls>div,#peterpen-page-designs .nl-manage-post{display:flex;align-items:center;gap:5px;padding:6px 0;border-bottom:1px solid var(--line)}
#peterpen-page-designs .nl-board-edit{display:grid;grid-template-columns:minmax(100px,1fr) minmax(130px,1fr) auto;gap:7px;margin:7px 0}
#peterpen-page-designs .nl-board-edit input,#peterpen-page-designs .nl-board-edit select{min-width:0;padding:7px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:inherit}
#peterpen-page-designs .nl-board-edit button{border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:7px}
#peterpen-page-designs .nl-block-controls span,#peterpen-page-designs .nl-manage-post span{flex:1}
#peterpen-page-designs .nl-reader-crumb{display:flex;align-items:center;gap:7px;margin:12px 0;color:var(--muted);font-size:13px}
#peterpen-page-designs .nl-reader-crumb button{padding:0;border:0;background:transparent;color:var(--nl-accent)}
#peterpen-page-designs .nl-status{min-height:1.2em;color:var(--nl-accent);font-size:12px;margin:8px 0}
#peterpen-page-designs .nl-my-link{display:block;margin:16px 0;padding:10px 0;border:0;background:transparent;color:var(--accent-text);font:inherit;font-weight:700;cursor:pointer}
#peterpen-page-designs .nl-side nav{display:grid;gap:2px}
#peterpen-page-designs .nl-side nav button{display:block;width:100%;text-align:left;border-radius:5px}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-side nav button:hover{background:var(--soft)}}
#peterpen-page-designs .nl-side label{display:grid;margin:18px 8px 8px}
#peterpen-page-designs .nl-side p{font-size:11px;color:var(--muted);margin:0 8px}
@media(max-width:700px){#peterpen-page-designs .pc .nl-side{display:none}}
#peterpen-page-designs .phone .nl-home-grid{grid-template-columns:1fr}
#peterpen-page-designs .phone .nl-masthead{min-height:115px;padding:14px;gap:12px}
#peterpen-page-designs .phone .nl-masthead>img{width:62px;height:82px}
#peterpen-page-designs .phone .nl-masthead h2{font-size:19px}
#peterpen-page-designs .phone .nl-toolbar{display:block;padding:5px 0}
#peterpen-page-designs .phone .nl-toolbar label{padding:5px 8px}
#peterpen-page-designs .phone .nl-content{padding:15px 2px}
#peterpen-page-designs .phone .nl-work-grid{grid-template-columns:1fr}#peterpen-page-designs .phone .nl-directory-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#peterpen-page-designs .phone .nl-work-detail>img{width:80px}
#peterpen-page-designs .phone .nl-block-controls>div{flex-wrap:wrap}
#peterpen-page-designs .phone .nl-board-edit{grid-template-columns:1fr}
#peterpen-page-designs .nl-has-cover .nl-masthead{display:block;padding:0;background:transparent;min-height:0}
#peterpen-page-designs .nl-has-cover .nl-masthead>img{display:block;width:100%;height:auto;aspect-ratio:10/3;object-fit:cover;border-radius:8px}
#peterpen-page-designs .nl-has-cover .nl-masthead-text{padding:12px 2px}

/* Neverland public home and editor. All declarations stay inside the preview host. */
#peterpen-page-designs .nl-cafe{--nl-accent:#176b80;--nl-action:#176b80;--nl-tint:#e8f4f4;--nl-deep:#103d4b;--nl-wash:#f5faf9;--nl-outline:#d5e4e6;color:var(--ink);background:var(--paper)}
#peterpen-page-designs .nl-sage{--nl-accent:#3c745e;--nl-action:#3c745e;--nl-tint:#eaf4ec;--nl-deep:#204838;--nl-wash:#f7faf5;--nl-outline:#d9e6dc}
#peterpen-page-designs .nl-rose{--nl-accent:#a45071;--nl-action:#a45071;--nl-tint:#faedf1;--nl-deep:#66324a;--nl-wash:#fdf8f9;--nl-outline:#ecd9df}
#peterpen-page-designs .nl-amber{--nl-accent:#996028;--nl-action:#996028;--nl-tint:#fbf1df;--nl-deep:#5d3e20;--nl-wash:#fdfaf4;--nl-outline:#ecdfc9}
#peterpen-page-designs .nl-ink{--nl-accent:#394451;--nl-action:#394451;--nl-tint:#eceff1;--nl-deep:#242b35;--nl-wash:#f8f9f9;--nl-outline:#dbe0e5}
#peterpen-page-designs .nl-violet{--nl-accent:#7158a1;--nl-action:#7158a1;--nl-tint:#f1edf9;--nl-deep:#463568;--nl-wash:#faf8fd;--nl-outline:#e3dcf0}
#peterpen-page-designs .nl-teal{--nl-accent:#196b70;--nl-action:#196b70;--nl-tint:#e8f5f3;--nl-deep:#12484b;--nl-wash:#f4fbf9;--nl-outline:#cce7e2}
#peterpen-page-designs .nl-coral{--nl-accent:#a74c43;--nl-action:#a74c43;--nl-tint:#fff0ec;--nl-deep:#71342f;--nl-wash:#fff9f7;--nl-outline:#f0dad3}
#peterpen-page-designs .nl-mint{--nl-accent:#347865;--nl-action:#347865;--nl-tint:#eaf8f1;--nl-deep:#245344;--nl-wash:#f6fcf8;--nl-outline:#d6ede1}
#peterpen-page-designs .nl-plum{--nl-accent:#804d78;--nl-action:#804d78;--nl-tint:#f7edf5;--nl-deep:#593651;--nl-wash:#fcf8fb;--nl-outline:#eadce7}
#peterpen-page-designs .nl-sky{--nl-accent:#326e96;--nl-action:#326e96;--nl-tint:#eaf5fc;--nl-deep:#244c69;--nl-wash:#f7fbfe;--nl-outline:#d5e8f4}
#peterpen-page-designs .nl-clay{--nl-accent:#895e4c;--nl-action:#895e4c;--nl-tint:#f7eee9;--nl-deep:#603f34;--nl-wash:#fcf9f6;--nl-outline:#eaded6}
#peterpen-page-designs .nl-pine{--nl-accent:#316a54;--nl-action:#316a54;--nl-tint:#e9f3ed;--nl-deep:#214a39;--nl-wash:#f6faf6;--nl-outline:#d7e7da}
#peterpen-page-designs .nl-peach{--nl-accent:#a85846;--nl-action:#a85846;--nl-tint:#fff0e9;--nl-deep:#713d34;--nl-wash:#fffaf7;--nl-outline:#f0ded4}
#peterpen-page-designs .nl-navy{--nl-accent:#395783;--nl-action:#395783;--nl-tint:#edf2fa;--nl-deep:#293e5f;--nl-wash:#f8fafd;--nl-outline:#dce4f0}
#peterpen-page-designs .nl-lilac{--nl-accent:#76589a;--nl-action:#76589a;--nl-tint:#f3eef9;--nl-deep:#503b69;--nl-wash:#fbf9fd;--nl-outline:#e8def1}
#peterpen-page-designs .nl-olive{--nl-accent:#657333;--nl-action:#657333;--nl-tint:#f2f5e6;--nl-deep:#424b25;--nl-wash:#fafbf5;--nl-outline:#e1e8cf}
#peterpen-page-designs .nl-cocoa{--nl-accent:#785547;--nl-action:#785547;--nl-tint:#f5eee9;--nl-deep:#503a30;--nl-wash:#faf8f5;--nl-outline:#e7dcd5}
#peterpen-page-designs .nl-ruby{--nl-accent:#9a4057;--nl-action:#9a4057;--nl-tint:#faedf1;--nl-deep:#6a2e3f;--nl-wash:#fdf8fa;--nl-outline:#eed8df}
#peterpen-page-designs .nl-ice{--nl-accent:#3a7182;--nl-action:#3a7182;--nl-tint:#eaf6f9;--nl-deep:#2a4f5b;--nl-wash:#f7fcfd;--nl-outline:#d6e9ed}
#peterpen-page-designs .nl-moss{--nl-accent:#566c43;--nl-action:#566c43;--nl-tint:#eef4e9;--nl-deep:#3a4b31;--nl-wash:#f8faf6;--nl-outline:#dce7d5}
#peterpen-page-designs .nl-dusk{--nl-accent:#925774;--nl-action:#925774;--nl-tint:#f8edf3;--nl-deep:#633d52;--nl-wash:#fcf8fa;--nl-outline:#ebdbe4}
#peterpen-page-designs .nl-cream{--nl-accent:#8d6533;--nl-action:#8d6533;--nl-tint:#fbf4e7;--nl-deep:#614724;--nl-wash:#fdfaf4;--nl-outline:#eee4d0}
#peterpen-page-designs .nl-charcoal{--nl-accent:#4d5660;--nl-action:#4d5660;--nl-tint:#eef0f2;--nl-deep:#303840;--nl-wash:#f9fafb;--nl-outline:#dce0e4}
#peterpen-page-designs[data-appearance="dark"] .nl-cafe{--nl-deep:#e7f3f4;--nl-wash:#24292c;--nl-outline:#3c484b;--nl-tint:#25353b}
#peterpen-page-designs .nl-cafe :is(button,input,textarea,select){font:inherit}
#peterpen-page-designs .nl-cafe button{cursor:pointer}
#peterpen-page-designs .nl-cafe .nl-masthead{position:relative;display:flex;align-items:center;min-height:calc(284 * var(--nl-hero-unit,1px));margin:0;padding:calc(42 * var(--nl-hero-unit,1px)) clamp(calc(30 * var(--nl-hero-unit,1px)),5%,calc(68 * var(--nl-hero-unit,1px)));overflow:hidden;border:0;border-radius:22px;background:var(--nl-tint)}
#peterpen-page-designs .nl-cafe .nl-masthead-text{position:relative;z-index:2;max-width:calc(720 * var(--nl-hero-unit,1px));padding:0}
#peterpen-page-designs .nl-cafe .nl-masthead-text .nl-hero-eyebrow{margin:0 0 16px;color:var(--nl-accent);font-size:12px;letter-spacing:.11em;font-weight:700}
#peterpen-page-designs .nl-cafe .nl-masthead :is(h2,.nl-name-text){font-size:clamp(35px,4.2vw,60px);font-weight:750;letter-spacing:-.065em;line-height:1.13;margin:0 0 15px;color:var(--nl-deep)}
#peterpen-page-designs .nl-cafe .nl-masthead-text>p:last-of-type{max-width:610px;margin:0;color:var(--ink);font-size:16px;line-height:1.7}
#peterpen-page-designs .nl-font-serif :is(.nl-masthead h2,.nl-section-head h3){font-family:Georgia,'Noto Serif KR','Batang',serif;letter-spacing:-.045em}
#peterpen-page-designs .nl-heading-regular .nl-masthead h2{font-size:clamp(30px,3.2vw,45px)!important}
#peterpen-page-designs .nl-align-center .nl-masthead{text-align:center;justify-content:center}
#peterpen-page-designs .nl-align-center .nl-masthead-text{margin:auto}
#peterpen-page-designs .nl-align-center :is(.nl-address){justify-content:center}



#peterpen-page-designs .nl-membership{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}
#peterpen-page-designs .nl-align-center .nl-membership{justify-content:center}
#peterpen-page-designs .nl-membership button{min-height:44px;border:1px solid var(--nl-action);border-radius:999px;padding:11px 19px;background:var(--nl-action);color:#fff;font-size:13px;font-weight:750;line-height:1.25;cursor:pointer}
#peterpen-page-designs .nl-membership .nl-leave-button{padding:8px 12px;border-color:currentColor;background:transparent;color:var(--nl-deep);font-size:12px}
#peterpen-page-designs .nl-membership strong{font-size:13px;color:var(--nl-deep)}
#peterpen-page-designs .nl-directory-empty{margin:20px 0;color:var(--muted);font-size:14px}
#peterpen-page-designs .nl-story .nl-membership strong,#peterpen-page-designs .nl-story .nl-membership .nl-leave-button,#peterpen-page-designs .nl-has-cover:not(.nl-mobile) .nl-membership strong,#peterpen-page-designs .nl-has-cover:not(.nl-mobile) .nl-membership .nl-leave-button{color:#fff}
#peterpen-page-designs .nl-cafe.nl-author .nl-masthead{min-height:calc(344 * var(--nl-hero-unit,1px));background:var(--nl-wash);border-bottom:0}
#peterpen-page-designs .nl-cafe.nl-author .nl-masthead-text{max-width:calc(740 * var(--nl-hero-unit,1px))}
#peterpen-page-designs .nl-cafe.nl-author .nl-masthead h2{font-size:clamp(46px,5vw,76px)}
#peterpen-page-designs .nl-cafe.nl-story .nl-masthead{min-height:calc(378 * var(--nl-hero-unit,1px));align-items:flex-end;background:var(--nl-deep)}
#peterpen-page-designs .nl-cafe.nl-story.nl-hero-tall .nl-masthead{min-height:calc(480 * var(--nl-hero-unit,1px))}
#peterpen-page-designs .nl-cafe.nl-story .nl-masthead.nl-masthead-has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,28,.76),rgba(8,25,28,.32) 58%,rgba(8,25,28,.06));pointer-events:none}
#peterpen-page-designs .nl-cafe.nl-story .nl-header-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
#peterpen-page-designs .nl-cafe-preview .nl-masthead .nl-focal-control{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;padding:14px;display:flex;align-items:flex-start;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;cursor:move;touch-action:none;user-select:none}
#peterpen-page-designs .nl-focal-control span{padding:7px 12px;border-radius:999px;background:rgba(8,25,28,.65);font-size:13px;font-weight:500;pointer-events:none}
#peterpen-page-designs .nl-cafe-preview .nl-masthead .nl-focal-control:focus-visible{outline:3px solid #fff;outline-offset:-5px;box-shadow:inset 0 0 0 7px var(--nl-accent)}
#peterpen-page-designs .nl-cafe-preview .nl-masthead .nl-focal-control[data-movable="false"]{cursor:default;touch-action:auto}
#peterpen-page-designs [data-nl-focal-reset]{justify-self:start;padding:6px 12px;font-size:13px}
#peterpen-page-designs .nl-cafe.nl-story .nl-masthead :is(h2,.nl-name-text,.nl-hero-eyebrow,.nl-masthead-text>p:last-of-type){color:#fff}


#peterpen-page-designs .nl-cafe.nl-has-cover:not(.nl-mobile) .nl-masthead{display:flex;align-items:flex-end;min-height:calc(378 * var(--nl-hero-unit,1px));padding:calc(42 * var(--nl-hero-unit,1px)) clamp(calc(30 * var(--nl-hero-unit,1px)),5%,calc(68 * var(--nl-hero-unit,1px)));background:var(--nl-deep)}
#peterpen-page-designs .nl-cafe.nl-has-cover.nl-hero-tall:not(.nl-mobile) .nl-masthead{min-height:calc(480 * var(--nl-hero-unit,1px))}
#peterpen-page-designs .nl-cafe.nl-has-cover:not(.nl-mobile) .nl-masthead.nl-masthead-has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,28,.78),rgba(8,25,28,.42) 58%,rgba(8,25,28,.16));pointer-events:none}
#peterpen-page-designs .nl-cafe.nl-has-cover:not(.nl-mobile) .nl-header-image{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
#peterpen-page-designs .nl-cafe.nl-has-cover:not(.nl-mobile) .nl-masthead-text{padding:0}
#peterpen-page-designs .nl-cafe.nl-has-cover:not(.nl-mobile) .nl-masthead :is(h2,.nl-name-text,.nl-hero-eyebrow,.nl-masthead-text>p:last-of-type){color:#fff}


#peterpen-page-designs .nl-cafe:not(.nl-mobile).nl-hero-compact .nl-masthead{min-height:calc(218 * var(--nl-hero-unit,1px))}
#peterpen-page-designs .nl-cafe:not(.nl-mobile).nl-hero-tall .nl-masthead{min-height:calc(430 * var(--nl-hero-unit,1px))}
#peterpen-page-designs .nl-cafe.nl-board:not(.nl-mobile) .nl-masthead{border-radius:14px}
#peterpen-page-designs .nl-cafe.nl-magazine:not(.nl-mobile) .nl-masthead{border-radius:3px}
#peterpen-page-designs .nl-cafe.nl-minimal:not(.nl-mobile) .nl-masthead{max-width:760px;min-height:calc(210 * var(--nl-hero-unit,1px));margin:auto;background:transparent;border-bottom:1px solid var(--nl-outline);border-radius:0}
#peterpen-page-designs .nl-cafe.nl-minimal:not(.nl-mobile) .nl-public-main{width:100%;max-width:760px;margin:auto}
#peterpen-page-designs .nl-cafe.nl-minimal:not(.nl-mobile) .nl-home-grid{width:100%;max-width:710px;margin:auto}
#peterpen-page-designs .nl-cafe.nl-minimal:not(.nl-mobile) .nl-work-card{border:0;border-bottom:1px solid var(--nl-outline);border-radius:0}


#peterpen-page-designs .nl-cafe:not(.nl-mobile) .nl-masthead .nl-custom-text{font-size:var(--nl-text-size)!important;font-weight:var(--nl-text-weight)!important;-webkit-text-stroke:var(--nl-stroke-width) var(--nl-stroke-color);paint-order:stroke fill}
#peterpen-page-designs .nl-cafe:not(.nl-mobile) .nl-masthead p.nl-intro-text{font-size:var(--nl-text-size)!important}
#peterpen-page-designs .nl-custom-text.nl-text-sans{font-family:system-ui,'Malgun Gothic',sans-serif!important}
#peterpen-page-designs .nl-custom-text.nl-text-serif{font-family:Georgia,'Noto Serif KR','Batang',serif!important}
#peterpen-page-designs .nl-custom-text.nl-text-italic{font-style:italic}
#peterpen-page-designs .nl-custom-text.nl-text-color-light{color:#fff!important}
#peterpen-page-designs .nl-custom-text.nl-text-color-dark{color:#102b35!important}
#peterpen-page-designs .nl-custom-text.nl-text-color-accent{color:var(--nl-accent)!important}
#peterpen-page-designs .nl-custom-text.nl-text-shadow-soft{text-shadow:0 calc(1 * var(--nl-hero-unit,1px)) calc(4 * var(--nl-hero-unit,1px)) #071e2890}
#peterpen-page-designs .nl-custom-text.nl-text-shadow-strong{text-shadow:0 calc(2 * var(--nl-hero-unit,1px)) calc(8 * var(--nl-hero-unit,1px)) #071e28cc,0 0 calc(2 * var(--nl-hero-unit,1px)) #071e28b0}
#peterpen-page-designs .nl-cafe .nl-toolbar{display:flex;min-height:70px;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--nl-outline);padding:0 4px}
#peterpen-page-designs .nl-cafe .nl-toolbar nav{display:flex;flex:1;min-width:0;gap:5px;flex-wrap:nowrap;overflow:clip}
#peterpen-page-designs .nl-cafe .nl-toolbar nav>button{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#peterpen-page-designs .nl-cafe .nl-toolbar nav>button[hidden]{display:none}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-cafe .nl-toolbar nav>button:hover{background:var(--nl-tint);color:var(--nl-accent)}}
#peterpen-page-designs .nl-nav-popover{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);max-height:min(420px,calc(100dvh - 24px));overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 12px 36px #0002;z-index:1000;white-space:normal}
#peterpen-page-designs .nl-nav-popover[hidden]{display:none}
#peterpen-page-designs .nl-cafe .nl-toolbar nav .nl-nav-popover button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 10px;border:0;border-radius:7px;text-align:left;background:transparent;color:var(--ink);font:inherit;font-size:14px}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-cafe .nl-toolbar nav .nl-nav-popover button:hover{background:var(--nl-tint);color:var(--nl-accent)}}#peterpen-page-designs .nl-cafe .nl-toolbar nav .nl-nav-popover button[aria-current="page"]{background:var(--nl-tint);color:var(--nl-accent)}
#peterpen-page-designs .nl-nav-popover button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@supports (top:anchor(bottom)){#peterpen-page-designs .nl-nav-popover{top:anchor(bottom);left:anchor(left);margin-top:6px;position-try-fallbacks:flip-inline,flip-block;position-try-order:most-height}}
#peterpen-page-designs .nl-cafe.nl-nav-side:not(.nl-mobile) .nl-toolbar nav{display:none}
#peterpen-page-designs .nl-cafe .nl-toolbar nav button{padding:19px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:600;white-space:nowrap}
#peterpen-page-designs .nl-cafe .nl-toolbar nav button[aria-current="page"]{color:var(--nl-deep);border-bottom-color:var(--nl-accent)}
#peterpen-page-designs .nl-cafe .nl-toolbar label{margin-left:auto}
#peterpen-page-designs .nl-public-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
#peterpen-page-designs .nl-nav-side .nl-public-grid{grid-template-columns:170px minmax(0,1fr)}
#peterpen-page-designs .nl-public-side{padding:28px 0 0 4px}
#peterpen-page-designs .nl-public-side nav{display:grid;gap:4px}
#peterpen-page-designs .nl-public-side nav button{border:0;border-radius:9px;padding:12px 15px;text-align:left;background:transparent;color:var(--muted);font-weight:600}
#peterpen-page-designs .nl-public-side nav button[aria-current="page"]{background:var(--nl-tint);color:var(--nl-deep)}
#peterpen-page-designs .nl-cafe .nl-content{padding:30px 2px 24px}
#peterpen-page-designs .nl-home-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px 28px}
#peterpen-page-designs .nl-columns-split,#peterpen-page-designs .nl-columns-lead{grid-template-columns:repeat(2,minmax(0,1fr))}
#peterpen-page-designs .nl-home-grid .nl-span-full{grid-column:1/-1}
#peterpen-page-designs .nl-home-grid .nl-section{min-width:0;margin:0;border-top:1px solid var(--nl-outline);padding:18px 0 0}
#peterpen-page-designs .nl-section-head{margin:0 0 17px;padding:0;border:0;align-items:baseline}
#peterpen-page-designs .nl-section-head h3{font-size:22px;line-height:1.25;letter-spacing:-.045em;margin:0}
#peterpen-page-designs .nl-library{display:grid;gap:20px}
#peterpen-page-designs .nl-library-works{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}
#peterpen-page-designs .nl-work-card{border:1px solid var(--nl-outline);border-radius:13px;overflow:hidden;background:var(--paper)}
#peterpen-page-designs .nl-work{padding:13px;gap:13px}
#peterpen-page-designs .nl-work .nl-cover-frame{width:62px;height:91px;border-radius:5px}
#peterpen-page-designs .nl-work strong{font-size:15px;line-height:1.45}
#peterpen-page-designs .nl-work small{font-size:12px}
#peterpen-page-designs .nl-work em{font-weight:700}
#peterpen-page-designs .nl-work-chapters{padding:10px 13px}
#peterpen-page-designs .nl-library-list .nl-library-works{grid-template-columns:1fr}
#peterpen-page-designs .nl-library-list .nl-work-card{border:0;border-bottom:1px solid var(--nl-outline);border-radius:0}
#peterpen-page-designs .nl-library-spotlight .nl-library-works{grid-template-columns:repeat(2,minmax(0,1fr))}
#peterpen-page-designs .nl-library-spotlight .nl-work-card:first-child{grid-column:1/-1;background:var(--nl-wash)}
#peterpen-page-designs .nl-library-spotlight .nl-work-card:first-child .nl-work{padding:22px;gap:22px}
#peterpen-page-designs .nl-library-spotlight .nl-work-card:first-child .nl-cover-frame{width:100px;height:148px}
#peterpen-page-designs .nl-library-spotlight .nl-work-card:first-child strong{font-size:22px}
#peterpen-page-designs .nl-episode-list{border-top:1px solid var(--nl-outline)}
#peterpen-page-designs .nl-episode-list button{padding:14px 3px;border-color:var(--nl-outline)}
#peterpen-page-designs .nl-episode-list button strong{font-size:14px}
#peterpen-page-designs .nl-episode-list button span{color:var(--nl-accent);font-size:12px}
#peterpen-page-designs .nl-post-row{padding:14px 3px;border-color:var(--nl-outline);gap:5px}
#peterpen-page-designs .nl-post-row strong{font-size:14px}
#peterpen-page-designs .nl-directory h2 .ui-icon,#peterpen-page-designs .nl-work-detail h2 .ui-icon{display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:-3px}
#peterpen-page-designs .nl-section-head h3 .ui-icon,#peterpen-page-designs .nl-hub-heading h3 .ui-icon{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-3px}
#peterpen-page-designs .nl-template-cafe:not(.nl-mobile) .nl-public-side{padding:18px 12px 0 0;border-right:1px solid var(--nl-outline)}
#peterpen-page-designs .nl-template-cafe:not(.nl-mobile) .nl-home-cafe{gap:18px}
#peterpen-page-designs .nl-template-cafe:not(.nl-mobile) .nl-home-cafe .nl-section{padding:18px;border:1px solid var(--nl-outline);border-radius:10px;background:var(--paper)}
#peterpen-page-designs .nl-template-cafe:not(.nl-mobile) .nl-home-cafe .nl-section[data-nl-section="notice"]{border-left:3px solid var(--nl-accent)}
#peterpen-page-designs .nl-template-board:not(.nl-mobile):not(.nl-has-cover) .nl-masthead{min-height:188px;padding:26px 32px;background:var(--nl-wash)}
#peterpen-page-designs .nl-template-board:not(.nl-mobile) .nl-home-board{gap:18px 24px}
#peterpen-page-designs .nl-board-directory{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px 18px;border:1px solid var(--nl-outline);border-radius:10px;background:var(--nl-wash)}
#peterpen-page-designs .nl-board-directory strong{margin-right:8px;font-size:13px;color:var(--nl-deep)}
#peterpen-page-designs .nl-board-directory button{min-height:36px;padding:6px 12px;border:1px solid var(--nl-outline);border-radius:8px;background:var(--paper);color:var(--nl-deep);font:inherit;font-size:12px;font-weight:650;cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-board-directory button:hover{border-color:var(--nl-accent)}}
#peterpen-page-designs .nl-template-board:not(.nl-mobile) .nl-home-board .nl-section[data-nl-section="posts"]{padding:20px;border:1px solid var(--nl-outline);border-radius:10px;background:var(--paper)}
#peterpen-page-designs .nl-template-author:not(.nl-mobile) .nl-home-author{grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr);gap:26px}
#peterpen-page-designs .nl-template-author:not(.nl-mobile) .nl-home-author .nl-section[data-nl-section="welcome"]{padding:28px;background:var(--nl-wash);border:0;border-radius:12px}
#peterpen-page-designs .nl-author-profile-avatar{width:74px;height:74px;margin:6px 0 20px;font-size:27px}
#peterpen-page-designs .nl-template-author:not(.nl-mobile) .nl-home-author .nl-welcome-body{font-size:16px;line-height:1.9}
#peterpen-page-designs .nl-template-story:not(.nl-mobile) .nl-home-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
#peterpen-page-designs .nl-template-story:not(.nl-mobile) .nl-library-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#peterpen-page-designs .nl-template-story:not(.nl-mobile) .nl-library-works .nl-work-card:first-child{grid-column:1/-1;background:var(--nl-wash)}
#peterpen-page-designs .nl-template-story:not(.nl-mobile) .nl-library-works .nl-work-card:first-child .nl-work{padding:24px;gap:24px}
#peterpen-page-designs .nl-template-story:not(.nl-mobile) .nl-library-works .nl-work-card:first-child .nl-cover-frame{width:118px;height:174px}
#peterpen-page-designs .nl-template-story:not(.nl-mobile) .nl-library-works .nl-work-card:first-child strong{font-size:23px}
#peterpen-page-designs .nl-story-reading-paths{padding:16px 20px;border:1px solid var(--nl-outline);border-radius:11px;background:var(--paper)}
#peterpen-page-designs .nl-story-reading-paths h4{margin:0 0 8px;color:var(--nl-deep);font-size:14px}
#peterpen-page-designs .nl-template-magazine:not(.nl-mobile) .nl-home-magazine{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:34px}
#peterpen-page-designs .nl-template-magazine:not(.nl-mobile) .nl-home-magazine .nl-section[data-nl-section="serial"]{border-top:3px solid var(--nl-deep);padding-top:22px}
#peterpen-page-designs .nl-template-magazine:not(.nl-mobile) .nl-home-magazine .nl-section[data-nl-section="welcome"]{padding:25px;border:1px solid var(--nl-outline);background:var(--nl-wash)}
#peterpen-page-designs .nl-template-magazine:not(.nl-mobile) .nl-home-magazine .nl-section-head h3{font-family:Georgia,'Noto Serif KR','Batang',serif;font-size:clamp(24px,2.7vw,32px)}
#peterpen-page-designs .nl-template-magazine:not(.nl-mobile) .nl-home-magazine .nl-library-spotlight .nl-work-card:first-child strong{font-size:24px}
#peterpen-page-designs .nl-template-minimal:not(.nl-mobile) .nl-home-minimal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;margin:auto;gap:45px}
#peterpen-page-designs .nl-template-minimal:not(.nl-mobile) .nl-home-minimal .nl-section{padding-top:22px}
#peterpen-page-designs .nl-template-minimal:not(.nl-mobile) .nl-home-minimal .nl-section-head h3{font-size:21px;font-weight:550}
#peterpen-page-designs .nl-template-minimal:not(.nl-mobile) .nl-home-minimal .nl-welcome-body{font-family:Georgia,'Noto Serif KR','Batang',serif;font-size:18px;line-height:2}
@container (max-width:880px){#peterpen-page-designs .pc .nl-template-story .nl-library-works{grid-template-columns:repeat(2,minmax(0,1fr))}}
#peterpen-page-designs .nl-welcome-body{font-size:15px;line-height:1.8;white-space:pre-wrap;color:var(--ink)}
#peterpen-page-designs .nl-space-compact .nl-home-grid{gap:18px}
#peterpen-page-designs .nl-space-airy .nl-home-grid{gap:52px 34px}
#peterpen-page-designs .nl-space-airy .nl-content{padding-top:48px}
#peterpen-page-designs .nl-cafe-preview [data-nl-section]{cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-cafe-preview [data-nl-section]:hover{outline:2px solid var(--nl-accent);outline-offset:3px}}
#peterpen-page-designs .nl-cafe-preview[data-selected-section="brand"] [data-nl-section="brand"],#peterpen-page-designs .nl-cafe-preview[data-selected-section="notice"] [data-nl-section="notice"],#peterpen-page-designs .nl-cafe-preview[data-selected-section="serial"] [data-nl-section="serial"],#peterpen-page-designs .nl-cafe-preview[data-selected-section="posts"] [data-nl-section="posts"],#peterpen-page-designs .nl-cafe-preview[data-selected-section="welcome"] [data-nl-section="welcome"]{outline:2px solid var(--nl-accent);outline-offset:3px}
#peterpen-page-designs .nl-cafe-preview button{pointer-events:none}
#peterpen-page-designs .nl-mobile.nl-cafe{--nl-wash:var(--paper);background:var(--paper)}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-masthead{min-height:0;display:block;padding:23px 18px 56px;border-radius:14px;background:var(--nl-tint);text-align:left}
#peterpen-page-designs .nl-mobile.nl-cafe:not(.nl-has-cover) .nl-masthead::after{display:none}
#peterpen-page-designs .nl-mobile.nl-cafe.nl-has-cover .nl-header-image{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
#peterpen-page-designs .nl-mobile.nl-cafe.nl-has-cover .nl-masthead.nl-masthead-has-image::after{content:"";position:absolute;inset:0;display:block;background:var(--nl-tint);background:linear-gradient(100deg,color-mix(in srgb,var(--nl-tint) 88%,transparent),color-mix(in srgb,var(--nl-tint) 78%,transparent));pointer-events:none}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-masthead h2{font-family:inherit;font-size:27px!important;letter-spacing:-.055em;color:var(--nl-deep)}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-masthead-text>p:last-of-type{font-size:13px;line-height:1.6;color:var(--ink)}


#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar{display:flex;min-height:0;flex-wrap:wrap;gap:5px;padding:7px 0}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar nav{width:100%;flex-basis:100%;gap:0}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar nav button{padding:10px 9px;font-size:12px}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar label{padding:3px 8px}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-public-grid{display:block}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-content{padding:16px 2px}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-home-grid{display:grid;grid-template-columns:1fr;gap:23px}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-home-grid .nl-section{grid-column:auto}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-section-head h3{font-size:18px}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-library-works{display:grid;grid-template-columns:1fr;gap:0}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-work-card{border:0;border-bottom:1px solid var(--nl-outline);border-radius:0}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-work{padding:10px 0}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-work .nl-cover-frame{width:47px;height:70px}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-work-chapters{padding:7px 0}
#peterpen-page-designs .nl-reader-mode.nl-mobile .nl-public-grid{display:block}
#peterpen-page-designs .nl-reader-mode:not(.nl-mobile) .nl-public-main{min-width:0}
#peterpen-page-designs .nl-masthead .nl-address{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin-top:12px;color:var(--nl-deep);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#peterpen-page-designs .nl-cafe:not(.nl-mobile):is(.nl-has-cover,.nl-story,.nl-multi-tone) .nl-address{color:#fff}
#peterpen-page-designs .nl-cafe.nl-vivid:not(.nl-mobile) .nl-masthead .nl-address.nl-text-color-auto{color:var(--nl-vivid-text)}
#peterpen-page-designs .nl-masthead .nl-address.nl-text-color-light{color:#fff!important}
#peterpen-page-designs .nl-masthead .nl-address.nl-text-color-dark{color:#102b35!important}
#peterpen-page-designs .nl-masthead .nl-address.nl-text-color-accent{color:var(--nl-accent)!important}
#peterpen-page-designs .nl-masthead .nl-address.nl-text-color-custom{color:var(--nl-custom-text-color)!important}
#peterpen-page-designs .nl-cafe .nl-masthead .nl-address button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:4px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;pointer-events:auto}
#peterpen-page-designs .nl-cafe-preview .nl-masthead:has(>.nl-focal-control) .nl-masthead-text{z-index:5;pointer-events:none}
#peterpen-page-designs .nl-address button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#peterpen-page-designs .nl-address-status{font-size:11px}
#peterpen-page-designs .nl-cafe .nl-register-entry{background:var(--nl-action)!important;border-color:var(--nl-action)!important;color:#fff!important;min-height:42px;padding:10px 18px;border-radius:9px;font-weight:700}
#peterpen-page-designs .nl-creation-address{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
#peterpen-page-designs .nl-creation-address span{display:block;margin-top:4px;color:var(--ink)}

/* Default artwork remains image-only; titles are selectable HTML text. */
#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 .nl-serial-work-header>.work-cover-art{width:130px;max-width:130px;align-self:flex-start}
#peterpen-page-designs .nl-cover-frame>.work-cover-art{height:100%}
#peterpen-page-designs .wr-row-cover{display:block;flex:none;width:54px;height:81px;overflow:hidden;border-radius:6px}
#peterpen-page-designs .wr-row-cover>img{width:100%;height:100%;object-fit:cover}

/* One compact checkbox treatment across settings, posts and episode editing. */
#peterpen-page-designs .sns-choices{border:0;padding:0;margin:18px 0}
#peterpen-page-designs .sns-choices legend{font-size:13px;font-weight:650;margin-bottom:9px;padding:0}
#peterpen-page-designs .wr-register .sns-choices{border:0;padding:0;margin:18px 0}
#peterpen-page-designs .wr-register .sns-choices legend{font-size:13px;font-weight:650;margin-bottom:9px;padding:0}
#peterpen-page-designs .sns-chip-list{display:flex;flex-wrap:wrap;gap:8px}
#peterpen-page-designs .sns-choices .sns-chip,#peterpen-page-designs .wr-register .sns-choices .sns-chip{display:inline-flex;align-items:center;gap:7px;margin:0;padding:8px 12px;min-height:36px;box-sizing:border-box;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.2;cursor:pointer}
#peterpen-page-designs .sns-choices .sns-chip input[type=checkbox]{appearance:auto;display:inline-block;width:16px;height:16px;min-height:16px;margin:0;padding:0;flex:none;accent-color:var(--accent-solid)}
#peterpen-page-designs .sns-choices .sns-chip:has(input:checked){border-color:var(--accent-solid);background:color-mix(in srgb,var(--accent-solid) 12%,var(--paper));color:var(--accent-text)}
#peterpen-page-designs .sns-chip:focus-within{outline:2px solid var(--accent-solid);outline-offset:2px}
#peterpen-page-designs .sns-panel{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
#peterpen-page-designs .sns-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:17px}
#peterpen-page-designs .sns-preview{display:flex;align-items:center;gap:14px;min-width:0;padding-bottom:16px;border-bottom:1px solid var(--line)}
#peterpen-page-designs .sns-cover{display:block;flex:none;width:64px;height:96px;overflow:hidden;border-radius:6px}
#peterpen-page-designs .sns-cover>img{display:block;width:100%;height:100%;object-fit:cover}
#peterpen-page-designs .sns-preview-info{min-width:0;overflow-wrap:anywhere}
#peterpen-page-designs .sns-preview-info strong{font-size:16px;line-height:1.4}
#peterpen-page-designs .sns-preview-info p{margin:7px 0;font-size:14px}
#peterpen-page-designs .sns-preview-info small{color:var(--muted);font-size:12px}
#peterpen-page-designs .sns-episode-number{display:inline-block;margin-right:4px;font-weight:700;color:var(--accent-text)}
#peterpen-page-designs .sns-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#peterpen-page-designs .sns-actions .sns-action,#peterpen-page-designs .wr-register .sns-actions .sns-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;margin:0;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font:inherit;font-size:13px;line-height:1.25;text-decoration:none;cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .sns-action:hover{border-color:var(--accent-solid)}}
#peterpen-page-designs .sns-action:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}
#peterpen-page-designs .sns-action .ui-icon{width:16px;height:16px;flex:none}
#peterpen-page-designs .sns-panel-help,#peterpen-page-designs [data-sns-status]{font-size:12px;color:var(--muted)}
#peterpen-page-designs [data-sns-status]{display:block;min-height:1.4em;margin-top:8px}

/* Dedicated management workspace */
#peterpen-page-designs .nl-studio{--studio-line:#dce3e5;--studio-bg:#f4f7f7;--studio-ink:#1b2930;--studio-accent:#166c81;min-width:0;background:var(--studio-bg);color:var(--studio-ink);border-radius:20px}
#peterpen-page-designs[data-appearance="dark"] .nl-studio{--studio-line:#3e494d;--studio-bg:#212729;--studio-ink:#ecf4f5;--studio-accent:#9cdbe8}
#peterpen-page-designs .nl-studio :is(button,input,textarea,select){font:inherit}
#peterpen-page-designs .nl-studio button{cursor:pointer}
#peterpen-page-designs .nl-studio button:focus-visible,#peterpen-page-designs .nl-studio :is(input,textarea,select):focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}
#peterpen-page-designs .nl-studio-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:28px 30px 21px;background:var(--paper)}
#peterpen-page-designs .nl-eyebrow{margin:0 0 7px;color:var(--nl-accent,var(--studio-accent));font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#peterpen-page-designs .nl-studio-heading h1{margin:0 0 5px;font-size:30px;line-height:1.1;letter-spacing:-.055em}
#peterpen-page-designs .nl-studio-heading>p:last-child{margin:0;color:var(--muted);font-size:13px}
#peterpen-page-designs .nl-studio-topright{display:flex;align-items:center;gap:13px}
#peterpen-page-designs .nl-studio-topright label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-studio-topright select{padding:8px;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink)}
#peterpen-page-designs .nl-studio-topright>button{padding:9px 13px;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink)}
#peterpen-page-designs .nl-studio-tabs{display:flex;gap:4px;padding:0 29px;background:var(--paper);border-bottom:1px solid var(--studio-line)}
#peterpen-page-designs .nl-studio-tabs button{padding:14px 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700;font-size:13px}
#peterpen-page-designs .nl-studio-tabs button[aria-current="true"]{border-bottom-color:var(--studio-accent);color:var(--studio-ink)}
#peterpen-page-designs .nl-studio-workspace{display:grid;grid-template-columns:minmax(245px,29%) minmax(0,1fr);gap:16px;padding:18px;align-items:start}
#peterpen-page-designs .nl-studio-controls,#peterpen-page-designs .nl-studio-canvas{min-width:0;background:var(--paper);border:1px solid var(--studio-line);border-radius:14px;overflow:hidden}
#peterpen-page-designs .nl-studio-controls{max-height:740px;overflow:auto}
#peterpen-page-designs .nl-design-tabs{display:flex;gap:3px;padding:8px;border-bottom:1px solid var(--studio-line)}
#peterpen-page-designs .nl-design-tabs button{flex:1;min-width:0;padding:9px 3px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}
#peterpen-page-designs .nl-design-tabs button[aria-current="true"]{background:var(--studio-bg);color:var(--studio-ink)}
#peterpen-page-designs .nl-controls-content{padding:19px}
#peterpen-page-designs .nl-controls-content h3{font-size:20px;letter-spacing:-.04em;margin:0 0 16px}
#peterpen-page-designs .nl-control-help{color:var(--muted);font-size:12px;line-height:1.55;margin:12px 0}
#peterpen-page-designs .nl-template-list{display:grid;gap:9px}
#peterpen-page-designs .nl-template-list>button{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:9px;border:1px solid var(--studio-line);border-radius:12px;background:var(--paper);color:var(--studio-ink)}
#peterpen-page-designs .nl-template-list>button[aria-pressed="true"]{border:2px solid var(--studio-accent);padding:8px;background:var(--studio-bg)}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-template-list>button:hover{border-color:var(--studio-accent)}}
#peterpen-page-designs .nl-template-list>button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}
#peterpen-page-designs .nl-template-group{margin:6px 2px -2px;color:var(--muted);font-size:12px;font-weight:700}
#peterpen-page-designs .nl-template-group:first-child{margin-top:0}
#peterpen-page-designs .nl-template-list strong{display:block;font-size:13px;margin-bottom:3px}
#peterpen-page-designs .nl-template-list small{display:block;color:var(--muted);font-size:11px;line-height:1.4}
#peterpen-page-designs .nl-template-thumb{position:relative;display:block;height:63px;border-radius:7px;background:#e8f1f3;overflow:hidden}
#peterpen-page-designs .nl-template-thumb i{position:absolute;display:block;border-radius:2px;background:#5b9ba9}
#peterpen-page-designs .nl-thumb-cafe i:first-child{left:9px;top:10px;width:67px;height:13px}
#peterpen-page-designs .nl-thumb-cafe i:nth-child(2){left:9px;top:29px;width:16px;height:26px}
#peterpen-page-designs .nl-thumb-cafe i:nth-child(3){left:31px;top:29px;width:44px;height:26px;background:#b2d1d6}
#peterpen-page-designs .nl-thumb-author{background:#f1ede5}
#peterpen-page-designs .nl-thumb-author i:first-child{left:8px;top:8px;width:14px;height:47px;background:#cfc2ad}
#peterpen-page-designs .nl-thumb-author i:nth-child(2){left:28px;top:8px;width:50px;height:26px;background:#9a8b77}
#peterpen-page-designs .nl-thumb-author i:nth-child(3){left:28px;top:40px;width:40px;height:5px;background:#cfc2ad}
#peterpen-page-designs .nl-thumb-story{background:#2a7281}
#peterpen-page-designs .nl-thumb-story i:first-child{inset:8px 8px 28px;background:linear-gradient(140deg,#86c9cc,#d9dfc8)}
#peterpen-page-designs .nl-thumb-story i:nth-child(2){left:10px;bottom:13px;width:45px;height:7px;background:white}
#peterpen-page-designs .nl-thumb-story i:nth-child(3){left:10px;bottom:5px;width:33px;height:4px;background:#bddde0}
#peterpen-page-designs .nl-thumb-board{background:#e9eff0}
#peterpen-page-designs .nl-thumb-board i:first-child{left:8px;top:8px;width:14px;height:47px;background:#799aa1}
#peterpen-page-designs .nl-thumb-board i:nth-child(2){left:28px;top:8px;width:50px;height:10px;background:#a7c3c7}
#peterpen-page-designs .nl-thumb-board i:nth-child(3){left:28px;top:24px;width:50px;height:31px;background:#d0dddf}
#peterpen-page-designs .nl-thumb-magazine{background:#e4ebe8}
#peterpen-page-designs .nl-thumb-magazine i:first-child{left:8px;top:7px;width:70px;height:25px;background:#547e78}
#peterpen-page-designs .nl-thumb-magazine i:nth-child(2){left:8px;top:38px;width:42px;height:18px;background:#aac7bb}
#peterpen-page-designs .nl-thumb-magazine i:nth-child(3){right:8px;top:38px;width:20px;height:18px;background:#cad8d0}
#peterpen-page-designs .nl-thumb-minimal{background:#f5f5f2}
#peterpen-page-designs .nl-thumb-minimal i:first-child{left:20px;top:12px;width:46px;height:8px;background:#879394}
#peterpen-page-designs .nl-thumb-minimal i:nth-child(2){left:20px;top:29px;width:46px;height:3px;background:#c4cbca}
#peterpen-page-designs .nl-thumb-minimal i:nth-child(3){left:20px;top:40px;width:36px;height:3px;background:#c4cbca}
#peterpen-page-designs .nl-control-fields{display:grid;gap:14px}
#peterpen-page-designs .nl-control-fields label{display:grid;gap:6px;color:var(--studio-ink);font-size:12px;font-weight:700}
#peterpen-page-designs .nl-control-fields :is(input,textarea,select){width:100%;min-width:0;padding:10px 11px;border:1px solid var(--studio-line);border-radius:9px;background:var(--paper);color:var(--studio-ink);font-size:13px;font-weight:400}
#peterpen-page-designs .nl-control-fields textarea{resize:vertical;line-height:1.5}
#peterpen-page-designs .nl-text-controls{display:grid;gap:12px;border-top:1px solid var(--studio-line);padding-top:15px}
#peterpen-page-designs .nl-text-controls h4{margin:0;font-size:13px}
#peterpen-page-designs .nl-text-target,#peterpen-page-designs .nl-text-toggles{display:flex;gap:6px}
#peterpen-page-designs .nl-text-target button,#peterpen-page-designs .nl-text-toggles button{flex:1;padding:8px;border:1px solid var(--studio-line);border-radius:7px;background:var(--paper);color:var(--studio-ink);font-size:11px}
#peterpen-page-designs .nl-text-target button[aria-pressed="true"],#peterpen-page-designs .nl-text-toggles button[aria-pressed="true"]{background:var(--studio-accent);border-color:var(--studio-accent);color:#fff}
#peterpen-page-designs .nl-palette-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:7px;margin:3px 0 5px;min-width:0}
#peterpen-page-designs .nl-swatch{display:grid;place-items:center;width:36px;height:36px;border:2px solid transparent;border-radius:50%;background:transparent;padding:3px}
#peterpen-page-designs .nl-swatch[aria-pressed="true"]{border-color:var(--studio-ink)}
#peterpen-page-designs .nl-swatch span{display:block;width:100%;height:100%;border-radius:50%;background:#176b80}
#peterpen-page-designs .nl-swatch-sage span{background:#3c745e}
#peterpen-page-designs .nl-swatch-rose span{background:#a45071}
#peterpen-page-designs .nl-swatch-amber span{background:#996028}
#peterpen-page-designs .nl-swatch-ink span{background:#394451}
#peterpen-page-designs .nl-swatch-violet span{background:#7158a1}
#peterpen-page-designs .nl-swatch-teal span{background:#196b70}#peterpen-page-designs .nl-swatch-coral span{background:#a74c43}#peterpen-page-designs .nl-swatch-mint span{background:#347865}#peterpen-page-designs .nl-swatch-plum span{background:#804d78}#peterpen-page-designs .nl-swatch-sky span{background:#326e96}#peterpen-page-designs .nl-swatch-clay span{background:#895e4c}#peterpen-page-designs .nl-swatch-pine span{background:#316a54}#peterpen-page-designs .nl-swatch-peach span{background:#a85846}#peterpen-page-designs .nl-swatch-navy span{background:#395783}#peterpen-page-designs .nl-swatch-lilac span{background:#76589a}#peterpen-page-designs .nl-swatch-olive span{background:#657333}#peterpen-page-designs .nl-swatch-cocoa span{background:#785547}#peterpen-page-designs .nl-swatch-ruby span{background:#9a4057}#peterpen-page-designs .nl-swatch-ice span{background:#3a7182}#peterpen-page-designs .nl-swatch-moss span{background:#566c43}#peterpen-page-designs .nl-swatch-dusk span{background:#925774}#peterpen-page-designs .nl-swatch-cream span{background:#8d6533}#peterpen-page-designs .nl-swatch-charcoal span{background:#4d5660}
#peterpen-page-designs .nl-image-control{border-top:1px solid var(--studio-line);padding-top:16px}
#peterpen-page-designs .nl-image-control h4,#peterpen-page-designs .nl-block-controls h4{margin:0 0 10px;font-size:13px}
#peterpen-page-designs .nl-image-moods{display:flex;flex-wrap:nowrap;gap:14px;min-width:0;contain:inline-size;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--studio-line);margin-bottom:12px}
#peterpen-page-designs .nl-image-moods::-webkit-scrollbar{display:none}
#peterpen-page-designs .nl-image-moods button{flex:none;height:34px;padding:0 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}
#peterpen-page-designs .nl-image-moods button[aria-current="true"]{border-bottom-color:var(--studio-accent);color:var(--studio-ink)}
#peterpen-page-designs .nl-image-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}
#peterpen-page-designs .nl-image-options button{display:grid;gap:7px;min-width:0;padding:7px;border:1px solid var(--studio-line);border-radius:10px;background:var(--paper);color:var(--studio-ink);font-size:12px;text-align:left;cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-image-options button:hover{border-color:var(--studio-accent)}}
#peterpen-page-designs .nl-image-options button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}
#peterpen-page-designs .nl-image-options button[aria-pressed="true"]{border:2px solid var(--studio-accent);padding:6px;background:var(--studio-bg);font-weight:700}
#peterpen-page-designs .nl-image-options img,#peterpen-page-designs .nl-upload-empty{display:grid;place-items:center;width:100%;height:82px;object-fit:cover;border-radius:6px;background:var(--studio-bg)}
#peterpen-page-designs .nl-image-control input[type="file"]{font-size:12px;color:var(--studio-ink)}
#peterpen-page-designs .nl-image-control input[type="file"]::file-selector-button{min-height:40px;margin-right:10px;padding:8px 14px;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink);font:inherit;font-weight:700;cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-image-control input[type="file"]::file-selector-button:hover{border-color:var(--studio-accent);background:var(--studio-bg)}}
#peterpen-page-designs .nl-block-controls{border-top:1px solid var(--studio-line);padding-top:15px}
#peterpen-page-designs .nl-section-property{padding:14px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-bg)}
#peterpen-page-designs .nl-section-property h4{margin:0;font-size:15px}
#peterpen-page-designs .nl-section-property>div{display:flex;gap:5px}
#peterpen-page-designs .nl-section-property button{flex:1;padding:8px;border:1px solid var(--studio-line);border-radius:7px;background:var(--paper);color:var(--studio-ink);font-size:11px}
#peterpen-page-designs .nl-section-property button[aria-pressed="true"]{background:var(--studio-accent);border-color:var(--studio-accent);color:white}
#peterpen-page-designs .nl-block-row{display:flex;align-items:center;gap:5px;padding:9px 0;border-bottom:1px solid var(--studio-line)}
#peterpen-page-designs .nl-block-row>span:first-child{flex:1;font-size:12px;font-weight:700}
#peterpen-page-designs .nl-block-row button{padding:5px 7px;border:1px solid var(--studio-line);border-radius:6px;background:var(--paper);color:var(--studio-ink);font-size:11px}
#peterpen-page-designs .nl-block-row button[aria-pressed="true"]{border-color:var(--studio-accent);color:var(--studio-accent)}
#peterpen-page-designs .nl-reorder{display:flex;gap:2px}
#peterpen-page-designs .nl-reorder button{width:24px;padding:4px 0}
#peterpen-page-designs .nl-studio-canvas{background:#e8eff0}
#peterpen-page-designs .nl-canvas-toolbar{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--studio-line);background:var(--paper)}
#peterpen-page-designs .nl-canvas-toolbar strong{font-size:12px}
#peterpen-page-designs .nl-canvas-toolbar>span{color:var(--muted);font-size:11px}
#peterpen-page-designs .nl-canvas-toolbar>div{display:flex;gap:4px;margin-left:auto;padding:3px;border-radius:7px;background:var(--studio-bg)}
#peterpen-page-designs .nl-canvas-toolbar button,#peterpen-page-designs .nl-mobile-editor-switch button{padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}
#peterpen-page-designs .nl-canvas-toolbar button[aria-pressed="true"],#peterpen-page-designs .nl-mobile-editor-switch button[aria-pressed="true"]{background:var(--paper);color:var(--studio-ink);box-shadow:0 1px 4px #0002}
#peterpen-page-designs .nl-canvas-viewport{min-width:0;min-height:500px;max-height:780px;overflow:auto;scrollbar-gutter:stable;padding:18px;background:#e8eff0}
#peterpen-page-designs .nl-canvas-desktop .nl-cafe-preview{width:960px;padding:22px;background:var(--paper);box-shadow:0 9px 24px #263c4720}
#peterpen-page-designs .nl-canvas-phone .nl-cafe-preview{width:390px;min-height:640px;margin:auto;padding:15px;background:var(--paper);border-radius:22px;box-shadow:0 9px 24px #263c4720}
#peterpen-page-designs .nl-cafe-preview .nl-toolbar{display:flex!important}
#peterpen-page-designs .nl-mobile-editor-switch{display:none}
#peterpen-page-designs .nl-studio-actionbar{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid var(--studio-line);background:var(--paper);box-shadow:0 5px 16px #21333810}
#peterpen-page-designs .nl-studio-actionbar>span{color:var(--muted);font-size:12px;font-weight:700}
#peterpen-page-designs .nl-studio-actionbar>div{display:flex;gap:7px;flex-wrap:wrap}
#peterpen-page-designs .nl-studio-actionbar button{padding:9px 13px;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink);font-size:12px;font-weight:700}
#peterpen-page-designs .nl-studio-actionbar .nl-primary{background:var(--studio-accent);border-color:var(--studio-accent);color:white;min-width:70px}
#peterpen-page-designs .nl-studio .nl-status{padding:0 20px;color:var(--studio-accent)}
#peterpen-page-designs .nl-management-page{max-width:900px;margin:auto;padding:25px 22px 40px}
#peterpen-page-designs .nl-management-intro{margin-bottom:22px}
#peterpen-page-designs .nl-management-intro h2{font-size:25px;letter-spacing:-.05em}
#peterpen-page-designs .nl-management-intro>p:last-child{font-size:13px;color:var(--muted)}
#peterpen-page-designs .nl-management-card{margin:0 0 15px;padding:21px;background:var(--paper);border:1px solid var(--studio-line);border-radius:13px}
#peterpen-page-designs .nl-management-card h3{font-size:17px;letter-spacing:-.03em}
#peterpen-page-designs .nl-management-card .nl-form{margin:14px 0 0}
#peterpen-page-designs .nl-management-card .nl-board-edit{grid-template-columns:minmax(0,1fr) 68px 155px auto;padding:9px 0;border-bottom:1px solid var(--studio-line)}
#peterpen-page-designs .nl-board-kind{align-self:center;color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-management-card .nl-manage-post{gap:15px;padding:12px 0}
#peterpen-page-designs .nl-manage-post span{display:grid;gap:4px}
#peterpen-page-designs .nl-manage-post small{font-size:11px;color:var(--muted)}
#peterpen-page-designs .nl-manage-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
#peterpen-page-designs .nl-manage-actions:has(> :only-child){grid-template-columns:1fr}
#peterpen-page-designs .nl-manage-actions button{min-height:60px;padding:12px;border:1px solid var(--studio-accent);border-radius:12px;background:var(--paper);color:var(--studio-ink);font-weight:700;text-align:left;cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-manage-actions button:hover{background:var(--studio-bg)}}
#peterpen-page-designs .nl-manage-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px 0;border-bottom:1px solid var(--studio-line)}
#peterpen-page-designs .nl-manage-item:last-child{border-bottom:0}
#peterpen-page-designs .nl-manage-item>span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
#peterpen-page-designs .nl-manage-item small{color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-manage-item button,#peterpen-page-designs .nl-manage-post button{min-height:44px;flex:none}
#peterpen-page-designs .nl-deleted-items summary{cursor:pointer;font-weight:700}
#peterpen-page-designs .nl-post-manage-list{margin-top:12px}
#peterpen-page-designs .nl-management-card>label{display:grid;gap:7px;font-size:13px;font-weight:650}
#peterpen-page-designs .nl-management-card>label select{min-height:44px;padding:9px;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink)}
#peterpen-page-designs .nl-manage-post{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--studio-line)}
#peterpen-page-designs .nl-manage-post>div{display:flex;gap:6px}
#peterpen-page-designs .nl-event-list{display:grid;gap:8px}
#peterpen-page-designs .nl-event-list article{display:grid;gap:3px;padding:9px;border:1px solid var(--nl-outline);border-radius:8px}
#peterpen-page-designs .nl-event-list time,#peterpen-page-designs .nl-event-list small{font-size:12px;color:var(--nl-deep)}
#peterpen-page-designs .nl-manage-dialog{width:min(520px,calc(100vw - 32px));max-height:min(740px,90dvh);padding:0;border:1px solid var(--studio-line);border-radius:18px;background:var(--paper);color:var(--studio-ink);box-shadow:0 22px 70px #0005}
#peterpen-page-designs .nl-manage-dialog::backdrop{background:#15212ac9}
#peterpen-page-designs .nl-dialog-form{display:flex;flex-direction:column;max-height:min(740px,90dvh)}
#peterpen-page-designs .nl-dialog-form header{padding:22px 24px 12px}
#peterpen-page-designs .nl-dialog-form h2{margin:5px 0 0;font-size:22px}
#peterpen-page-designs .nl-dialog-fields{display:grid;gap:15px;overflow:auto;padding:8px 24px 20px}
#peterpen-page-designs .nl-dialog-fields>label{display:grid;gap:6px;font-weight:650;font-size:14px}
#peterpen-page-designs .nl-dialog-fields :is(input:not([type=radio]),textarea){width:100%;min-height:44px;box-sizing:border-box;padding:10px;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink)}
#peterpen-page-designs .nl-dialog-fields fieldset{display:flex;gap:8px;min-width:0;margin:0;padding:0;border:0}
#peterpen-page-designs .nl-dialog-fields legend{margin-bottom:7px;font-weight:650;font-size:14px}
#peterpen-page-designs .nl-choice{display:flex;align-items:center;gap:7px;flex:1;min-height:44px;padding:8px;border:1px solid var(--studio-line);border-radius:8px;font-size:13px;cursor:pointer}
#peterpen-page-designs .nl-choice:has(input:checked){border-color:var(--studio-accent);background:var(--studio-bg)}
#peterpen-page-designs .nl-dialog-error{margin:0;color:#a3202e;font-size:13px}
#peterpen-page-designs .nl-form-error{margin:0;color:#a3202e;font-size:13px}
#peterpen-page-designs .nl-form-error:empty{display:none}
#peterpen-page-designs .nl-dialog-form footer{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--studio-line);background:var(--paper)}
#peterpen-page-designs .nl-dialog-form footer span{flex:1}
#peterpen-page-designs .nl-dialog-form footer button{min-height:44px;padding:8px 16px;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink);cursor:pointer}
#peterpen-page-designs .nl-dialog-form footer .nl-primary{background:var(--studio-accent);border-color:var(--studio-accent);color:#fff}
#peterpen-page-designs .nl-dialog-form footer .nl-danger{color:#a3202e;border-color:#dc9ca3}
#peterpen-page-designs .nl-manage-dialog :focus-visible,#peterpen-page-designs .nl-manage-actions button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}
#peterpen-page-designs .phone .nl-manage-actions{grid-template-columns:1fr}
#peterpen-page-designs .phone .nl-manage-actions button{min-height:52px}
#peterpen-page-designs .phone .nl-manage-dialog{width:100%;max-width:100%;max-height:90dvh;max-height:90vh;margin:auto 0 0;border-radius:18px 18px 0 0}
#peterpen-page-designs .phone .nl-dialog-form{max-height:90dvh}
#peterpen-page-designs .phone .nl-dialog-form footer{position:sticky;bottom:0;padding:12px 16px}
@media(max-width:650px){#peterpen-page-designs .nl-manage-actions{grid-template-columns:1fr}#peterpen-page-designs .nl-manage-dialog{width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0;border-radius:18px 18px 0 0}#peterpen-page-designs .nl-dialog-form{max-height:90dvh}#peterpen-page-designs .nl-dialog-form footer{position:sticky;bottom:0}}
@container(max-width:820px){#peterpen-page-designs .pc .nl-studio-workspace{grid-template-columns:1fr}#peterpen-page-designs .pc .nl-studio-controls{max-height:none}#peterpen-page-designs .pc .nl-mobile-editor-switch{display:flex;gap:5px;padding:8px 14px;background:var(--paper)}#peterpen-page-designs .pc .nl-studio[data-editor-display="controls"] .nl-canvas-viewport{display:none}#peterpen-page-designs .pc .nl-studio[data-editor-display="preview"] .nl-studio-controls{display:none}}
#peterpen-page-designs .phone .nl-studio-workspace{grid-template-columns:1fr;padding:10px}
#peterpen-page-designs .phone .nl-studio-header{display:block;padding:20px 15px 15px}
#peterpen-page-designs .phone .nl-studio-topright{justify-content:space-between;margin-top:14px}
#peterpen-page-designs .phone .nl-studio-tabs{padding:0 8px}
#peterpen-page-designs .phone .nl-studio-tabs button{padding:11px}
#peterpen-page-designs .phone .nl-mobile-editor-switch{display:flex;gap:5px;padding:8px 14px;background:var(--paper)}
#peterpen-page-designs .phone .nl-studio[data-editor-display="controls"] .nl-canvas-viewport{display:none}
#peterpen-page-designs .phone .nl-studio[data-editor-display="preview"] .nl-studio-controls{display:none}
#peterpen-page-designs .phone .nl-studio-actionbar{display:block;padding:10px}
#peterpen-page-designs .phone .nl-studio-actionbar>div{margin-top:7px}
#peterpen-page-designs .phone .nl-studio-actionbar button{flex:1;padding:8px 5px}
#peterpen-page-designs .phone .nl-management-card .nl-board-edit{grid-template-columns:1fr}

/* Curated color themes keep older saved palette classes available above. */
#peterpen-page-designs .nl-duo-coast{--nl-accent:#075f81;--nl-action:#075f81;--nl-deep:#123c58;--nl-tint:#e4f3f7;--nl-outline:#bfd9e2;--nl-hero-bg:linear-gradient(108deg,#075f81 0 52%,#d5a05b 52%);--nl-image-overlay:linear-gradient(105deg,#075f81d9,#4e7180a8 56%,#d5a05b54)}
#peterpen-page-designs .nl-duo-garden{--nl-accent:#306647;--nl-action:#306647;--nl-deep:#224935;--nl-tint:#eef4db;--nl-outline:#d3dfc8;--nl-hero-bg:linear-gradient(110deg,#28694f 0 55%,#e2bc55 55%);--nl-image-overlay:linear-gradient(110deg,#205a48df,#468056a8 58%,#b79c4680)}
#peterpen-page-designs .nl-duo-rose{--nl-accent:#9d4769;--nl-action:#9d4769;--nl-deep:#573448;--nl-tint:#f8e9ee;--nl-outline:#e9d0da;--nl-hero-bg:linear-gradient(110deg,#a64b71 0 54%,#303b4e 54%);--nl-image-overlay:linear-gradient(110deg,#833852e8,#6c3955a8 58%,#273247c9)}
#peterpen-page-designs .nl-duo-night{--nl-accent:#514d99;--nl-action:#514d99;--nl-deep:#353764;--nl-tint:#ececf9;--nl-outline:#d6d6ea;--nl-hero-bg:linear-gradient(110deg,#283b6d 0 58%,#9b79c9 58%);--nl-image-overlay:linear-gradient(110deg,#26345fe9,#524b82bd 58%,#9877c48c)}
#peterpen-page-designs .nl-gradient-ocean{--nl-accent:#087994;--nl-action:#087994;--nl-deep:#144b64;--nl-tint:#e3f6f8;--nl-outline:#c1e0e7;--nl-hero-bg:linear-gradient(125deg,#065775,#0c90a1 55%,#7ccac6);--nl-image-overlay:linear-gradient(125deg,#075575e9,#08798bb8 58%,#6cc1b570)}
#peterpen-page-designs .nl-gradient-sunrise{--nl-accent:#a04961;--nl-action:#a04961;--nl-deep:#79394a;--nl-tint:#fff1e6;--nl-outline:#edd5cd;--nl-hero-bg:linear-gradient(120deg,#973959,#df755e 55%,#f5b868);--nl-image-overlay:linear-gradient(120deg,#74334de9,#b25458c2 55%,#d9955a8a)}
#peterpen-page-designs .nl-gradient-forest{--nl-accent:#286e58;--nl-action:#286e58;--nl-deep:#235141;--nl-tint:#e6f4e7;--nl-outline:#cae1cf;--nl-hero-bg:linear-gradient(120deg,#164b42,#328267 55%,#a6c98b);--nl-image-overlay:linear-gradient(120deg,#164b42ed,#317a62c4 55%,#90ad7b85)}
#peterpen-page-designs .nl-gradient-dusk{--nl-accent:#7d4f91;--nl-action:#7d4f91;--nl-deep:#56396c;--nl-tint:#f3ebf8;--nl-outline:#e2d3eb;--nl-hero-bg:linear-gradient(120deg,#44365e,#815a94 55%,#d08ba3);--nl-image-overlay:linear-gradient(120deg,#403354ee,#76518ec4 55%,#ba7c9e91)}
#peterpen-page-designs .nl-gradient-ember{--nl-accent:#a35b27;--nl-action:#a35b27;--nl-deep:#704327;--nl-tint:#fff1df;--nl-outline:#eddbc3;--nl-hero-bg:linear-gradient(120deg,#793f30,#c16b32 55%,#e9b35d);--nl-image-overlay:linear-gradient(120deg,#683d32eb,#a56139c4 55%,#d69a5694)}
#peterpen-page-designs .nl-gradient-lilac{--nl-accent:#6857a2;--nl-action:#6857a2;--nl-deep:#463e79;--nl-tint:#f0edfb;--nl-outline:#ddd7f0;--nl-hero-bg:linear-gradient(120deg,#514c91,#8574bf 55%,#bca8dc);--nl-image-overlay:linear-gradient(120deg,#464780e9,#7465abbf 55%,#ab99cd8c)}
#peterpen-page-designs .nl-cafe.nl-multi-tone:not(.nl-mobile):not(.nl-has-cover) .nl-masthead{background:linear-gradient(100deg,rgba(7,24,38,.35),rgba(7,24,38,.58)),var(--nl-hero-bg);border:0}
#peterpen-page-designs .nl-cafe.nl-multi-tone:not(.nl-mobile) .nl-masthead :is(h2,.nl-name-text,.nl-hero-eyebrow,.nl-masthead-text>p:last-of-type){color:#fff}


#peterpen-page-designs .nl-cafe.nl-multi-tone.nl-has-cover:not(.nl-mobile) .nl-masthead.nl-masthead-has-image::after{background:var(--nl-image-overlay)}
#peterpen-page-designs .nl-mobile.nl-cafe.nl-multi-tone .nl-masthead{background:linear-gradient(100deg,rgba(7,24,38,.35),rgba(7,24,38,.58)),var(--nl-hero-bg)}
#peterpen-page-designs .nl-mobile.nl-cafe.nl-multi-tone.nl-has-cover .nl-masthead.nl-masthead-has-image::after{background:linear-gradient(100deg,rgba(7,24,38,.35),rgba(7,24,38,.58)),var(--nl-image-overlay)}
#peterpen-page-designs .nl-mobile.nl-cafe.nl-multi-tone .nl-masthead :is(h2,.nl-name-text,.nl-hero-eyebrow,.nl-masthead-text>p:last-of-type){color:#fff}


#peterpen-page-designs[data-appearance="dark"] .nl-cafe.nl-multi-tone{--nl-deep:#e9eff8;--nl-tint:#25343c;--nl-outline:#45505b}
#peterpen-page-designs[data-appearance="dark"] .nl-duo-coast{--nl-accent:#8bcde2;--nl-action:#8bcde2}
#peterpen-page-designs[data-appearance="dark"] .nl-duo-garden{--nl-accent:#a2d7ae;--nl-action:#a2d7ae}
#peterpen-page-designs[data-appearance="dark"] .nl-duo-rose{--nl-accent:#edabc4;--nl-action:#edabc4}
#peterpen-page-designs[data-appearance="dark"] .nl-duo-night{--nl-accent:#baa7ec;--nl-action:#baa7ec}
#peterpen-page-designs[data-appearance="dark"] .nl-gradient-ocean{--nl-accent:#87d9df;--nl-action:#87d9df}
#peterpen-page-designs[data-appearance="dark"] .nl-gradient-sunrise{--nl-accent:#f5b3a3;--nl-action:#f5b3a3}
#peterpen-page-designs[data-appearance="dark"] .nl-gradient-forest{--nl-accent:#9dd7b5;--nl-action:#9dd7b5}
#peterpen-page-designs[data-appearance="dark"] .nl-gradient-dusk{--nl-accent:#d2addd;--nl-action:#d2addd}
#peterpen-page-designs[data-appearance="dark"] .nl-gradient-ember{--nl-accent:#f2bb87;--nl-action:#f2bb87}
#peterpen-page-designs[data-appearance="dark"] .nl-gradient-lilac{--nl-accent:#c8b7ee;--nl-action:#c8b7ee}
#peterpen-page-designs .nl-design-tabs button{white-space:nowrap;min-height:39px;padding:9px 1px;font-size:10px;line-height:1.2;letter-spacing:-.04em}
#peterpen-page-designs .phone .nl-design-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.9fr)}
#peterpen-page-designs .nl-palette-picker{display:grid;gap:12px}
#peterpen-page-designs .nl-palette-group h4{margin:0 0 5px;font-size:12px;color:var(--studio-ink)}
#peterpen-page-designs .nl-palette-choices{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}
#peterpen-page-designs .nl-legacy-color{display:flex;align-items:center;gap:7px;margin:1px 0;font-size:12px;color:var(--studio-ink)}
#peterpen-page-designs .nl-current-color{margin:0;font-size:12px;font-weight:700;color:var(--studio-ink)}
#peterpen-page-designs .nl-swatch-duo-coast span{background:linear-gradient(90deg,#075f81 50%,#d5a05b 50%)}
#peterpen-page-designs .nl-swatch-duo-garden span{background:linear-gradient(90deg,#28694f 50%,#e2bc55 50%)}
#peterpen-page-designs .nl-swatch-duo-rose span{background:linear-gradient(90deg,#a64b71 50%,#303b4e 50%)}
#peterpen-page-designs .nl-swatch-duo-night span{background:linear-gradient(90deg,#283b6d 50%,#9b79c9 50%)}
#peterpen-page-designs .nl-swatch-gradient-ocean span{background:linear-gradient(120deg,#065775,#0c90a1,#7ccac6)}
#peterpen-page-designs .nl-swatch-gradient-sunrise span{background:linear-gradient(120deg,#973959,#df755e,#f5b868)}
#peterpen-page-designs .nl-swatch-gradient-forest span{background:linear-gradient(120deg,#164b42,#328267,#a6c98b)}
#peterpen-page-designs .nl-swatch-gradient-dusk span{background:linear-gradient(120deg,#44365e,#815a94,#d08ba3)}
#peterpen-page-designs .nl-swatch-gradient-ember span{background:linear-gradient(120deg,#793f30,#c16b32,#e9b35d)}
#peterpen-page-designs .nl-swatch-gradient-lilac span{background:linear-gradient(120deg,#514c91,#8574bf,#bca8dc)}

/* One focused customization pane at a time. */
#peterpen-page-designs .nl-design-tabs,#peterpen-page-designs .phone .nl-design-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;border-bottom:1px solid var(--studio-line)}
#peterpen-page-designs .nl-design-tabs button{display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;min-height:54px;padding:5px 1px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;line-height:1.1;letter-spacing:0;white-space:normal;cursor:pointer}
#peterpen-page-designs .nl-design-tabs button[aria-current="true"]{border-color:var(--studio-accent);background:var(--studio-bg);color:var(--studio-ink)}
#peterpen-page-designs .nl-design-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--studio-bg);font-size:14px;font-weight:750}
#peterpen-page-designs .nl-design-icon .ui-icon{width:18px;height:18px}
#peterpen-page-designs .nl-design-tabs button[aria-current="true"] .nl-design-icon{background:var(--studio-accent);color:#fff}
#peterpen-page-designs .nl-controls-content{padding:17px}
#peterpen-page-designs .nl-text-controls,#peterpen-page-designs .nl-image-control{border:0;padding-top:0}
#peterpen-page-designs .nl-text-advanced{padding:11px 12px;border:1px solid var(--studio-line);border-radius:9px}
#peterpen-page-designs .nl-text-advanced summary{cursor:pointer;font-size:12px;font-weight:700}
#peterpen-page-designs .nl-text-advanced>div{display:grid;gap:11px;padding-top:12px}
#peterpen-page-designs .nl-custom-color-field{display:flex;align-items:center;gap:9px}
#peterpen-page-designs .nl-custom-color-chip{display:block;flex:none;width:28px;height:28px;border:1px solid var(--studio-line);border-radius:8px}
#peterpen-page-designs .nl-custom-color-field input{flex:1}
#peterpen-page-designs .clr-picker{z-index:40}
#peterpen-page-designs .nl-text-target button,#peterpen-page-designs .nl-text-toggles button{min-height:42px}

/* The whole board row is the pointer drag target; buttons remain separate actions. */
#peterpen-page-designs .nl-board-order-item{display:flex;align-items:center;gap:10px;min-height:60px;padding:9px 7px;border-radius:9px}
#peterpen-page-designs .nl-board-order-item:last-of-type{border-bottom:0}
#peterpen-page-designs .nl-board-order-item.nl-sortable{cursor:grab;user-select:none}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-board-order-item.nl-sortable:hover{background:var(--studio-bg)}}
#peterpen-page-designs .nl-board-order-item.nl-sortable:active{cursor:grabbing}
#peterpen-page-designs .nl-board-order-item.nl-dragging{opacity:.45;background:var(--studio-bg)}
#peterpen-page-designs .nl-board-order-item.nl-drop-target{box-shadow:inset 0 0 0 1px var(--studio-accent);background:var(--studio-bg)}
#peterpen-page-designs .nl-board-order-item .nl-board-position{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:7px;background:var(--studio-bg);color:var(--studio-accent);font-size:12px;font-weight:800}
#peterpen-page-designs .nl-board-order-item .nl-board-description{flex:1;min-width:0}
#peterpen-page-designs .nl-board-order-item>.nl-board-order{display:flex;flex:none;gap:4px}
#peterpen-page-designs .nl-board-order button,#peterpen-page-designs .nl-board-order-item .nl-board-settings{display:grid;place-items:center;flex:none;width:36px;min-width:36px;min-height:36px;padding:0;border:1px solid var(--studio-line);border-radius:8px;background:var(--paper);color:var(--studio-ink);cursor:pointer}
#peterpen-page-designs .nl-board-order button{font-size:17px;line-height:1}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-board-order button:hover:not(:disabled),#peterpen-page-designs .nl-board-order-item .nl-board-settings:hover{border-color:var(--studio-accent);background:var(--studio-bg)}}
#peterpen-page-designs .nl-board-order button:disabled{opacity:.35;cursor:default}
#peterpen-page-designs .nl-board-order-item .nl-board-settings svg{display:block;width:19px;height:19px}
#peterpen-page-designs .nl-board-order-hint{margin:10px 7px 0;color:var(--muted);font-size:12px;line-height:1.5}
#peterpen-page-designs .nl-board-management h3 small{color:var(--muted);font-size:12px}
@media(max-width:560px){#peterpen-page-designs .nl-management-page{padding:16px 11px 30px}#peterpen-page-designs .nl-management-card{padding:14px}#peterpen-page-designs .nl-board-order-item{gap:6px;padding-inline:3px}#peterpen-page-designs .nl-board-order button,#peterpen-page-designs .nl-board-order-item .nl-board-settings{width:34px;min-width:34px;min-height:36px}}

/* Actions remain beside each other, including at narrow phone widths. */









#peterpen-page-designs .nl-notice-badge{display:inline-block;padding:2px 6px;border-radius:5px;background:var(--nl-accent);color:#fff;font-size:11px;font-weight:700;vertical-align:middle}
#peterpen-page-designs .nl-post-notice-choice{display:flex!important;align-items:center;gap:8px;font-size:13px}
#peterpen-page-designs .nl-post-notice-choice input{width:auto!important;min-width:18px;min-height:18px}
#peterpen-page-designs .nl-post-admin-actions{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}
#peterpen-page-designs .nl-deleted-post-row button{min-height:44px;padding:8px 12px;border:1px solid var(--nl-outline);border-radius:8px;background:var(--paper);color:var(--nl-deep);cursor:pointer}
#peterpen-page-designs .nl-deleted-posts{margin:14px 0;padding:10px;border:1px solid var(--nl-outline);border-radius:8px}
#peterpen-page-designs .nl-deleted-posts summary{cursor:pointer;font-size:13px;font-weight:700}
#peterpen-page-designs .nl-deleted-post-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--nl-outline);font-size:13px}

#peterpen-page-designs .nl-board-layout,#peterpen-page-designs .nl-board-layout .nl-section,#peterpen-page-designs .nl-post-form{min-width:0;max-width:100%}
#peterpen-page-designs .nl-board-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 15px;padding:10px 0 14px;border-bottom:1px solid var(--nl-outline)}
#peterpen-page-designs .nl-board-toolbar p{margin:0 auto 0 0;color:var(--muted);font-size:13px}
#peterpen-page-designs .nl-board-toolbar label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-board-toolbar select{min-height:40px;padding:7px 10px;border:1px solid var(--nl-outline);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}
#peterpen-page-designs .nl-serial-list-head{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 15px;padding:10px 0 14px;border-bottom:1px solid var(--nl-outline)}
#peterpen-page-designs .nl-serial-order{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--nl-outline);border-radius:999px;background:var(--nl-wash)}
#peterpen-page-designs .nl-cafe .nl-serial-order button,#peterpen-page-designs .nl-serial-order button{min-height:28px;padding:4px 11px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
#peterpen-page-designs .nl-cafe .nl-serial-order button[aria-pressed="true"],#peterpen-page-designs .nl-serial-order button[aria-pressed="true"]{background:var(--paper);color:var(--ink);font-weight:700;box-shadow:0 1px 4px #0002}
#peterpen-page-designs .nl-serial-order button:focus-visible{outline:2px solid var(--nl-action);outline-offset:2px}
#peterpen-page-designs .nl-board-write-action{min-height:40px;padding:8px 16px;border:0;border-radius:8px;background:var(--nl-action);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
#peterpen-page-designs .nl-post-list-compact .nl-post-row,#peterpen-page-designs .nl-post-table-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,120px) 52px;align-items:center;gap:14px;width:100%}
#peterpen-page-designs .nl-post-list-dated .nl-post-row,#peterpen-page-designs .nl-post-list-dated .nl-post-table-head{grid-template-columns:minmax(0,1fr) minmax(90px,120px) 52px 100px}
#peterpen-page-designs .nl-post-list-serial .nl-post-row,#peterpen-page-designs .nl-post-list-serial .nl-post-table-head{grid-template-columns:minmax(0,1fr) 52px 100px}
#peterpen-page-designs .nl-post-table-head{padding:9px 3px;border-bottom:1px solid var(--nl-outline);color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-post-list-compact:not(.nl-post-list-serial)>.nl-post-table-head{padding-inline:8px}
#peterpen-page-designs .nl-post-list-compact .nl-post-row{min-height:54px;padding:9px 3px}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-post-list-compact .nl-post-row:hover{color:var(--nl-accent);background:var(--nl-wash)}}
#peterpen-page-designs .nl-post-row-author,#peterpen-page-designs .nl-post-row-comments,#peterpen-page-designs .nl-post-row-date{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
#peterpen-page-designs .nl-post-row-main{display:grid;gap:5px;min-width:0}
#peterpen-page-designs .nl-post-row-main strong{overflow-wrap:anywhere}
#peterpen-page-designs .nl-post-list-blog{display:grid;gap:12px}
#peterpen-page-designs .nl-post-list-blog .nl-post-row{display:grid;gap:10px;padding:18px;border:1px solid var(--nl-outline);border-radius:12px;background:var(--paper);text-align:left}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-post-list-blog .nl-post-row:hover{border-color:var(--nl-accent)}}
#peterpen-page-designs .nl-post-list-blog .nl-post-row-main strong{font-size:18px;line-height:1.4}
#peterpen-page-designs .nl-post-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}
#peterpen-page-designs .nl-post-list-blog .nl-post-row small{font-size:12px}
#peterpen-page-designs .nl-form,#peterpen-page-designs .nl-form label{min-width:0;max-width:100%}
#peterpen-page-designs .nl-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;resize:vertical}
#peterpen-page-designs .nl-post-form{margin-top:26px;padding:20px;border:1px solid var(--nl-outline);border-radius:12px;background:var(--nl-wash)}
#peterpen-page-designs .nl-post-form h4{margin:0 0 4px;font-size:16px}
#peterpen-page-designs .nl-post-form textarea[name="body"]{min-height:clamp(360px,50vh,420px);line-height:1.65;background:var(--paper)}
#peterpen-page-designs .nl-comments textarea[name="text"]{min-height:88px}
#peterpen-page-designs .nl-post-detail h2{font-size:clamp(24px,2.5vw,28px);line-height:1.4}
#peterpen-page-designs .nl-post-detail .nl-post-body{padding:22px;margin:16px 0;border:1px solid var(--nl-outline);border-radius:12px;background:var(--paper);overflow-wrap:anywhere}
#peterpen-page-designs .nl-post-detail .nl-comments{padding-top:22px}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-board-write-action:hover,#peterpen-page-designs .nl-form button[type="submit"]:hover{filter:brightness(.92)}}
#peterpen-page-designs .nl-board-write-action:focus-visible,#peterpen-page-designs .nl-form button[type="submit"]:focus-visible,#peterpen-page-designs .nl-post-row:focus-visible{outline:2px solid var(--nl-accent);outline-offset:3px}
#peterpen-page-designs .nl-board-write-action:disabled,#peterpen-page-designs .nl-form button[type="submit"]:disabled{opacity:.5;cursor:default}
#peterpen-page-designs .nl-board-policy-summary{padding:10px 12px;border-radius:8px;background:var(--studio-bg);color:var(--studio-ink);font-size:12px;line-height:1.5}
#peterpen-page-designs .nl-serial-policy-card{margin:18px clamp(12px,3vw,32px)}
#peterpen-page-designs .nl-serial-policy-card fieldset{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
#peterpen-page-designs .nl-serial-policy-card legend{margin-bottom:8px;font-size:13px;font-weight:700}
#peterpen-page-designs .nl-serial-policy-card .nl-choice{flex:1 1 150px}
#peterpen-page-designs .nl-serial-comments{margin:30px 0 0;padding:22px 0 0;border-top:1px solid var(--nl-outline)}
#peterpen-page-designs .nl-serial-comments h3{margin:0 0 14px;font-size:20px}
#peterpen-page-designs .nl-serial-comments>p:not(.nl-empty):not(.nl-local-note){padding:10px 0;border-bottom:1px solid var(--nl-outline);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#peterpen-page-designs .nl-serial-comments textarea[name="text"]{min-height:88px}
#peterpen-page-designs .nl-work-synopsis{max-width:68ch;line-height:1.7;overflow-wrap:anywhere}
#peterpen-page-designs .nl-work-genre{color:var(--nl-accent);font-size:13px;font-weight:700}
@media(max-width:700px){#peterpen-page-designs .nl-post-form textarea[name="body"]{min-height:240px}#peterpen-page-designs .nl-post-table-head{display:none}#peterpen-page-designs .nl-post-list-compact .nl-post-row,#peterpen-page-designs .nl-post-list-dated .nl-post-row{grid-template-columns:minmax(0,1fr) auto;gap:5px}#peterpen-page-designs .nl-post-list-compact .nl-post-row strong{grid-column:1/-1}#peterpen-page-designs .nl-post-row-date{grid-column:1/-1}#peterpen-page-designs .nl-post-form{padding:16px}}

@font-face{font-family:nl-font-gowun-dodum;src:url('/fonts/cover/GowunDodum-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:nl-font-gowun-batang;src:url('/fonts/cover/GowunBatang-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:nl-font-do-hyeon;src:url('/fonts/cover/DoHyeon-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:nl-font-black-han-sans;src:url('/fonts/cover/BlackHanSans-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:nl-font-jua;src:url('/fonts/cover/Jua-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:nl-font-nanum-pen;src:url('/fonts/cover/NanumPenScript-Regular.woff2') format('woff2');font-display:swap}
#peterpen-page-designs .nl-custom-text.nl-text-gowun-dodum{font-family:nl-font-gowun-dodum,sans-serif!important}
#peterpen-page-designs .nl-custom-text.nl-text-gowun-batang{font-family:nl-font-gowun-batang,serif!important}
#peterpen-page-designs .nl-custom-text.nl-text-do-hyeon{font-family:nl-font-do-hyeon,sans-serif!important}
#peterpen-page-designs .nl-custom-text.nl-text-black-han-sans{font-family:nl-font-black-han-sans,sans-serif!important}
#peterpen-page-designs .nl-custom-text.nl-text-jua{font-family:nl-font-jua,sans-serif!important}
#peterpen-page-designs .nl-custom-text.nl-text-nanum-pen{font-family:nl-font-nanum-pen,cursive!important}
@media(max-width:700px){#peterpen-page-designs .pc .nl-nav-side .nl-public-grid{grid-template-columns:1fr}#peterpen-page-designs .pc .nl-public-side{display:none}#peterpen-page-designs .pc .nl-cafe.nl-nav-side .nl-toolbar nav{display:flex}#peterpen-page-designs .pc .nl-columns-split,#peterpen-page-designs .pc .nl-columns-lead{grid-template-columns:1fr}}
#peterpen-page-designs .nl-swatch-vivid-blue span{background:#1677FF}
#peterpen-page-designs .nl-swatch-vivid-green span{background:#22C55E}
#peterpen-page-designs .nl-swatch-vivid-red span{background:#EF4444}
#peterpen-page-designs .nl-swatch-vivid-orange span{background:#FF8A00}
#peterpen-page-designs .nl-swatch-vivid-yellow span{background:#FACC15}
#peterpen-page-designs .nl-swatch-vivid-purple span{background:#8B5CF6}
#peterpen-page-designs .nl-swatch-vivid-pink span{background:#EC4899}
#peterpen-page-designs .nl-swatch-vivid-cyan span{background:#06B6D4}
#peterpen-page-designs .nl-cafe.nl-vivid{--nl-tint:var(--nl-vivid-bg);--nl-accent:var(--nl-vivid-accent);--nl-action:var(--nl-vivid-action);--nl-deep:var(--nl-vivid-text);--nl-wash:var(--nl-vivid-bg);--nl-outline:color-mix(in srgb,var(--nl-vivid-text) 25%,transparent)}
#peterpen-page-designs .nl-vivid-blue{--nl-vivid-bg:#1677FF;--nl-vivid-accent:#fff;--nl-vivid-action:#0754c5;--nl-vivid-text:#071b38}
#peterpen-page-designs .nl-vivid-green{--nl-vivid-bg:#22C55E;--nl-vivid-accent:#073b1c;--nl-vivid-action:#087b35;--nl-vivid-text:#062713}
#peterpen-page-designs .nl-vivid-red{--nl-vivid-bg:#EF4444;--nl-vivid-accent:#fff;--nl-vivid-action:#b91c1c;--nl-vivid-text:#3d0808}
#peterpen-page-designs .nl-vivid-orange{--nl-vivid-bg:#FF8A00;--nl-vivid-accent:#4b2600;--nl-vivid-action:#a94f00;--nl-vivid-text:#321700}
#peterpen-page-designs .nl-vivid-yellow{--nl-vivid-bg:#FACC15;--nl-vivid-accent:#473500;--nl-vivid-action:#846100;--nl-vivid-text:#302400}
#peterpen-page-designs .nl-vivid-purple{--nl-vivid-bg:#8B5CF6;--nl-vivid-accent:#fff;--nl-vivid-action:#5b21b6;--nl-vivid-text:#1e1045}
#peterpen-page-designs .nl-vivid-pink{--nl-vivid-bg:#EC4899;--nl-vivid-accent:#fff;--nl-vivid-action:#ad1457;--nl-vivid-text:#420b28}
#peterpen-page-designs .nl-vivid-cyan{--nl-vivid-bg:#06B6D4;--nl-vivid-accent:#03343b;--nl-vivid-action:#087e91;--nl-vivid-text:#042c33}
#peterpen-page-designs .nl-cafe.nl-vivid:not(.nl-has-cover) .nl-masthead{background:var(--nl-vivid-bg)!important}
#peterpen-page-designs .nl-cafe.nl-vivid.nl-story:not(.nl-has-cover) .nl-masthead{background:var(--nl-vivid-bg)!important}
#peterpen-page-designs .nl-cafe.nl-vivid.nl-story:not(.nl-has-cover) .nl-masthead::after{content:none}
#peterpen-page-designs .nl-cafe.nl-vivid:is(:not(.nl-has-cover),.nl-mobile) .nl-masthead :is(h2,.nl-name-text),#peterpen-page-designs .nl-cafe.nl-vivid:is(:not(.nl-has-cover),.nl-mobile) .nl-masthead-text>p:last-of-type{color:var(--nl-vivid-text)}
#peterpen-page-designs .nl-cafe.nl-vivid:is(:not(.nl-has-cover),.nl-mobile) .nl-hero-eyebrow{color:var(--nl-vivid-accent)!important}


#peterpen-page-designs .nl-custom-text.nl-text-color-custom{color:var(--nl-custom-text-color)!important}
#peterpen-page-designs .nl-cafe.nl-vivid-blue .nl-custom-text.nl-text-color-auto,#peterpen-page-designs .nl-cafe.nl-vivid-red .nl-custom-text.nl-text-color-auto,#peterpen-page-designs .nl-cafe.nl-vivid-purple .nl-custom-text.nl-text-color-auto,#peterpen-page-designs .nl-cafe.nl-vivid-pink .nl-custom-text.nl-text-color-auto{color:#071b38!important}
#peterpen-page-designs .nl-cafe.nl-vivid-green .nl-custom-text.nl-text-color-auto,#peterpen-page-designs .nl-cafe.nl-vivid-orange .nl-custom-text.nl-text-color-auto,#peterpen-page-designs .nl-cafe.nl-vivid-yellow .nl-custom-text.nl-text-color-auto,#peterpen-page-designs .nl-cafe.nl-vivid-cyan .nl-custom-text.nl-text-color-auto{color:#071b1a!important}
#peterpen-page-designs .nl-work-detail.nl-serial-work-header{gap:22px;margin:0 0 24px;padding:18px;border-radius:16px;background:var(--soft)}#peterpen-page-designs .nl-serial-work-header>img{width:130px;height:auto;aspect-ratio:2/3;object-fit:cover;flex:none;border-radius:8px;box-shadow:0 8px 20px rgb(0 0 0/.16)}.nl-serial-work-header>div{min-width:0;align-self:center}#peterpen-page-designs .nl-serial-work-header h2{font-size:21px;line-height:1.3;margin:0 0 8px}#peterpen-page-designs .nl-serial-work-header .nl-work-synopsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;line-height:1.6;margin:8px 0 14px}#peterpen-page-designs .nl-serial-read-actions{display:flex;flex-wrap:wrap;gap:6px}#peterpen-page-designs .nl-serial-read-actions button{min-height:36px;padding:6px 12px;font-size:14px;border:0;border-radius:999px;background:var(--paper);color:var(--ink);font-weight:600;cursor:pointer}#peterpen-page-designs .nl-serial-read-actions button:first-child{background:var(--nl-action,var(--accent-solid));color:#fff}#peterpen-page-designs .nl-serial-read-actions button .pp-control-icon{width:18px;height:18px}@media(max-width:640px){#peterpen-page-designs .nl-serial-read-actions button:not(.gacha-help-toggle){min-height:44px}}#peterpen-page-designs .nl-serial-meta{margin:6px 0 0;color:var(--muted);font-size:14px}#peterpen-page-designs .nl-serial-read-actions button[data-nl-hook]{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}#peterpen-page-designs .nl-serial-read-actions button[data-nl-hook][aria-pressed="true"]{border-color:var(--accent-text);background:color-mix(in srgb,var(--accent-text) 10%,var(--paper));color:var(--accent-text)}#peterpen-page-designs .nl-serial-read-actions button[data-nl-hook]:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}#peterpen-page-designs .nl-post-row[aria-current="page"]{background:var(--soft);color:var(--accent-text)}#peterpen-page-designs .nl-serial-post-list{margin-top:28px}#peterpen-page-designs .nl-serial-post .pp-reader-host{margin:20px 0}#peterpen-page-designs .nl-serial-comment-status{min-height:1.5em;color:var(--accent-text)}#peterpen-page-designs [data-nl-serial-picker][hidden]{display:none}
#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-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#peterpen-page-designs .nl-post-row:is(.nl-episode-read,.nl-episode-unread) strong{display:flex;align-items:center;min-width:0}
#peterpen-page-designs .nl-episode-read .pp-title-text{color:var(--muted);font-weight:500}
#peterpen-page-designs .nl-post-row[aria-current="page"] .pp-title-text{color:inherit;font-weight:700}
#peterpen-page-designs .rv-toc-row.pp-episode-read{color:var(--muted)}
#peterpen-page-designs .rv-toc-row[aria-current="true"]{color:var(--accent-text)}
#peterpen-page-designs .rv-toc-row{justify-content:flex-start;gap:0}
#peterpen-page-designs .rv-toc-row .pp-title-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .rv-toc-row>.rv-locked{margin-left:auto}
#peterpen-page-designs .nl-board-order-item:has(.nl-board-share-setting),#peterpen-page-designs .wr-work-row:has(.nl-board-share-setting){flex-wrap:wrap}
#peterpen-page-designs .nl-board-share-setting{flex:0 0 100%;width:100%;box-sizing:border-box;margin:6px 0 0;padding:0;cursor:auto;user-select:text}
#peterpen-page-designs .nl-board-share-setting>summary{width:fit-content;padding:5px 0;color:var(--accent-text);font-size:13px;font-weight:600;cursor:pointer}
#peterpen-page-designs .nl-board-share-setting>div{padding:8px 0 4px}
#peterpen-page-designs .sns-setting{min-width:0;border:0;padding:0;margin:0}
#peterpen-page-designs .sns-setting>legend{padding:0;margin-bottom:9px;font-size:13px;font-weight:650}
#peterpen-page-designs .sns-setting-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;cursor:pointer}
#peterpen-page-designs .sns-setting-toggle input{width:16px;height:16px;margin:0;accent-color:var(--accent-solid)}
#peterpen-page-designs .sns-setting .sns-choices{margin:12px 0 8px}
#peterpen-page-designs [data-nl-share-inherit-actions]{font-size:12px;color:var(--muted)}
#peterpen-page-designs [data-nl-share-inherit-actions] button{min-height:30px;padding:5px 10px;border:0;border-radius:999px;background:var(--soft);color:var(--accent-text);font-size:12px;cursor:pointer}
#peterpen-page-designs .nl-compose-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
#peterpen-page-designs .nl-compose-head h4{margin:0;font-size:18px}
#peterpen-page-designs .nl-post-back{border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-post-back:hover{color:var(--nl-accent)}}
#peterpen-page-designs .nl-compose-head:has(.nl-compose-tools){flex-wrap:wrap}#peterpen-page-designs .nl-compose-tools{display:flex;flex-shrink:0;align-items:center;gap:8px;margin-left:auto}#peterpen-page-designs .nl-compose-file,#peterpen-page-designs .nl-compose-head .nl-compose-tools button.nl-compose-cancel{position:relative;display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--nl-outline);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}#peterpen-page-designs .nl-compose-head .nl-compose-tools button.nl-compose-cancel:focus-visible{outline:2px solid var(--nl-accent);outline-offset:3px}#peterpen-page-designs .nl-compose-file:has(input:focus-visible){outline:2px solid var(--nl-accent);outline-offset:3px}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-compose-file:hover,#peterpen-page-designs .nl-compose-head .nl-compose-tools button.nl-compose-cancel:hover{background:var(--nl-wash);color:var(--ink)}}
#peterpen-page-designs .nl-post-back{padding:0;margin-bottom:14px}
#peterpen-page-designs .nl-board-write-hint{margin:3px 0 11px}
#peterpen-page-designs .nl-permission-editor{display:grid;gap:8px;min-width:0}
#peterpen-page-designs .nl-permission-scroll{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:8px}
#peterpen-page-designs .nl-permission-table{width:100%;table-layout:fixed;border-collapse:collapse;color:var(--studio-ink)}
#peterpen-page-designs .nl-permission-table caption{padding:0 0 14px;text-align:left;font-size:14px;font-weight:500}
#peterpen-page-designs .nl-permission-label-col{width:70px}
#peterpen-page-designs .nl-permission-table :is(th,td){padding:0;border:0;white-space:nowrap;font-weight:400}
#peterpen-page-designs .nl-permission-table thead th{height:30px;color:var(--muted);font-size:13px;text-align:center}
#peterpen-page-designs .nl-permission-table thead th>span{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.3;padding:4px 2px}
#peterpen-page-designs .nl-permission-table .nl-permission-group th{height:22px;font-size:12px}
#peterpen-page-designs .nl-permission-table tbody th{height:44px;text-align:left;font-size:14px}
#peterpen-page-designs .nl-permission-table tbody tr+tr{border-top:1px solid color-mix(in srgb,var(--studio-line) 45%,transparent)}
#peterpen-page-designs .nl-permission-step{position:relative;display:flex;align-items:center;justify-content:center;height:44px;cursor:pointer}
#peterpen-page-designs .nl-permission-step::before{content:"";position:absolute;inset:7px 0;background:transparent}
#peterpen-page-designs .nl-permission-step:has(:checked)::before{background:color-mix(in srgb,var(--studio-accent) 12%,transparent)}
#peterpen-page-designs .nl-permission-row td:has(:checked):not(td:has(:checked)+td) .nl-permission-step::before{border-radius:999px 0 0 999px}
#peterpen-page-designs .nl-permission-row td:last-child .nl-permission-step::before{border-radius:0 999px 999px 0}
#peterpen-page-designs .nl-permission-row td:last-child:has(:checked):not(td:has(:checked)+td) .nl-permission-step::before{border-radius:999px}
#peterpen-page-designs .nl-dialog-fields .nl-permission-step input{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;border-radius:0;opacity:0;cursor:inherit}
#peterpen-page-designs .nl-permission-mark{position:relative;box-sizing:border-box;width:16px;height:16px;border:1px solid color-mix(in srgb,var(--studio-ink) 35%,transparent);border-radius:50%;color:var(--studio-accent)}
#peterpen-page-designs .nl-permission-step:has(:checked) .nl-permission-mark{border-color:currentColor}
#peterpen-page-designs .nl-permission-step:has(:checked) .nl-permission-mark::after{content:"";position:absolute;left:4px;top:3px;width:4px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
#peterpen-page-designs .nl-permission-row td:has(:checked):not(td:has(:checked)+td) .nl-permission-mark{background:var(--studio-accent);color:var(--paper);border-color:var(--studio-accent)}
#peterpen-page-designs .nl-permission-step:has(:disabled){cursor:default}
#peterpen-page-designs .nl-permission-step:has(:disabled) .nl-permission-mark{opacity:.4}
#peterpen-page-designs .nl-permission-row:has(input:not(:disabled)) .nl-permission-step:has(input:focus-visible){outline:2px solid var(--studio-accent);outline-offset:-3px;border-radius:8px}
#peterpen-page-designs .nl-permission-row:not(:has(:checked)){color:var(--muted)}
@media(hover:hover) and (pointer:fine){
  #peterpen-page-designs .nl-permission-row:has(td:hover input:not(:disabled)) .nl-permission-step::before{background:transparent;border-radius:0}
  #peterpen-page-designs .nl-permission-row td:has(.nl-permission-step:hover input:not(:disabled)) .nl-permission-step::before,#peterpen-page-designs .nl-permission-row td:has(.nl-permission-step:hover input:not(:disabled))~td .nl-permission-step::before{background:color-mix(in srgb,var(--studio-accent) 14%,transparent)}
  #peterpen-page-designs .nl-permission-row td:has(.nl-permission-step:hover input:not(:disabled)) .nl-permission-step::before{border-radius:999px 0 0 999px}
  #peterpen-page-designs .nl-permission-row:has(td:hover input:not(:disabled)) td:last-child .nl-permission-step::before{border-radius:0 999px 999px 0}
}
#peterpen-page-designs .nl-permission-hint{margin:0;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}
#peterpen-page-designs .nl-permission-editor .nl-board-policy-summary{margin:0;color:var(--muted);font-size:13px;font-weight:400;line-height:1.65;text-wrap:pretty}
#peterpen-page-designs .nl-cafe .nl-works-shelf{min-width:0;max-width:100%}
#peterpen-page-designs .nl-cafe .nl-works-shelf .book{display:block;box-sizing:border-box;min-width:0;width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
#peterpen-page-designs .nl-cafe .nl-works-shelf .cover{box-sizing:border-box;width:100%;padding:0;aspect-ratio:2/3}
#peterpen-page-designs .nl-cafe .nl-works-shelf .book-name,#peterpen-page-designs .nl-cafe .nl-works-shelf .book-author{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-cafe .nl-works-shelf .book-author{color:var(--muted)}
#peterpen-page-designs .nl-cafe .nl-works-shelf .book:focus-visible{outline:2px solid var(--nl-accent);outline-offset:3px}
#peterpen-page-designs .nl-mobile .nl-works-shelf .book-shelf{grid-auto-columns:112px}
#peterpen-page-designs .nl-cafe:has([data-nl-serial-post-header]) .nl-toolbar nav button[aria-current="page"]{border-bottom-color:transparent}
#peterpen-page-designs [data-nl-serial-post-header]{display:block;min-width:0;padding:18px clamp(12px,2vw,24px) 12px}
#peterpen-page-designs .nl-episode-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"work ." "title tools" "meta .";align-items:center;column-gap:18px;row-gap:9px;min-width:0}
#peterpen-page-designs .nl-serial-post .nl-episode-work-link{grid-area:work;justify-self:start;max-width:100%;padding:0;border:0;background:transparent;color:var(--nl-accent);font-size:13px;font-weight:600;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-serial-post .nl-episode-work-link:hover{text-decoration:underline}}
#peterpen-page-designs .nl-serial-post .nl-episode-work-link:focus-visible{outline:2px solid var(--nl-accent);outline-offset:3px;border-radius:3px}
#peterpen-page-designs .nl-serial-post .nl-episode-head h2{grid-area:title;min-width:0;margin:0;font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}
#peterpen-page-designs .nl-episode-tools{grid-area:tools;display:flex;align-self:start;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
#peterpen-page-designs .nl-serial-post .nl-episode-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;border:0;border-radius:8px;background:var(--nl-wash);color:var(--nl-deep);font-size:13px;font-weight:600;white-space:nowrap}
#peterpen-page-designs .nl-serial-post .nl-episode-tools button .ui-icon{width:16px;height:16px;flex:none}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-serial-post .nl-episode-tools button:hover:not(:disabled){background:var(--nl-tint);color:var(--nl-accent)}}
#peterpen-page-designs .nl-serial-post .nl-episode-tools button:focus-visible{outline:2px solid var(--nl-accent);outline-offset:2px}
#peterpen-page-designs .nl-serial-post .nl-episode-tools button:disabled{opacity:.45;cursor:default}
#peterpen-page-designs .nl-episode-meta{grid-area:meta;display:flex;align-items:center;gap:7px;min-width:0;margin:0;color:var(--muted);font-size:13px;line-height:1.5}
#peterpen-page-designs .nl-episode-meta time{white-space:nowrap}
#peterpen-page-designs .nl-episode-manage{margin-top:8px}
#peterpen-page-designs .nl-mobile .nl-episode-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"work" "title" "tools" "meta";row-gap:8px}
#peterpen-page-designs .nl-mobile .nl-serial-post .nl-episode-head h2{font-size:22px}
#peterpen-page-designs .nl-mobile .nl-episode-tools{justify-content:flex-start;flex-wrap:nowrap}
@container (max-width:600px){#peterpen-page-designs .pc .nl-episode-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"work" "title" "tools" "meta"}#peterpen-page-designs .pc .nl-serial-post .nl-episode-head h2{font-size:22px}#peterpen-page-designs .pc .nl-episode-tools{justify-content:flex-start}}

#peterpen-page-designs .nl-cafe .nl-masthead-leave{position:absolute;right:clamp(30px,5%,68px);bottom:40px;z-index:3;display:flex;align-items:center}
#peterpen-page-designs .nl-cafe.nl-mobile .nl-masthead-leave{right:16px;bottom:12px}
#peterpen-page-designs .nl-cafe .nl-masthead-leave button.nl-leave-button{min-height:32px;padding:0 14px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 6%,transparent);color:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-cafe .nl-masthead-leave button.nl-leave-button:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 14%,transparent)}}
#peterpen-page-designs .nl-cafe .nl-masthead-leave button.nl-leave-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}#peterpen-page-designs .nl-cafe .nl-masthead-leave button.nl-join-button{min-height:32px;padding:0 16px;border:1px solid var(--nl-action);border-radius:999px;background:var(--nl-action);color:#fff;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:filter .15s}@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-cafe .nl-masthead-leave button.nl-join-button:hover{filter:brightness(1.08)}}#peterpen-page-designs .nl-cafe .nl-masthead-leave button.nl-join-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}#peterpen-page-designs .nl-cafe:is(.nl-story,.nl-multi-tone,.nl-has-cover):not(.nl-mobile) .nl-masthead-leave button.nl-join-button{border-color:#fff;background:#fff;color:#15495c}
#peterpen-page-designs .nl-cafe.nl-story .nl-masthead-leave button.nl-leave-button,#peterpen-page-designs .nl-cafe.nl-has-cover:not(.nl-mobile) .nl-masthead-leave button.nl-leave-button{color:#fff}
#peterpen-page-designs .nl-episode-list button:disabled{cursor:default;opacity:.7}
#peterpen-page-designs .nl-episode-compose .nl-episode-form textarea{min-height:clamp(420px,60vh,640px);line-height:1.8;resize:vertical}
#peterpen-page-designs .wr-work-management button.wr-row-cover{padding:0;border:0;background:none;cursor:pointer}
#peterpen-page-designs .nl-episode-title-row{display:flex;align-items:flex-end;gap:16px}
#peterpen-page-designs .nl-episode-title-row>label:first-child{flex:1;min-width:0}
#peterpen-page-designs .nl-episode-title-row .nl-post-notice-choice{flex:none;min-height:44px;white-space:nowrap}
#peterpen-page-designs .nl-episode-compose .nl-episode-count{margin:-6px 0 0;color:var(--muted);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
#peterpen-page-designs .nl-episode-compose .nl-episode-count.is-out{color:#a3202e}
#peterpen-page-designs .nl-episode-compose .nl-episode-form .sns-choices{margin:0}
#peterpen-page-designs .nl-episode-compose .nl-episode-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid var(--nl-outline)}
#peterpen-page-designs .nl-episode-compose .nl-episode-actions button{min-height:38px;padding:0 18px;border-radius:6px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#peterpen-page-designs .nl-episode-compose .nl-episode-actions button[data-episode-save]{border:1px solid var(--nl-outline);background:var(--paper);color:var(--ink)}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-episode-compose .nl-episode-actions button[data-episode-save]:hover{background:var(--nl-wash)}}
#peterpen-page-designs .nl-episode-compose .nl-episode-actions button[data-episode-save]:focus-visible{outline:2px solid var(--nl-accent);outline-offset:3px}
/* Neverland library: every work the author publishes, entered from the single 라이브러리 menu. */
#peterpen-page-designs .nl-library-count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
#peterpen-page-designs .nl-library-page{display:grid;grid-template-columns:repeat(auto-fill,120px);justify-content:start;gap:26px 18px}
#peterpen-page-designs .nl-library-item{display:grid;align-content:start;gap:7px;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
#peterpen-page-designs .nl-library-item .cover.real-cover{width:100%;padding:0;aspect-ratio:2/3;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.14);transition:transform .18s ease,box-shadow .18s ease}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-library-item:hover .cover.real-cover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.18)}}
#peterpen-page-designs .nl-library-item:focus-visible{outline:2px solid var(--nl-accent);outline-offset:4px;border-radius:6px}
#peterpen-page-designs .nl-library-item strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:14px;font-weight:600;line-height:1.35}
#peterpen-page-designs .nl-library-item small{overflow:hidden;color:var(--muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
#peterpen-page-designs .nl-mobile .nl-library-page{grid-template-columns:repeat(auto-fill,120px);justify-content:start;gap:20px 10px}
#peterpen-page-designs .nl-mobile .nl-library-item strong{font-size:13px}
@media (prefers-reduced-motion:reduce){#peterpen-page-designs .nl-library-item .cover.real-cover{transition:none}@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-library-item:hover .cover.real-cover{transform:none}}}
#peterpen-page-designs .nl-confirm-dialog{box-sizing:border-box;width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:20px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 20px 64px #0003}
#peterpen-page-designs .nl-confirm-dialog::backdrop{background:#10172288}
#peterpen-page-designs .nl-confirm-dialog h2{margin:0;font-size:18px}
#peterpen-page-designs .nl-confirm-dialog p{margin:12px 0 20px;color:var(--muted);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#peterpen-page-designs .nl-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
#peterpen-page-designs .nl-confirm-actions button{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
#peterpen-page-designs .nl-confirm-actions .nl-confirm-action{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}
#peterpen-page-designs .nl-confirm-actions .nl-confirm-action.nl-danger{background:var(--danger,#b42318);border-color:var(--danger,#b42318);color:#fff}
#peterpen-page-designs .nl-confirm-actions button:focus-visible,#peterpen-page-designs .nl-all-sort button:focus-visible,#peterpen-page-designs .nl-all-pagination button:focus-visible{outline:2px solid var(--accent-solid);outline-offset:3px}
#peterpen-page-designs .nl-all-sort{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
#peterpen-page-designs .nl-all-sort button,#peterpen-page-designs .nl-all-pagination button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
#peterpen-page-designs .nl-all-sort button[aria-pressed="true"]{background:var(--soft);color:var(--accent-text);border-color:var(--accent-solid)}
#peterpen-page-designs .nl-all-pagination{display:flex;justify-content:center;margin-top:16px}
#peterpen-page-designs .nl-hub-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}#peterpen-page-designs .nl-hub-intro>div{min-width:0}#peterpen-page-designs .nl-hub-intro p{margin:0;color:var(--muted);font-size:12px}#peterpen-page-designs .nl-hub-intro .nl-space-search-field{flex:0 1 360px;width:100%;margin:0}#peterpen-page-designs .nl-hub[data-nl-hub-device=mobile] .nl-hub-intro{display:block}#peterpen-page-designs .nl-hub[data-nl-hub-device=mobile] .nl-space-search-field{margin-top:14px;max-width:none}
#peterpen-page-designs .nl-hub{--nl-hub-section-gap:40px}#peterpen-page-designs .nl-hub .page-banner-pair{margin-bottom:var(--nl-hub-section-gap)}#peterpen-page-designs .nl-hub [data-nl-search-default]>.nl-hub-section+.nl-hub-section{margin-top:var(--nl-hub-section-gap)}#peterpen-page-designs .nl-hub-post.nl-hub-space{grid-template-columns:32px minmax(0,1fr)}#peterpen-page-designs .nl-hub-space .nl-hub-space-avatar{grid-column:1;justify-self:start}#peterpen-page-designs .nl-hub-space-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}#peterpen-page-designs .nl-hub-space-list>.nl-hub-post:nth-child(2){border-top:0}#peterpen-page-designs .nl-hub[data-nl-hub-device=mobile] .nl-hub-space-list{grid-template-columns:1fr}#peterpen-page-designs .nl-hub[data-nl-hub-device=mobile] .nl-hub-space-list>.nl-hub-post:nth-child(2){border-top:1px solid var(--line)}@container(max-width:800px){#peterpen-page-designs .pc .nl-hub-space-list{grid-template-columns:1fr}#peterpen-page-designs .pc .nl-hub-space-list>.nl-hub-post:nth-child(2){border-top:1px solid var(--line)}}
#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:9px 0;align-items:center}#peterpen-page-designs .nl-studio .wr-work-info{min-width:0;flex-wrap:nowrap;gap:10px}#peterpen-page-designs .nl-studio .wr-row-cover{display:block;flex:none;width:36px;height:54px;overflow:hidden;border-radius:4px}#peterpen-page-designs .nl-studio .wr-row-cover>img,#peterpen-page-designs .nl-studio .wr-row-cover>.cover{display:block;width:100%;height:100%;object-fit:cover}#peterpen-page-designs .nl-studio .wr-work-meta{display:flex;flex-direction:column;gap:3px;min-width:0}#peterpen-page-designs .nl-studio .wr-work-info strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-studio .wr-work-info small{font-size:12px}
#peterpen-page-designs .nl-studio .wr-work-actions{justify-content:flex-end;gap:6px}#peterpen-page-designs .nl-studio .wr-work-actions button{min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:500}#peterpen-page-designs .nl-studio .wr-work-actions .wr-work-write{color:var(--accent-text)}#peterpen-page-designs .nl-studio .wr-work-actions .wr-work-visibility{color:var(--muted)}#peterpen-page-designs .nl-studio .wr-work-actions .wr-order-icon{width:32px;min-width:32px;min-height:32px;padding:0;border-radius:8px}#peterpen-page-designs .nl-studio .wr-work-row .nl-board-share-setting{flex:0 1 auto;width:auto;margin:0}#peterpen-page-designs .nl-studio .wr-work-row .nl-board-share-setting>summary{padding:5px 0;font-size:12px;font-weight:400;color:var(--muted)}#peterpen-page-designs .nl-studio .wr-work-row .nl-board-share-setting[open]{flex-basis:100%}#peterpen-page-designs .nl-studio .wr-work-row .nl-board-share-setting>summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row>.wr-work-actions{flex-wrap:wrap}@media(max-width:560px){#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row>.wr-work-actions{grid-column:1/-1;grid-row:3;justify-content:flex-start}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row>.wr-work-actions>button{min-height:44px}}#peterpen-page-designs .nl-studio .wr-work-actions .wr-work-close:not(:disabled){color:var(--form-error)}#peterpen-page-designs .nl-studio .wr-work-notes{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--muted)}#peterpen-page-designs .nl-studio .wr-work-notes>span{display:inline-flex;align-items:center;gap:6px}#peterpen-page-designs .nl-studio .wr-work-notes .nl-work-event[data-state=active]{color:var(--accent-text)}#peterpen-page-designs .nl-studio .wr-work-notes .pp-btn-line{min-height:24px;padding:0 8px}
#peterpen-page-designs .nl-manage-dialog label.nl-board-images-choice{display:flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:0;border:0;background:none;font-size:14px;font-weight:500;cursor:pointer}#peterpen-page-designs .nl-manage-dialog .nl-board-images-choice input[type=checkbox]{flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:var(--nl-action,var(--accent-solid))}#peterpen-page-designs .nl-post-images-field{display:grid;gap:8px}#peterpen-page-designs .nl-post-images-field small{margin-left:6px;color:var(--muted);font-size:12px;font-weight:400}#peterpen-page-designs .nl-post-image-previews{display:flex;flex-wrap:wrap;gap:8px}#peterpen-page-designs .nl-post-image-previews:empty{display:none}#peterpen-page-designs .nl-post-image-previews>span{display:grid;justify-items:center;gap:4px}#peterpen-page-designs .nl-post-image-previews img{display:block;width:88px;height:88px;object-fit:cover;border:1px solid var(--line);border-radius:6px}#peterpen-page-designs .nl-post-images{display:grid;gap:12px;margin:16px 0}#peterpen-page-designs .nl-post-images img{display:block;max-width:100%;height:auto;border-radius:8px}
#peterpen-page-designs [data-nl-board-share-editor][hidden]{display:none}@media(max-width:560px){#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row{grid-template-columns:1fr}#peterpen-page-designs .nl-studio .wr-work-actions{justify-content:flex-start}}
#peterpen-page-designs .nl-cafe .nl-toolbar{min-height:0}
#peterpen-page-designs .nl-cafe .nl-content.nl-content-home{padding:0}#peterpen-page-designs .nl-cafe .nl-content-home .nl-home-grid{align-items:start;gap:18px;background:transparent}
#peterpen-page-designs .nl-cafe[data-nl-render-device] .nl-content-home .nl-home-grid>section.nl-section{align-self:start;margin:0;padding:16px 17px;border:0;border-radius:0;background:transparent}#peterpen-page-designs .nl-content-home .nl-section-head{margin-bottom:16px}#peterpen-page-designs .nl-content-home .nl-section>:last-child{margin-bottom:0}

#peterpen-page-designs .nl-directory-card{display:flex;flex-direction:column;align-self:start;container-type:inline-size}#peterpen-page-designs .nl-directory-card .nl-card-masthead{display:block;position:absolute;inset:0;--nl-hero-unit:.1cqw}#peterpen-page-designs .nl-directory-card .nl-directory-band .nl-card-masthead.nl-cafe .nl-masthead{box-sizing:border-box;width:100%;height:100%;min-height:0;max-width:none;border:0;border-radius:0}#peterpen-page-designs .nl-card-masthead .nl-masthead-text{display:block;min-width:0}#peterpen-page-designs .nl-card-masthead .nl-masthead .nl-name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;padding:1.2cqw 1cqw;overflow-wrap:anywhere}#peterpen-page-designs .nl-directory-band .nl-card-masthead .nl-header-image{opacity:1}#peterpen-page-designs .nl-directory-card .nl-directory-card-body{align-items:flex-start}

#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar>nav{width:100%;max-width:100%;min-width:0;flex:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar>nav>button{max-width:none;flex:0 0 auto;white-space:nowrap;overflow:visible;text-overflow:clip}#peterpen-page-designs .nl-mobile.nl-cafe .nl-toolbar>label{grid-row:2;justify-self:end;display:inline-flex;align-items:center;gap:6px;margin-left:0;white-space:nowrap}
#peterpen-page-designs .nl-cafe.nl-align-right .nl-masthead{text-align:right;justify-content:flex-end}#peterpen-page-designs .nl-cafe.nl-align-right .nl-masthead-text{width:100%;margin-left:auto;margin-right:0}#peterpen-page-designs .nl-cafe.nl-align-right .nl-masthead-text>p{margin-left:auto;margin-right:0}#peterpen-page-designs .nl-align-right :is(.nl-address,.nl-membership){justify-content:flex-end}
#peterpen-page-designs .nl-cafe :is(.nl-form,.nl-control-fields) :is(input,textarea,select),#peterpen-page-designs .nl-studio :is(.nl-form,.nl-control-fields) :is(input,textarea,select){font-weight:400}#peterpen-page-designs .nl-content-home .nl-section-head{align-items:center;min-height:28px}#peterpen-page-designs .nl-content-home .nl-post-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-mobile .nl-home-grid{grid-template-columns:minmax(0,1fr)}
#peterpen-page-designs .nl-cafe .nl-post-detail{min-width:0}#peterpen-page-designs .nl-post-detail .nl-post-head{padding-bottom:16px;border-bottom:1px solid var(--line)}#peterpen-page-designs .nl-cafe .nl-post-detail h2{margin:10px 0 16px;font-size:22px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}#peterpen-page-designs .nl-post-detail .nl-post-board-link{min-height:28px;padding:0;border:0;background:transparent;color:var(--nl-accent);font-size:12px;font-weight:600}#peterpen-page-designs .nl-post-detail .nl-post-by{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:12px;color:var(--muted)}#peterpen-page-designs .nl-post-detail .nl-post-avatar{flex:none;width:30px;height:30px;border-radius:50%;overflow:hidden}#peterpen-page-designs .nl-post-avatar img{display:block;width:100%;height:100%;object-fit:cover}#peterpen-page-designs .nl-post-author-info{display:grid;gap:3px;min-width:0}#peterpen-page-designs .nl-post-author-info strong{font-weight:600;color:var(--ink);overflow-wrap:anywhere}#peterpen-page-designs .nl-post-detail .nl-post-admin-actions{margin:0 0 0 auto;gap:8px}#peterpen-page-designs .nl-post-detail .nl-post-body{margin:0;padding:24px 0;border:0;border-radius:0;background:transparent;font-size:15px;font-weight:400;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
#peterpen-page-designs .nl-post-reactions,#peterpen-page-designs .nl-post-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}#peterpen-page-designs .nl-post-reactions{padding:0 0 16px;border-bottom:1px solid var(--line)}#peterpen-page-designs .nl-post-reactions>span{display:flex;gap:6px}#peterpen-page-designs .nl-post-detail :is(.nl-post-reactions,.nl-post-bottom) button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.4}#peterpen-page-designs .nl-post-reactions button[aria-pressed=true]{border-color:var(--accent-solid);color:var(--accent-text)}#peterpen-page-designs .nl-post-detail button>.ui-icon{display:block;flex:none;margin:0}#peterpen-page-designs .nl-post-detail button:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}#peterpen-page-designs .nl-post-detail .nl-comments{margin:0;padding-top:20px;border:0}#peterpen-page-designs .nl-post-detail .nl-comments>h3{margin:0 0 12px;font-size:15px;font-weight:600}#peterpen-page-designs .nl-post-detail .nl-comments>h3>span{color:var(--accent-text)}#peterpen-page-designs .nl-post-detail .nl-comment-composer{border-radius:8px}#peterpen-page-designs .nl-post-detail .nl-comment-footer button[type=submit]{min-height:36px;height:36px;border-radius:6px}#peterpen-page-designs .nl-comment-by{font-size:12px;color:var(--muted)}#peterpen-page-designs .nl-comment-by strong{color:var(--ink)}#peterpen-page-designs .nl-comment-actions{justify-content:space-between;align-items:center}#peterpen-page-designs .nl-comment-actions>span{display:flex;align-items:center;gap:4px}#peterpen-page-designs .nl-comment-actions .nl-comment-reactions{margin-left:auto}#peterpen-page-designs .nl-post-detail .nl-comment-actions button:where(:not(.pp-btn-line)){min-height:36px;border-radius:6px;padding:4px 0}#peterpen-page-designs .nl-post-neighbors{margin-top:24px}#peterpen-page-designs .nl-post-neighbors h3{margin:0 0 12px;font-size:14px;font-weight:600}#peterpen-page-designs .nl-post-neighbors button{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:10px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left;font-size:13px}#peterpen-page-designs .nl-post-neighbors button:last-child{border-bottom:1px solid var(--line)}#peterpen-page-designs .nl-post-neighbors strong{flex:none;font-weight:600}#peterpen-page-designs .nl-post-neighbors span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-post-bottom{margin-top:20px}#peterpen-page-designs .nl-mobile.nl-cafe .nl-content:has(.nl-post-detail){padding-inline:16px}#peterpen-page-designs .nl-mobile.nl-cafe .nl-post-detail h2{font-size:19px}#peterpen-page-designs .nl-mobile .nl-post-detail :is(.nl-post-reactions,.nl-post-bottom,.nl-post-admin-actions,.nl-comment-actions,.nl-comment-footer) button:where(:not(.pp-btn-line)){min-height:44px;height:auto}
#peterpen-page-designs .nl-cafe .nl-content-home .nl-home-grid.nl-columns-single{grid-template-columns:minmax(0,1fr)}#peterpen-page-designs .nl-cafe .nl-content-home .nl-home-grid:is(.nl-columns-split,.nl-columns-lead){grid-template-columns:repeat(2,minmax(0,1fr))}#peterpen-page-designs .nl-post-detail .nl-comment-empty .pp-illustration{display:none}
#peterpen-page-designs .nl-action-menu{display:inline-flex;flex:none}#peterpen-page-designs :is(.nl-studio,.nl-post-detail,.rv-overlay) .nl-action-menu>.nl-actions-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}#peterpen-page-designs .nl-actions-toggle .ui-icon{display:block;margin:0}#peterpen-page-designs .nl-action-panel{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:220px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);z-index:1000}#peterpen-page-designs .nl-action-panel[hidden]{display:none}#peterpen-page-designs :is(.nl-studio,.nl-post-detail,.rv-overlay) .nl-action-menu .nl-action-panel>button[role=menuitem]{display:flex;align-items:center;width:100%;min-height:36px;height:auto;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--ink);font-family:inherit;font-size:13px;font-weight:400;line-height:1.4;text-align:left;white-space:normal;cursor:pointer}#peterpen-page-designs :is(.nl-studio,.nl-post-detail,.rv-overlay) .nl-action-menu .nl-action-panel>button.nl-menu-danger{margin-top:4px;border-top:1px solid var(--line);border-radius:0;color:var(--form-error)}#peterpen-page-designs .nl-action-panel button:disabled{opacity:.45;cursor:default}#peterpen-page-designs :is(.nl-actions-toggle,.nl-action-panel button):focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}
#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-info{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;gap:12px}#peterpen-page-designs .nl-studio .wr-work-management .wr-row-cover{flex:none;width:48px;height:72px;border-radius:4px;overflow:hidden}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-meta{display:grid;min-width:0;gap:6px}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-meta>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-meta>small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}#peterpen-page-designs .nl-work-state{display:inline-block;padding:2px 5px;border-radius:4px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.4}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-actions>.wr-work-write{height:36px;min-height:36px;padding:0 14px;border:0;border-radius:8px;background:var(--nl-action,var(--accent-solid));color:#fff;font-size:13px;font-weight:600;white-space:nowrap}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-actions>.wr-work-write:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}
#peterpen-page-designs .nl-management-list{margin:0 0 24px;padding:0;border:0;border-radius:0;background:transparent}#peterpen-page-designs .nl-management-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}#peterpen-page-designs .nl-management-head h3{margin:0;font-size:16px;font-weight:700}#peterpen-page-designs .nl-management-head .nl-management-add,#peterpen-page-designs .nl-management-list .nl-management-add{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:500;white-space:nowrap}#peterpen-page-designs .nl-management-list .nl-manage-item{align-items:center;gap:12px;min-height:0;padding:12px 0;border-bottom:1px solid var(--line);border-radius:0}#peterpen-page-designs .nl-management-list .nl-manage-item:last-child{border-bottom:1px solid var(--line)}#peterpen-page-designs .nl-management-list .nl-board-description{flex:1;min-width:0}#peterpen-page-designs .nl-management-list .nl-board-description strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}#peterpen-page-designs .nl-management-list .nl-board-order-hint{margin:12px 0 0;font-size:12px;color:var(--muted)}#peterpen-page-designs .nl-management-add:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}
#peterpen-page-designs .nl-general-board-list .nl-board-toolbar{align-items:center;gap:12px;margin:0 0 16px;padding:0 0 16px}#peterpen-page-designs .nl-general-board-list .nl-board-write-hint{margin-left:auto;color:var(--muted);font-size:12px;font-weight:400}#peterpen-page-designs .nl-general-board-list .nl-board-write-action{height:36px;min-height:36px;padding:0 14px;border:0;border-radius:8px;background:var(--nl-action);color:#fff;font-size:13px;font-weight:600}#peterpen-page-designs .nl-general-board-list .nl-post-row{min-height:54px;padding:12px 8px;border-radius:0}#peterpen-page-designs .nl-general-board-list .nl-post-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-general-board-list .nl-pinned-post{background:var(--soft)}#peterpen-page-designs .nl-general-board-list .nl-notice-badge{padding:2px 5px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px;font-weight:500}#peterpen-page-designs .nl-board-bottom{margin-top:16px}#peterpen-page-designs .nl-board-pages{display:flex;justify-content:center;gap:4px;margin-bottom:16px}#peterpen-page-designs .nl-board-pages button{min-width:36px;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px}#peterpen-page-designs .nl-board-pages button[aria-current=page]{background:var(--soft);color:var(--accent-text);font-weight:600}#peterpen-page-designs .nl-board-search{display:flex;align-items:center;justify-content:center;gap:8px}#peterpen-page-designs .nl-board-search :is(input,select){box-sizing:border-box;min-width:0;height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;font-weight:400}#peterpen-page-designs .nl-board-search input{flex:0 1 240px;width:100%}#peterpen-page-designs .nl-board-search button{flex:none;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:500}#peterpen-page-designs :is(.nl-board-search :is(input,select,button),.nl-board-pages button):focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-admin-actions{align-items:center;gap:12px}#peterpen-page-designs .nl-cafe .nl-post-detail .nl-comment-empty{margin:8px 0 0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}#peterpen-page-designs .nl-cafe .nl-empty,#peterpen-page-designs .nl-studio .nl-empty{font-size:13px;font-weight:400;color:var(--muted);line-height:1.5}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row:hover,#peterpen-page-designs .nl-general-board-list .nl-post-row:hover{background:var(--soft)}#peterpen-page-designs :is(.nl-actions-toggle,.nl-action-panel button:not(:disabled),.nl-management-add,.nl-board-pages button):hover{background:var(--soft)}}
@media(max-width:560px){#peterpen-page-designs .nl-studio .wr-work-management .wr-work-row{grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:8px}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-info{display:contents}#peterpen-page-designs .nl-studio .wr-work-management .wr-row-cover{grid-column:1;grid-row:1/3;align-self:start}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-meta{grid-column:2;grid-row:1}#peterpen-page-designs .nl-studio .wr-work-management .wr-work-actions{grid-column:2;grid-row:2}#peterpen-page-designs :is(.nl-studio,.nl-post-detail,.rv-overlay) .nl-action-menu>.nl-actions-toggle{width:44px;min-width:44px;height:44px;min-height:44px}#peterpen-page-designs :is(.nl-studio,.nl-post-detail,.rv-overlay) .nl-action-menu .nl-action-panel>button[role=menuitem],#peterpen-page-designs .nl-studio .wr-work-management .wr-work-actions>.wr-work-write,#peterpen-page-designs .nl-management-list .nl-management-add,#peterpen-page-designs .nl-general-board-list .nl-board-write-action,#peterpen-page-designs .nl-board-pages button,#peterpen-page-designs .nl-board-search button{min-height:44px;height:44px}#peterpen-page-designs .nl-board-pages button{min-width:44px}#peterpen-page-designs .nl-board-search :is(input,select){height:44px}}
/* Narrow PC widths keep a fixed lane under the address for the corner membership button in every state. */
@media(max-width:700px){#peterpen-page-designs .nl-cafe:not(.nl-mobile):not(.nl-card-masthead) .nl-masthead{padding-bottom:calc(42 * var(--nl-hero-unit,1px) + 44px)}#peterpen-page-designs .nl-cafe:not(.nl-mobile):not(.nl-card-masthead) .nl-masthead-leave{bottom:calc(30 * var(--nl-hero-unit,1px))}}
#peterpen-page-designs .nl-cafe span.nl-empty,#peterpen-page-designs .nl-studio span.nl-empty{display:block}
#peterpen-page-designs .nl-studio .wr-work-management>h2{margin:0 0 16px;font-size:16px;font-weight:700}
@media(max-width:560px){#peterpen-page-designs .nl-cafe .nl-content-home .nl-section-head{min-height:44px}}
#peterpen-page-designs .sns-reader-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:var(--sns-row-wrap,wrap);gap:var(--sns-row-gap,6px);max-width:100%}#peterpen-page-designs .sns-reader-brand,#peterpen-page-designs :is(.nl-post-reactions,.rv-reader-share) .sns-reader-row>.sns-reader-embed{box-sizing:border-box;position:relative;display:var(--sns-desktop-display,inline-flex);align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--paper);text-decoration:none;cursor:pointer}#peterpen-page-designs :is(.sns-reader-brand,.sns-reader-embed)::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ink)}#peterpen-page-designs :is(.sns-reader-brand,.sns-reader-embed)>svg{position:relative;display:block;flex:none;width:14px;height:14px;margin:0;color:inherit}#peterpen-page-designs :is(.sns-reader-brand,.sns-reader-embed):focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}#peterpen-page-designs .sns-reader-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:90dvh;overflow:auto;margin:auto;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}#peterpen-page-designs .sns-reader-dialog::backdrop{background:#0006}#peterpen-page-designs .sns-reader-dialog>header,#peterpen-page-designs .sns-reader-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}#peterpen-page-designs .sns-reader-dialog h2{margin:0;font-size:16px;font-weight:700}#peterpen-page-designs .sns-reader-dialog>header{margin-bottom:16px}#peterpen-page-designs .sns-reader-dialog>header button{display:grid;place-items:center;width:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted)}#peterpen-page-designs .sns-reader-dialog .sns-preview{border:0;padding:0;align-items:center}#peterpen-page-designs .sns-reader-dialog .sns-reader-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;line-height:1.6}#peterpen-page-designs .sns-reader-dialog>p{margin:16px 0;color:var(--muted);font-size:12px;line-height:1.6}#peterpen-page-designs .sns-reader-dialog>label{display:grid;gap:6px;margin-bottom:16px;font-size:13px;font-weight:600}#peterpen-page-designs .sns-reader-dialog input{box-sizing:border-box;min-width:0;width:100%;height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;font-weight:400}#peterpen-page-designs .sns-reader-dialog>footer{justify-content:flex-end}#peterpen-page-designs .sns-reader-dialog>footer button{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:500}#peterpen-page-designs .sns-reader-dialog>footer [data-reader-share-dialog-copy]{border:0;background:var(--accent-solid);color:#fff;font-weight:600}#peterpen-page-designs .sns-reader-dialog :is(button,input):focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}#peterpen-page-designs .sns-reader-dialog [data-reader-share-dialog-status]:empty{margin:0}#peterpen-page-designs .nl-post-reactions{flex-wrap:wrap}#peterpen-page-designs .nl-post-reactions .sns-reader-row{margin-left:auto}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs :is(.sns-reader-brand,.sns-reader-embed):hover::before{filter:brightness(.85)}}
@media(max-width:560px){#peterpen-page-designs .sns-reader-dialog input,#peterpen-page-designs .sns-reader-dialog>footer button,#peterpen-page-designs .sns-reader-dialog>header button{min-height:44px;height:44px}}
#peterpen-page-designs :where(.nl-studio){--nl-action:#176b80}#peterpen-page-designs[data-appearance="dark"] :where(.nl-studio){--nl-action:#205b9b}#peterpen-page-designs .nl-studio button.nl-primary:not(.nl-register-entry),#peterpen-page-designs .nl-studio .wr-work-management .wr-work-actions>.wr-work-write{background:var(--nl-action);border-color:var(--nl-action);color:#fff;font-family:inherit;font-size:13px;font-weight:600}#peterpen-page-designs .nl-cafe .nl-content .nl-board-write-action,#peterpen-page-designs .nl-cafe .nl-content .nl-post-form>button[type=submit],#peterpen-page-designs .nl-cafe .nl-content .nl-comment-footer>button[type=submit]{font-family:inherit;font-size:13px;font-weight:600;background:var(--nl-action);color:#fff}#peterpen-page-designs .nl-cafe .nl-general-board-list .nl-board-search>button{font-family:inherit;font-size:13px;font-weight:500;height:40px;min-height:40px;box-sizing:border-box}#peterpen-page-designs .nl-cafe .nl-content .nl-deleted-post-row>button,#peterpen-page-designs .nl-studio .nl-studio-topright>button,#peterpen-page-designs .nl-studio .nl-dialog-form>footer>button:not(.nl-primary),#peterpen-page-designs .nl-studio .nl-deleted-items .nl-manage-item>button{font-family:inherit;font-size:13px;font-weight:500}
#peterpen-page-designs .nl-cafe .nl-general-board-list .nl-deleted-posts{margin:16px 0;padding:0;border:0;border-radius:0;background:transparent}#peterpen-page-designs .nl-cafe .nl-general-board-list .nl-deleted-posts>summary{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-bottom{align-items:center}#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-bottom>button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-height:36px;margin:0;gap:6px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4}#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-bottom>button[data-nl-compose]{background:var(--nl-action);border-color:var(--nl-action);color:#fff;font-weight:600}
#peterpen-page-designs .nl-mobile.nl-cafe .nl-post-detail .nl-post-bottom>button{height:44px;min-height:44px}#peterpen-page-designs .nl-mobile.nl-cafe .nl-general-board-list .nl-board-search>:is(button,input,select){height:44px;min-height:44px}@media(max-width:560px){#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-bottom>button,#peterpen-page-designs .nl-cafe .nl-general-board-list .nl-board-search>:is(button,input,select){height:44px;min-height:44px}}
#peterpen-page-designs :where(.nl-studio) :where(.nl-cafe){--nl-hero-bg:initial;--nl-image-overlay:initial}
#peterpen-page-designs .sns-reader-dialog .sns-preview-info>.sns-reader-author{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}#peterpen-page-designs .sns-reader-dialog.sns-reader-dialog-nl>footer [data-reader-share-dialog-copy]{background:var(--nl-action)}
#peterpen-page-designs .sns-reader-mobile{display:none}#peterpen-page-designs :is(.nl-post-reactions,.rv-reader-share) .sns-reader-row>.sns-reader-mobile{display:var(--sns-mobile-display,none);box-sizing:border-box;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}#peterpen-page-designs .sns-reader-mobile .ui-icon{display:block;width:18px;height:18px;margin:0}#peterpen-page-designs .sns-reader-mobile:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}#peterpen-page-designs .sns-reader-row[data-reader-share-mobile=true]{--sns-mobile-display:inline-flex;--sns-desktop-display:none;--sns-inactive-display:flex;--sns-row-gap:8px;--sns-row-wrap:nowrap}#peterpen-page-designs .phone .nl-post-reactions,#peterpen-page-designs .nl-post-reactions:has(>.sns-reader-row[data-reader-share-mobile=true]){flex-wrap:nowrap;align-items:center;gap:8px}#peterpen-page-designs .phone .nl-post-reactions>.sns-reader-row,#peterpen-page-designs .nl-post-reactions>.sns-reader-row[data-reader-share-mobile=true]{flex:0 0 auto;flex-basis:auto;margin-left:auto}
#peterpen-page-designs .sns-reader-dialog.sns-reader-sheet{position:fixed;inset:auto 0 0;width:min(480px,100%);max-height:85dvh;margin:auto auto 0;padding:16px;border-radius:12px 12px 0 0;background:var(--paper);animation:sns-reader-sheet-in .18s ease-out}#peterpen-page-designs .sns-reader-sheet>header h2{font-size:15px;font-weight:700}#peterpen-page-designs .sns-reader-sheet>header button{width:44px;height:44px;min-height:44px}#peterpen-page-designs .sns-reader-sheet-brands{display:grid;grid-template-columns:repeat(var(--sns-brand-count,5),minmax(0,1fr));gap:8px;margin:0 0 16px}#peterpen-page-designs .sns-reader-sheet-sns{padding:0;border:0;border-radius:0;background:transparent;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;color:var(--ink);text-decoration:none}#peterpen-page-designs .sns-reader-sheet-circle{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--paper)}#peterpen-page-designs .sns-reader-sheet-circle>svg{display:block;width:24px;height:24px;fill:currentColor}#peterpen-page-designs .sns-reader-sheet-label{font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap}#peterpen-page-designs .sns-reader-sheet .sns-reader-sheet-list>button{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;height:48px;min-height:48px;margin:0;padding:0 8px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:14px;font-weight:400;text-align:left}#peterpen-page-designs .sns-reader-sheet-list .ui-icon{width:16px;height:16px;flex:none;margin:0}#peterpen-page-designs .sns-reader-sheet :is(a,button):focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}#peterpen-page-designs .sns-reader-sheet .sns-reader-sheet-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
@keyframes sns-reader-sheet-in{from{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){#peterpen-page-designs .sns-reader-sheet{animation:none}}
@media(max-width:560px){#peterpen-page-designs .sns-reader-row{--sns-mobile-display:inline-flex;--sns-desktop-display:none;--sns-inactive-display:flex;--sns-row-gap:8px;--sns-row-wrap:nowrap}#peterpen-page-designs .nl-post-reactions{flex-wrap:nowrap;align-items:center;gap:8px}#peterpen-page-designs .nl-post-reactions>.sns-reader-row{flex:0 0 auto;flex-basis:auto;margin-left:auto}}
#peterpen-page-designs .sns-reader-sheet-extra{margin-top:8px;border-top:1px solid var(--line)}#peterpen-page-designs .sns-reader-sheet .sns-reader-sheet-extra>button{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;height:48px;min-height:48px;margin:0;padding:0 8px;border:0;border-radius:0;background:transparent;color:var(--form-error);font-family:inherit;font-size:14px;font-weight:400;text-align:left}
#peterpen-page-designs .sns-reader-row[data-reader-share-active=false]{display:var(--sns-inactive-display,none)}#peterpen-page-designs .phone .nl-post-admin-actions>.nl-post-copy{display:none}@media(max-width:560px){#peterpen-page-designs .nl-post-admin-actions>.nl-post-copy{display:none}}
#peterpen-page-designs .nl-author-events{min-width:0}#peterpen-page-designs .nl-author-event-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}#peterpen-page-designs .nl-author-event-head>label{display:block;flex:1;max-width:440px;margin:0;color:var(--muted);font-size:13px;font-weight:400}#peterpen-page-designs .nl-author-event-head strong{color:var(--ink);font-weight:600;white-space:nowrap}#peterpen-page-designs .nl-author-event-head progress{display:block;width:100%;height:8px;margin-top:8px;appearance:none;border:0;border-radius:4px;background:var(--soft);color:var(--studio-accent,var(--nl-action))}#peterpen-page-designs .nl-author-event-head progress::-webkit-progress-bar{border-radius:4px;background:var(--soft)}#peterpen-page-designs .nl-author-event-head progress::-webkit-progress-value{border-radius:4px;background:var(--studio-accent,var(--nl-action))}#peterpen-page-designs .nl-author-event-head progress::-moz-progress-bar{border-radius:4px;background:var(--studio-accent,var(--nl-action))}
#peterpen-page-designs .nl-author-event-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}#peterpen-page-designs .nl-author-event-cover{display:block;position:relative;overflow:hidden;width:48px;height:72px;border-radius:4px}#peterpen-page-designs .nl-author-event-cover>:is(img,.work-cover-default){width:100%;height:100%;object-fit:cover}#peterpen-page-designs .nl-author-event-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-width:0}#peterpen-page-designs .nl-author-event-info>strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-author-event-badge{padding:1px 4px;border-radius:3px;background:var(--soft);font-size:11px;font-weight:500;white-space:nowrap}#peterpen-page-designs .nl-author-event-badge[data-state=active]{color:var(--ink);font-weight:600}#peterpen-page-designs .nl-author-event-info>p,#peterpen-page-designs .nl-author-event-info>small{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--muted);font-size:12px;line-height:1.5}#peterpen-page-designs .nl-author-event-action{font-size:12px;color:var(--muted);white-space:nowrap}#peterpen-page-designs :is(.nl-author-event-empty,.nl-author-event-status){display:block;margin:12px 0;color:var(--muted);font-size:13px;line-height:1.6}#peterpen-page-designs .nl-author-event-status:empty{display:none}
#peterpen-page-designs :is(.nl-author-events,.nl-author-event-dialog) button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;height:36px;min-height:36px;margin:0;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer}#peterpen-page-designs :is(.nl-author-events,.nl-author-event-dialog) button.nl-primary{border-color:var(--nl-action);background:var(--nl-action);color:#fff;font-weight:600}#peterpen-page-designs :is(.nl-author-events,.nl-author-event-dialog) :is(button,input,select):focus-visible{outline:2px solid var(--studio-accent,var(--nl-action));outline-offset:2px}#peterpen-page-designs .nl-author-event-dialog button:disabled{opacity:.45;cursor:default}
#peterpen-page-designs .nl-author-event-dialog{color-scheme:light;box-sizing:border-box;width:min(580px,calc(100vw - 32px));max-height:90dvh;margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}#peterpen-page-designs .nl-author-event-dialog::backdrop{background:#0006}#peterpen-page-designs .nl-author-event-form{display:flex;flex-direction:column;max-height:calc(90dvh - 2px);margin:0}#peterpen-page-designs .nl-author-event-form>header,#peterpen-page-designs .nl-author-event-form>footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;padding:16px;border-bottom:1px solid var(--line)}#peterpen-page-designs .nl-author-event-form>header h2{margin:0;font-size:16px;font-weight:700}#peterpen-page-designs .nl-author-event-form>header>button{width:32px;height:32px;min-height:32px;padding:0;border:0;color:var(--muted);font-size:20px}#peterpen-page-designs .nl-author-event-form>footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}#peterpen-page-designs .nl-author-event-fields{display:grid;gap:12px;min-height:0;min-width:0;padding:16px;overflow:auto}#peterpen-page-designs .nl-author-event-fields label{display:grid;gap:6px;min-width:0;margin:0;font-size:13px;font-weight:600}#peterpen-page-designs .nl-author-event-fields :is(input,select){box-sizing:border-box;min-width:0;width:100%;height:40px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:14px;font-weight:400}#peterpen-page-designs .nl-author-event-fields [aria-invalid=true]{border-color:var(--form-error)}#peterpen-page-designs .nl-author-event-fields fieldset{min-width:0;margin:0;padding:0;border:0}#peterpen-page-designs .nl-author-event-fields legend{margin:0 0 6px;padding:0;font-size:13px;font-weight:600}
#peterpen-page-designs .nl-author-event-chips{display:flex;flex-wrap:wrap;gap:6px}#peterpen-page-designs .nl-author-event-chips>button{padding:0 10px;border-radius:6px}#peterpen-page-designs .nl-author-event-chips>button[aria-pressed=true]{border-color:var(--nl-action);background:color-mix(in srgb,var(--nl-action) 8%,var(--paper));color:var(--studio-accent,var(--nl-action))}#peterpen-page-designs .nl-author-event-dates{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr);align-items:end;gap:8px}#peterpen-page-designs .nl-author-event-dates>span{align-self:end;line-height:40px;color:var(--muted)}#peterpen-page-designs .nl-author-event-error{display:block;margin:4px 0 0;color:var(--form-error);font-size:12px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}#peterpen-page-designs .nl-author-event-error:empty{display:none}#peterpen-page-designs :is(.nl-author-event-help,.nl-author-event-usage,.nl-author-event-settlement){margin:0;font-size:12px;font-weight:400;line-height:1.6;color:var(--muted)}#peterpen-page-designs .nl-author-event-help p{margin:0}#peterpen-page-designs .nl-author-event-over{color:var(--form-error)}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs :is(.nl-author-events,.nl-author-event-dialog) button:not(.nl-primary):not(:disabled):hover{background:var(--soft)}}
#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-author-event-head{align-items:flex-start;flex-direction:column;gap:12px}#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-author-event-head>label{width:100%;max-width:none}#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] :is(.nl-author-events,.nl-author-event-dialog) button,#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-author-event-fields :is(input,select){height:44px;min-height:44px}#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-author-event-dates>span{line-height:44px}#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-author-event-dates input{font-size:12px}#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-author-event-form>header>button{width:44px}@media(max-width:560px){#peterpen-page-designs .nl-author-event-form>header>button{width:44px}#peterpen-page-designs .nl-author-event-head{align-items:flex-start;flex-direction:column;gap:12px}#peterpen-page-designs .nl-author-event-head>label{width:100%;max-width:none}#peterpen-page-designs :is(.nl-author-events,.nl-author-event-dialog) button,#peterpen-page-designs .nl-author-event-fields :is(input,select){height:44px;min-height:44px}#peterpen-page-designs .nl-author-event-dates>span{line-height:44px}#peterpen-page-designs .nl-author-event-dates input{font-size:12px}}
#peterpen-page-designs[data-appearance=dark] .nl-author-event-dialog{color-scheme:dark}
#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-studio-tabs:has([data-nl-editor-tab=events]){flex-wrap:wrap}#peterpen-page-designs .nl-studio[data-nl-render-device=mobile] .nl-studio-tabs:has([data-nl-editor-tab=events])>button{flex:none;white-space:nowrap}@media(max-width:560px){#peterpen-page-designs .nl-studio-tabs:has([data-nl-editor-tab=events]){flex-wrap:wrap}#peterpen-page-designs .nl-studio-tabs:has([data-nl-editor-tab=events])>button{flex:none;white-space:nowrap}}
#peterpen-page-designs .nl-paid-work-info{display:flex;align-items:center;gap:12px;min-width:0}#peterpen-page-designs .nl-paid-work-info>span{display:block;position:relative;overflow:hidden;flex:none;width:40px;height:60px;border-radius:4px}#peterpen-page-designs .nl-paid-work-info>span>:is(img,.work-cover-default){width:100%;height:100%;object-fit:cover}#peterpen-page-designs .nl-paid-work-info>div{display:grid;gap:4px;min-width:0}#peterpen-page-designs .nl-paid-work-info strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-paid-work-info small{font-size:12px;color:var(--muted)}
#peterpen-page-designs .nl-paid-guidance{padding:12px;border:0;border-radius:6px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}#peterpen-page-designs .nl-paid-guidance p{margin:0}#peterpen-page-designs .nl-author-event-fields .nl-paid-accept{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}#peterpen-page-designs .nl-author-event-fields .nl-paid-accept>input[type=checkbox]{flex:none;width:16px;height:16px;min-height:16px;margin:0;padding:0;accent-color:var(--nl-action)}
#peterpen-page-designs .nl-paid-hint{width:min(440px,calc(100vw - 32px))}#peterpen-page-designs .nl-paid-hint .nl-author-event-fields>p:first-child{margin:0;font-size:14px;font-weight:600;line-height:1.6}#peterpen-page-designs .nl-paid-hint .nl-author-event-fields>.nl-author-event-error{margin:0}
#peterpen-page-designs .nl-episode-actions:has(.nl-paid-free-control){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}#peterpen-page-designs .nl-episode-actions>label.nl-paid-free-control{display:flex;align-items:center;justify-self:end;gap:6px;min-width:0;min-height:44px;margin:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}#peterpen-page-designs .nl-episode-actions>label.nl-paid-free-control>input[type=checkbox]{flex:none;width:16px;height:16px;min-height:16px;margin:0;padding:0;accent-color:var(--nl-action)}
#peterpen-page-designs .nl-paid-notices:empty{display:none}#peterpen-page-designs .nl-paid-notices>.nl-paid-notice{margin:0;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}#peterpen-page-designs .nl-paid-notices>.nl-paid-notice>summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 0;background:transparent;font-size:13px;cursor:pointer}#peterpen-page-designs .nl-paid-notice>summary>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}#peterpen-page-designs .nl-paid-notice>summary>time{flex:none;font-size:11px;font-weight:400;white-space:nowrap;color:var(--muted)}#peterpen-page-designs .nl-paid-notice>summary:focus-visible{outline:2px solid var(--studio-accent,var(--nl-accent));outline-offset:2px}#peterpen-page-designs .nl-paid-notice>.nl-paid-notice-author{margin:4px 0;color:var(--muted);font-size:12px}#peterpen-page-designs .nl-paid-notice>.nl-paid-notice-body{margin:0 0 12px;padding:0;border:0;background:transparent;color:var(--ink);font-size:13px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}
#peterpen-page-designs .nl-episode-price{display:inline-block;flex:none;margin-left:6px;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}#peterpen-page-designs .nl-action-panel>button.nl-paid-menu-info{white-space:normal;overflow-wrap:anywhere;line-height:1.5;min-height:36px}@media(max-width:560px){#peterpen-page-designs .nl-paid-notices>.nl-paid-notice>summary{min-height:44px}}
#peterpen-page-designs .nl-post-list-compact.nl-post-list-views .nl-post-row,#peterpen-page-designs .nl-post-list-compact.nl-post-list-views .nl-post-table-head{grid-template-columns:minmax(0,1fr) minmax(90px,120px) 52px 52px}#peterpen-page-designs .nl-post-list-dated.nl-post-list-views .nl-post-row,#peterpen-page-designs .nl-post-list-dated.nl-post-list-views .nl-post-table-head{grid-template-columns:minmax(0,1fr) minmax(90px,120px) 52px 100px 52px}#peterpen-page-designs .nl-post-list-serial.nl-post-list-views .nl-post-row,#peterpen-page-designs .nl-post-list-serial.nl-post-list-views .nl-post-table-head{grid-template-columns:minmax(0,1fr) 52px 100px 52px}#peterpen-page-designs .nl-post-row-views{color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){#peterpen-page-designs .nl-post-list-compact.nl-post-list-views .nl-post-row{grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;row-gap:5px}#peterpen-page-designs .nl-post-list-views .nl-post-row>strong{grid-column:1/-1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-post-list-views .nl-post-row-author{grid-column:1;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-post-list-views .nl-post-row-comments{grid-column:2;grid-row:2;white-space:nowrap}#peterpen-page-designs .nl-post-list-views .nl-post-row-views{grid-column:3;grid-row:2}#peterpen-page-designs .nl-post-list-views .nl-post-row-date{grid-column:1/-1;grid-row:3}#peterpen-page-designs .nl-post-list-serial.nl-post-list-views .nl-post-row-comments{grid-column:1}#peterpen-page-designs .nl-post-list-views .nl-post-row-comments::before{content:"댓글 "}#peterpen-page-designs .nl-post-list-views .nl-post-row-views::before{content:"조회 "}}
#peterpen-page-designs .nl-mobile .nl-post-list-compact.nl-post-list-views .nl-post-row{grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;row-gap:5px}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-table-head{display:none}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-row>strong{grid-column:1/-1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-row-author{grid-column:1;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-row-comments{grid-column:2;grid-row:2;white-space:nowrap}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-row-views{grid-column:3;grid-row:2}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-row-date{grid-column:1/-1;grid-row:3}#peterpen-page-designs .nl-mobile .nl-post-list-serial.nl-post-list-views .nl-post-row-comments{grid-column:1}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-row-comments::before{content:"댓글 "}#peterpen-page-designs .nl-mobile .nl-post-list-views .nl-post-row-views::before{content:"조회 "}
/* 게시판 목록: 번호 | 제목 [댓글] N | 작성자 | 작성일 | 조회 */
#peterpen-page-designs .nl-board-table{border-top:1px solid var(--line)}
#peterpen-page-designs .nl-board-table .nl-board-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:16px;width:100%;min-height:auto;padding:14px 6px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
#peterpen-page-designs .nl-board-table .nl-board-row.nl-pinned-post{grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;padding:11px 6px;background:var(--nl-wash)}
#peterpen-page-designs .nl-board-notice-title{min-width:0;overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-board-main{display:grid;gap:5px;min-width:0}
#peterpen-page-designs .nl-board-title{display:flex;align-items:center;gap:6px;min-width:0}
#peterpen-page-designs .nl-board-title strong{min-width:0;overflow:hidden;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-board-table .nl-board-title strong{font-size:15px;font-weight:600;line-height:1.4}
#peterpen-page-designs .nl-board-excerpt{overflow:hidden;color:var(--muted);font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
#peterpen-page-designs .nl-board-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-board-meta .nl-board-avatar{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;margin-right:-4px;border-radius:50%;overflow:hidden;background:var(--nl-wash);font-size:10px}
#peterpen-page-designs .nl-board-meta .nl-board-avatar img{width:100%;height:100%;object-fit:cover}
#peterpen-page-designs .nl-board-author{color:var(--ink);font-weight:600}
#peterpen-page-designs .nl-board-thumb{width:64px;height:64px;border-radius:6px;object-fit:cover}
#peterpen-page-designs .nl-board-count{display:grid;justify-items:center;min-width:46px;padding:6px 4px;border-radius:6px;background:var(--nl-wash);line-height:1.2}
#peterpen-page-designs .nl-board-count strong{color:var(--nl-accent);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
#peterpen-page-designs .nl-board-count.is-zero strong{color:var(--muted)}
#peterpen-page-designs .nl-board-count small{color:var(--muted);font-size:11px}
#peterpen-page-designs .nl-board-date{color:var(--muted);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
#peterpen-page-designs .nl-board-comments{flex:none;color:var(--nl-accent);font-size:12px;font-weight:700}
#peterpen-page-designs .nl-board-new{flex:none;display:inline-grid;place-items:center;width:14px;height:14px;border-radius:3px;background:#e8590c;color:#fff;font-size:9px;font-weight:700;line-height:1}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-board-table .nl-board-row:hover :is(.nl-board-title strong,.nl-board-notice-title){color:var(--nl-accent);text-decoration:underline;text-underline-offset:3px}}
@media(max-width:700px){#peterpen-page-designs .nl-board-table .nl-board-row{column-gap:10px;padding:12px 2px}#peterpen-page-designs .nl-board-thumb{width:52px;height:52px}#peterpen-page-designs .nl-board-count{min-width:40px}}
/* 홈 게시판 칸: 제목 [댓글] … 작성일 */
#peterpen-page-designs .nl-board-preview{border-top:1px solid var(--ink)}
#peterpen-page-designs .nl-board-preview .nl-board-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}
@media (hover:hover) and (pointer:fine){#peterpen-page-designs .nl-board-preview .nl-board-preview-row:hover .nl-board-title strong{color:var(--nl-accent);text-decoration:underline;text-underline-offset:3px}}
/* 글 보기: 게시판 이름(돌아가는 링크) → 제목 → 작성자 줄 → 본문 */
#peterpen-page-designs .nl-cafe .nl-post-detail button.nl-post-board-link{min-height:26px;padding:2px 10px;border:0;border-radius:4px;background:var(--nl-wash);color:var(--nl-accent);font-size:12px;font-weight:700}
#peterpen-page-designs .nl-cafe .nl-post-detail button.nl-post-board-link::after{content:" ›"}
#peterpen-page-designs .nl-cafe .nl-post-detail h2{margin:12px 0 16px;font-size:26px;font-weight:700;line-height:1.35}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-head{padding-bottom:16px;border-bottom:1px solid var(--line)}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-avatar{width:40px;height:40px}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-author-info{display:grid;gap:2px}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-author-info strong{color:var(--ink);font-size:14px}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-author-info span{color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-admin-actions{align-self:flex-start;gap:4px}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-admin-actions .pp-btn-line{min-height:28px;padding:0 8px;border-color:transparent;color:var(--muted);font-size:12px}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-body{min-height:200px;padding:36px 2px 48px;font-size:16px;line-height:1.85}
#peterpen-page-designs .nl-cafe .nl-post-detail .nl-post-reactions{padding-bottom:24px}#peterpen-page-designs .nl-post-detail :is(.nl-post-votes,.nl-post-tools){display:flex;align-items:center;gap:8px}#peterpen-page-designs .nl-post-detail .nl-post-tools{margin-left:auto}#peterpen-page-designs .nl-comment-reactions .nl-comment-report{margin-left:6px}#peterpen-page-designs .nl-post-detail .nl-post-tools>button{width:36px;padding:0}#peterpen-page-designs .nl-mobile .nl-post-detail .nl-post-tools>button{width:44px}

/* 순위가 없는 허브 목록(신규글·추천글·작품 홍보)은 순위 칸을 두지 않는다. */
#peterpen-page-designs .nl-hub-post:not(:has(>.nl-hub-rank)):not(.nl-hub-space){grid-template-columns:minmax(0,1fr) 32px}#peterpen-page-designs .nl-hub-post.nl-hub-board-post:not(:has(>.nl-hub-rank)){grid-template-columns:minmax(0,1fr) 28px}#peterpen-page-designs .nl-hub-post:not(:has(>.nl-hub-rank)):not(.nl-hub-space) :is(.nl-hub-post-title,.nl-hub-post-meta){grid-column:1}#peterpen-page-designs .nl-hub-post:not(:has(>.nl-hub-rank)):not(.nl-hub-space) :is(.nl-hub-post-avatar,.nl-hub-board-cover){grid-column:2}

/* 네버랜드 목록 카드: 타이틀 이미지만 빌려 오고 이름은 같은 글꼴로 가운데에 둔다(각 네버랜드 꾸밈은 반영하지 않음). */
#peterpen-page-designs .nl-directory-band-simple{background:var(--soft)}#peterpen-page-designs .nl-directory-band-simple img{opacity:1}#peterpen-page-designs .nl-directory-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 6%;color:var(--ink);font-size:clamp(15px,6.4cqw,24px);font-weight:700;line-height:1.25;letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere}#peterpen-page-designs .nl-directory-band-image .nl-directory-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 14px rgba(0,0,0,.35)}