html[data-theme="light"],html[data-theme="dark"]{--bg:var(--wp-bg);--surface:var(--wp-surface);--surface2:var(--wp-soft);--bg-surface-2:var(--wp-soft);--border:var(--wp-line);--gold:var(--wp-accent);--gold-dim:var(--wp-accent);--pink:var(--wp-accent);--pink-strong:var(--wp-accent);--text:var(--wp-ink);--text-dim:var(--wp-muted);--text-muted:var(--wp-muted);--nav-bg:var(--wp-bg);--free-glow:var(--wp-soft);--paid-glow:var(--wp-soft);--header-chip-hover:var(--wp-soft)}
body.wp-shell{background:var(--bg);font-family:'Noto Sans KR',sans-serif}
body.wp-shell .hero{max-width:1240px;padding:76px 24px 35px}
body.wp-shell .hero-label{color:var(--gold);font-weight:800}
body.wp-shell .hero-title{font-size:clamp(34px,4.5vw,56px);line-height:1.24;letter-spacing:-.06em}
body.wp-shell .parts-nav{max-width:1240px;margin:0 auto 20px;padding:0 24px 11px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
body.wp-shell .parts-nav::-webkit-scrollbar{display:none}
body.wp-shell .part-btn{flex:none;border-radius:999px;padding:9px 15px;font-weight:700}
body.wp-shell .part-btn.active{background:var(--gold);color:white}
body.wp-shell .grid-container{max-width:1240px}
body.wp-shell .articles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body.wp-shell .card{border:1px solid var(--border);border-radius:17px;padding:15px;background:var(--surface)}
body.wp-shell .card.done,body.wp-shell .card.paid.done{border-color:var(--border)}
body.wp-shell .card.done::before,body.wp-shell .card.paid.done::before{opacity:0}
body.wp-shell .card:hover{border-color:var(--gold);box-shadow:0 14px 35px #8e456124}
body.wp-shell .card-thumb{width:calc(100% + 30px);margin:-15px -15px 15px;border-radius:16px 16px 0 0}
body.wp-shell .card-title{font-size:15px;line-height:1.48;letter-spacing:-.035em}
body.wp-shell .card-preview{font-size:12px;line-height:1.58;color:var(--text-dim)}
body.wp-shell .card-action{font-size:11px;white-space:nowrap}
body.wp-shell .status-dot{display:none}
body.wp-shell .card .bookmark-btn{position:absolute;z-index:3;top:11px;right:11px;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--gold);font-size:17px;cursor:pointer;box-shadow:0 3px 12px #0002}
body.wp-shell .card .bookmark-btn[aria-pressed="true"]{background:var(--gold);color:white}
.article-tools,.article-filter-results,.article-shelf{max-width:1240px;margin:0 auto;padding:0 24px}
.article-tools{display:flex;align-items:end;gap:12px;margin-bottom:30px;scroll-margin-top:90px}
.article-select-wrap{display:block;font-size:11px;font-weight:800;color:var(--text-dim)}
.article-tools select{width:100%;height:47px;margin-top:7px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:600 16px 'Noto Sans KR',sans-serif;outline:none}
.article-tools select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9587a20}
.article-select-wrap{width:142px}.article-tool-count{min-width:70px;padding-bottom:14px;color:var(--text-muted);font-size:11px;text-align:right}
.article-filter-results{margin-bottom:45px}
.article-filter-results[hidden],.article-shelf[hidden]{display:none}
body.filter-active .category-wrapper,body.filter-active .parts-nav{display:none!important}
.article-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0}
.article-results-heading h2{font-size:20px;letter-spacing:-.04em;margin:0}
.article-results-heading button{border:0;background:none;color:var(--gold);font:700 12px 'Noto Sans KR',sans-serif;cursor:pointer}
.article-results-heading span{font-size:11px;color:var(--text-muted)}
.article-results-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.filter-card{display:flex;flex-direction:column;min-width:0;min-height:172px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px}
.filter-card>a{flex:1;display:flex;flex-direction:column;color:inherit;text-decoration:none}
.filter-card>a:hover h3{color:var(--gold)}
.filter-card .filter-meta{font-size:10px;color:var(--gold);font-weight:800}
.filter-card h3{font-size:13px;line-height:1.42;letter-spacing:-.03em;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.filter-card p{font-size:10px;line-height:1.5;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.filter-card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--border);padding-top:10px;color:var(--gold);font-size:10px;font-weight:800}
.filter-card-footer button{border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--gold);font:700 11px 'Noto Sans KR',sans-serif;padding:5px 8px;cursor:pointer}
.article-shelf{margin:0 auto 40px}
#article-shelf-links{display:flex;gap:8px;flex-wrap:wrap}
#article-shelf-links a{padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:11px;text-decoration:none}
#article-shelf-links a:hover{border-color:var(--gold)}
@media(max-width:1000px){body.wp-shell .articles-grid,.article-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.wp-shell .articles-grid,.article-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-tools{flex-wrap:wrap}.article-tool-count{margin-left:auto}}
@media(max-width:540px){body.wp-shell .hero{padding:47px 16px 25px}body.wp-shell .parts-nav{padding:0 16px 12px}body.wp-shell .grid-container{padding-left:16px;padding-right:16px}body.wp-shell .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.article-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.article-tools,.article-filter-results,.article-shelf{padding:0 16px}.article-select-wrap{flex:1}.article-tool-count{width:100%;text-align:left;padding-bottom:0}.filter-card{min-height:130px;padding:10px}.filter-card h3{font-size:12px;margin:6px 0}.filter-card p{display:none}.filter-card-footer{padding-top:7px;font-size:9px}.filter-card-footer button{font-size:10px;padding:4px 6px}}
@media(max-width:540px){body.wp-shell .card{min-width:0;padding:10px;border-radius:12px}body.wp-shell .card-thumb{width:calc(100% + 20px);margin:-10px -10px 8px;border-radius:11px 11px 0 0}body.wp-shell .card-top{margin-bottom:5px}body.wp-shell .card-num{font-size:10px}body.wp-shell .card-title{font-size:12px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.wp-shell .card-preview{display:none}body.wp-shell .card-footer{gap:4px;flex-wrap:wrap;padding-top:7px}body.wp-shell .card-part,body.wp-shell .card-action{font-size:9px}body.wp-shell .card .bookmark-btn{top:6px;right:6px;width:30px;height:30px;font-size:16px}}
@media(max-width:850px){body.wp-shell #admin-trigger{bottom:78px}body.wp-shell #admin-badge{bottom:77px}body.wp-shell #wip-toast{bottom:82px}}
/* Editorial archive: retain the existing category, publication and admin behavior. */
body.wp-shell{font-family:var(--wp-font);-webkit-font-smoothing:antialiased}body.wp-shell .hero{max-width:1328px;padding:55px 24px 32px}body.wp-shell .hero-label{color:var(--wp-muted);font-size:9px;letter-spacing:.18em}body.wp-shell .hero-title{font-size:clamp(36px,4.5vw,60px);font-weight:700;margin-top:18px;line-height:1.25}body.wp-shell .article-tools{max-width:1328px;padding:0 24px;gap:20px;margin-bottom:28px}body.wp-shell .article-tools select{height:44px;border-radius:8px;font-size:12px;font-weight:500;padding-inline:12px}body.wp-shell .article-select-wrap{font-size:10px;font-weight:500}body.wp-shell .article-tool-count{margin-left:auto}body.wp-shell .parts-nav{max-width:1328px;padding:14px 24px;margin-bottom:22px;border-block:1px solid var(--wp-line);gap:7px}body.wp-shell .part-btn{border-radius:8px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:500}body.wp-shell .part-btn.active{background:var(--wp-soft);color:var(--wp-accent);border-color:var(--wp-accent);font-weight:700}body.wp-shell .grid-container{max-width:1328px}body.wp-shell .part-title{letter-spacing:.03em;font-size:13px;margin-bottom:22px}body.wp-shell .card{padding:0 0 15px;border:0;border-radius:0;background:transparent;box-shadow:none}body.wp-shell .card.done,body.wp-shell .card.paid.done{border:0}body.wp-shell .card:hover{transform:none;box-shadow:none}body.wp-shell .card-thumb{width:100%;margin:0 0 13px;border-radius:10px;aspect-ratio:1.85;height:auto;overflow:hidden}body.wp-shell .card-thumb img{width:100%;height:100%;object-fit:cover}body.wp-shell .card-num{font-size:10px;color:var(--wp-accent)}body.wp-shell .card-title{font-size:16px;line-height:1.55;font-weight:650;margin-bottom:9px}body.wp-shell .card-preview{font-size:11px;line-height:1.8}body.wp-shell .card-footer{border-color:var(--wp-line);padding-top:12px}body.wp-shell .card-part,body.wp-shell .card-action{font-size:10px}body.wp-shell .card .bookmark-btn{width:34px;height:34px;top:8px;right:8px;border-radius:50%;background:var(--wp-surface);color:var(--wp-ink);border:1px solid var(--wp-line);box-shadow:none}body.wp-shell .card .bookmark-btn[aria-pressed=true]{background:var(--wp-accent);color:white}body.wp-shell :is(a,button,select):focus-visible{outline:2px solid var(--wp-accent);outline-offset:4px}body.wp-shell .article-filter-results,body.wp-shell .article-shelf{max-width:1328px}body.wp-shell .filter-card{border-radius:10px;padding:16px;min-height:175px}body.wp-shell .filter-card h3{font-size:14px;line-height:1.5}body.wp-shell .filter-card p{font-size:11px}body.wp-shell .article-shelf a{border-radius:8px;font-size:12px}body.wp-shell .article-results-heading h2{font-size:18px}body.wp-shell .articles-grid{gap:30px 22px}
@media(max-width:850px){body.wp-shell .hero{padding-top:35px}body.wp-shell .parts-nav{position:sticky;top:62px;z-index:90;background:var(--wp-bg)}body.wp-shell .grid-container{scroll-margin-top:144px}}
@media(max-width:540px){body.wp-shell .hero{padding:30px 18px 27px}body.wp-shell .hero-title{font-size:36px}body.wp-shell .article-tools{padding-inline:18px;gap:12px;margin-bottom:23px}body.wp-shell .article-tool-count{width:auto;min-width:0;padding-bottom:0;font-size:10px}body.wp-shell .article-select-wrap{flex:1;width:auto}body.wp-shell .parts-nav{padding:11px 18px;gap:6px}body.wp-shell .part-btn{font-size:11px;padding:9px 13px}body.wp-shell .grid-container{padding-inline:18px}body.wp-shell .articles-grid{gap:25px 14px}body.wp-shell .card{padding:0 0 10px;border-radius:0}body.wp-shell .card-thumb{width:100%;margin:0 0 10px;border-radius:9px}body.wp-shell .card-title{font-size:14px;line-height:1.55}body.wp-shell .card-preview{display:none}body.wp-shell .card-footer{padding-top:9px;gap:5px}body.wp-shell .card-part,body.wp-shell .card-action{font-size:9px}body.wp-shell .part-title{font-size:11px;line-height:1.7;margin-bottom:17px}body.wp-shell .article-filter-results,body.wp-shell .article-shelf{padding-inline:18px}body.wp-shell .filter-card{padding:12px}body.wp-shell .filter-card h3{font-size:13px}body.wp-shell .article-results-heading span{font-size:9px}}
@media(prefers-reduced-motion:reduce){body.wp-shell *,body.wp-shell *::before{transition:none!important;animation:none!important}}