@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#F4F3EF;--paper:#FFFDF9;--white:#fff;--sage:#78917D;--sage-deep:#526D58;--sage-soft:#E6EEE6;--orange:#D87958;--orange-deep:#B9563A;--coffee:#39332F;--coffee-deep:#24201D;--lav:#9687A8;--ice:#7596A5;--apricot:#D9B58D;--ink:#302F2B;--body:#55534E;--muted:#85827B;--border:#E3E2DA;--max:1340px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.topbar{height:74px;background:rgba(255,253,249,.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.topbar-inner{height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;line-height:1}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--sage);color:#fff;border-radius:12px;font-size:20px}.brand small{display:block;font:9px 'Playfair Display',serif;letter-spacing:1.5px;color:var(--muted);margin-top:6px}.main-nav{display:flex;align-items:center;gap:28px;margin:auto;font-size:14px;color:#625f58}.main-nav a:hover,.text-link:hover{color:var(--orange-deep)}.top-search{display:flex;border:1px solid var(--border);background:#fff;border-radius:30px;padding:3px 5px 3px 14px}.top-search input{width:145px;border:0;outline:0;background:transparent;font-size:12px}.top-search button{border:0;background:var(--sage);color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer}.menu-toggle{display:none}.hero{min-height:535px;display:grid;grid-template-columns:1fr .92fr;align-items:center;padding-top:58px;padding-bottom:65px;gap:40px}.eyebrow{font:600 11px 'Playfair Display',serif;letter-spacing:2px;color:var(--sage-deep);text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.25;letter-spacing:-2px;margin:22px 0}.hero h1 em,.about-page h1 em{font-style:normal;color:var(--sage-deep)}.hero-copy>p{max-width:480px;color:var(--body);font-size:16px;line-height:2}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--sage-deep);color:white;border:1px solid var(--sage-deep);border-radius:4px;padding:13px 20px;font-size:14px;font-weight:600;min-height:48px}.button:hover{background:var(--coffee)}.button-light{background:var(--paper);color:var(--coffee);border-color:var(--paper)}.button-outline{background:transparent;color:var(--sage-deep);border-color:var(--sage)}.text-link{font-size:14px;font-weight:600}.hero-note{display:flex;gap:13px;align-items:center;margin-top:48px;color:var(--muted);font-size:11px;line-height:1.5}.hero-note b{font:42px 'Playfair Display',serif;color:var(--orange)}.hero-art{height:405px;position:relative;background:#E6E9E1;overflow:hidden;border-radius:3px}.hero-image{position:absolute;inset:22px 25px 30px 45px;background:linear-gradient(140deg,#c7d4c9,#e9d7c4 55%,#9aab9b);display:flex;align-items:center;justify-content:center;color:rgba(57,51,47,.72);font:700 clamp(35px,5vw,66px)/.98 'Playfair Display',serif;letter-spacing:-2px}.hero-image:before{content:'';position:absolute;width:52%;height:120%;border:1px solid rgba(255,255,255,.65);transform:rotate(18deg);border-radius:50%}.hero-image i{position:absolute;right:7%;bottom:9%;font:11px 'Noto Sans SC';letter-spacing:3px;line-height:1.8}.art-stamp{position:absolute;top:0;right:0;background:var(--orange);color:white;padding:15px 18px;font:10px 'Playfair Display';line-height:1.4}.art-stamp b{font-size:24px}.art-caption{position:absolute;bottom:8px;left:45px;font:9px 'Playfair Display';letter-spacing:2px;color:#6f786d}.section{padding-top:56px;padding-bottom:70px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-head h2,.split-section h2{font-size:32px;margin:7px 0 0;letter-spacing:-1px}.section-head p,.split-section>div:first-child>p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-tile{min-height:215px;padding:23px;position:relative;overflow:hidden;border:1px solid rgba(70,70,60,.06);transition:transform .2s}.category-tile:hover,.editorial-tile:hover,.collection-card:hover{transform:translateY(-4px)}.category-tile>span{font-size:24px;display:block;margin-bottom:12px}.category-tile small,.editorial-tile small,.collection-card small{font:10px 'Playfair Display';letter-spacing:1.3px;color:var(--muted)}.category-tile strong{display:block;font-size:22px;margin-top:5px}.category-tile p{font-size:12px;color:var(--body);max-width:245px;line-height:1.8;margin:6px 0 13px}.category-tile>b{font-size:11px;color:var(--sage-deep)}.tone-sage{background:#E6EEE6}.tone-lavender{background:#F0EDF4}.tone-persimmon{background:#F9E9E2}.tone-apricot{background:#F7EFE4}.tone-ice{background:#E9F1F3}.tone-coffee{background:#EDE8E2}.editor-band{background:var(--sage-deep);color:#fff;padding:66px 0}.editor-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.editor-band .eyebrow{color:#D7E3D7}.editor-band h2{font-size:42px;line-height:1.35;margin:15px 0}.editor-band p{color:#e0e8df;max-width:450px;font-size:14px}.editor-aside{border-left:1px solid rgba(255,255,255,.3);padding:15px 0 15px 55px;align-self:center}.big-number{font:clamp(54px,8vw,100px) 'Playfair Display';color:#d6e1d5}.line-art{font-size:26px;letter-spacing:15px;color:#e4c0a8;margin-top:45px}.empty-strip{display:flex;align-items:center;gap:28px;padding:25px 28px;background:var(--paper);border:1px solid var(--border)}.empty-strip>span{font:12px 'Playfair Display';letter-spacing:1px;color:var(--orange);white-space:nowrap}.empty-strip h3{margin:0 0 4px;font-size:17px}.empty-strip p{margin:0;color:var(--muted);font-size:13px}.empty-strip>a{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--sage-deep);font-weight:700}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.split-section>div:first-child>p{max-width:350px;margin:14px 0 22px}.collection-preview{border-top:1px solid var(--border)}.collection-preview>a{display:flex;align-items:center;gap:20px;padding:19px 8px;border-bottom:1px solid var(--border)}.collection-preview small{font:10px 'Playfair Display';color:var(--muted);width:125px}.collection-preview strong{font-size:17px}.collection-preview span{margin-left:auto;color:var(--orange);font-size:20px}.footer{background:#EAE9E2;padding:38px 0;color:var(--body)}.footer-inner{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px 35px;align-items:center}.footer-inner strong{font-size:17px;color:var(--coffee)}.footer p{font-size:12px;margin:0}.footer nav{display:flex;gap:18px;font-size:12px}.footer small{grid-column:1/-1;color:var(--muted);font-size:10px;margin-top:12px}.page-main{padding-top:55px;padding-bottom:90px;min-height:65vh}.page-kicker{display:flex;justify-content:space-between;color:var(--muted);font:10px 'Playfair Display';letter-spacing:1.4px}.page-main h1{font-size:42px;letter-spacing:-1px;margin:15px 0 8px}.page-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.page-title-row p,.lead{color:var(--muted);font-size:14px;margin:0;max-width:700px}.result-count{text-align:right}.result-count b{font:42px 'Playfair Display';display:block;color:var(--sage-deep)}.result-count span{font-size:11px;color:var(--muted)}.library-layout{display:grid;grid-template-columns:205px 1fr;gap:36px}.filter-panel{background:var(--paper);padding:22px;height:max-content;border:1px solid var(--border)}.filter-panel h3{font-size:14px;margin:0 0 12px}.filter-link{display:block;padding:8px 10px;font-size:12px;color:var(--body);border-radius:3px}.filter-link.active,.filter-link:hover{background:var(--sage-soft);color:var(--sage-deep)}.filter-rule{height:1px;background:var(--border);margin:17px 0}.library-search{display:flex;gap:10px;margin-bottom:20px}.library-search input{flex:1;min-width:0;border:1px solid var(--border);background:var(--paper);padding:11px 15px;outline-color:var(--sage)}.library-search .button{cursor:pointer}.list-meta{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);margin-bottom:20px}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 18px}.comic-card{background:var(--paper);border:1px solid var(--border);min-width:0}.cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#e6e8e0}.cover-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(145deg,#e4ebe2,#f4e7db);color:var(--sage-deep);font-size:20px;font-weight:700;padding:15px}.cover-fallback small{font:9px 'Playfair Display';letter-spacing:1px;margin-top:8px;color:#8a9287}.card-copy{padding:13px 14px 16px}.card-copy .eyebrow{font-size:9px}.card-copy h3{font-size:16px;margin:4px 0}.card-copy p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.empty-state{text-align:center;background:var(--paper);border:1px solid var(--border);padding:65px 25px;margin:30px 0}.empty-state h1,.empty-state h2{margin:8px 0;font-size:26px}.empty-state p{color:var(--muted);font-size:13px}.empty-state.compact{padding:75px 20px}.empty-icon{font-size:36px;color:var(--sage)}.pagination{display:flex;gap:7px;justify-content:center;margin:28px}.pagination a{border:1px solid var(--border);padding:7px 12px;background:var(--paper)}.pagination a.active{background:var(--sage-deep);color:white}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:25px}.comic-detail{display:grid;grid-template-columns:260px 1fr;gap:45px;padding:30px;background:var(--paper);border:1px solid var(--border)}.detail-cover .cover{max-height:390px}.detail-copy h1{margin:8px 0;font-size:38px}.original-title{color:var(--muted)}.detail-synopsis{max-width:760px;line-height:2;color:var(--body)}.detail-facts{display:flex;gap:55px;margin:25px 0}.detail-facts dt{font-size:11px;color:var(--muted)}.detail-facts dd{margin:3px 0;font-size:14px}.chapter-list{border-top:1px solid var(--border)}.chapter-list a{display:flex;gap:20px;padding:16px;border-bottom:1px solid var(--border);align-items:center}.chapter-list a span,.chapter-list small{font:11px 'Playfair Display';color:var(--muted)}.chapter-list small{margin-left:auto}.editorial-grid,.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:35px}.editorial-tile,.collection-card{padding:27px;min-height:230px;transition:transform .2s}.editorial-tile>span,.collection-card>span{display:block;font-size:26px;margin-top:15px}.editorial-tile h2,.collection-card h2{font-size:24px;margin:3px 0}.editorial-tile p,.collection-card p{font-size:13px;color:var(--body);max-width:500px}.editorial-tile>b,.collection-card>b{font-size:12px;color:var(--sage-deep)}.notice-line{margin-top:30px;border-left:3px solid var(--orange);padding:14px 18px;background:var(--paper);font-size:12px;color:var(--muted)}.collection-detail{padding:45px;margin-top:35px}.collection-detail h2{font-size:34px}.collection-detail p{max-width:700px}.about-page h1{font-size:48px;line-height:1.35;margin:20px 0}.about-page>.lead{font-size:16px;line-height:2;max-width:800px;margin-bottom:40px}.about-card{background:var(--paper);border:1px solid var(--border);padding:25px 30px;margin:15px 0;max-width:950px}.about-card h2{font-size:20px;margin:0 0 12px}.about-card p,.about-card li{font-size:13px;color:var(--body);line-height:2}.about-card code{background:var(--sage-soft);padding:2px 5px}.reader-shell{background:#e9e8e2;min-height:70vh;padding-bottom:35px}.reader-toolbar{height:58px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1000px)/2),20px);font-size:12px;position:sticky;top:74px;z-index:10}.reader-toolbar button{border:0;background:transparent;color:var(--sage-deep);cursor:pointer}.reader-settings{background:#fff;padding:12px;text-align:center}.reader-pages{max-width:820px;width:100%;margin:0 auto;background:#fff;min-height:500px}.reader-pages img{display:block;width:100%;height:auto}.reader-pages .empty-state{margin:0}.reader-bottom{display:flex;justify-content:center;gap:25px;padding:20px}.reader-bottom a{font-size:13px;color:var(--sage-deep)}.reader-bottom a[aria-disabled=true]{opacity:.35;pointer-events:none}
@media(max-width:1000px){.main-nav{gap:15px}.topbar-inner{gap:20px}.category-grid{grid-template-columns:repeat(2,1fr)}.comic-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.footer nav{grid-column:1/-1}.footer small{grid-column:1/-1}.hero{min-height:460px}.hero-art{height:340px}}
@media(max-width:700px){.wrap{width:calc(100% - 34px)}.topbar{height:64px}.topbar-inner{gap:12px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;font-size:22px;color:var(--coffee)}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 12px 20px #24201d18;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:11px;border-bottom:1px solid var(--border)}.top-search{margin-left:0}.top-search input{width:88px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;gap:25px}.hero h1{font-size:42px;margin:15px 0}.hero-art{height:290px}.hero-note{margin-top:25px}.section{padding:40px 0}.section-head{align-items:start;gap:10px}.section-head h2,.split-section h2{font-size:26px}.section-head p{font-size:11px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{padding:15px;min-height:195px}.category-tile strong{font-size:18px}.category-tile p{font-size:11px}.editor-inner,.split-section{grid-template-columns:1fr;gap:30px}.editor-band{padding:45px 0}.editor-band h2{font-size:34px}.editor-aside{padding:20px 0 0;border-left:0;border-top:1px solid #ffffff55}.empty-strip{align-items:flex-start;flex-direction:column;gap:9px}.empty-strip>a{margin-left:0}.collection-preview small{width:90px;font-size:8px}.collection-preview strong{font-size:14px}.footer-inner{display:block}.footer p{margin:8px 0}.footer nav{margin:16px 0}.page-main{padding-top:35px}.page-main h1{font-size:34px}.page-title-row{align-items:center}.library-layout{grid-template-columns:1fr;gap:20px}.filter-panel{display:flex;flex-wrap:wrap;gap:5px;padding:12px}.filter-panel h3{width:100%;margin:5px}.filter-rule{display:none}.filter-link{padding:6px 8px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-copy{padding:10px}.card-copy h3{font-size:14px}.card-copy p{font-size:10px}.comic-detail{grid-template-columns:110px 1fr;gap:18px;padding:15px}.detail-copy h1{font-size:25px}.detail-synopsis{font-size:12px;line-height:1.8}.detail-facts{gap:15px;flex-wrap:wrap;margin:15px 0}.detail-facts dd{font-size:12px}.editorial-grid,.collection-grid{grid-template-columns:1fr}.about-page h1{font-size:36px}.reader-toolbar{top:64px;padding:0 12px}.reader-toolbar strong{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-pages{min-height:300px}.reader-bottom{gap:18px}.reader-bottom a{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V2 editorial additions; original palette variables and image filename references are retained. */
.card-more{display:inline-block;margin-top:9px;color:var(--sage-deep);font-size:11px;font-weight:700}.filter-note{font-size:11px;color:var(--muted);line-height:1.8}.closing-panel{padding:48px 52px;background:var(--paper);border:1px solid var(--border);position:relative;overflow:hidden}.closing-panel:after{content:'HANMAN';position:absolute;right:20px;bottom:-20px;font:clamp(60px,12vw,150px) 'Playfair Display';color:#78917d12;pointer-events:none}.closing-panel h2{font-size:32px;line-height:1.55;margin:13px 0}.closing-panel p{max-width:700px;color:var(--muted);font-size:13px;line-height:2}.detail-editorial{border-top:1px solid var(--border)}.detail-prose{display:grid;grid-template-columns:1.4fr .8fr;gap:35px;align-items:start}.detail-prose>p{font-size:16px;line-height:2.1;color:var(--body);margin:0}.detail-side-note{padding:22px;background:var(--sage-soft);display:grid;gap:12px}.detail-side-note span,.character-grid small,.outline-list span{font:10px 'Playfair Display';letter-spacing:1px;color:var(--sage-deep)}.detail-side-note strong{font-size:14px;line-height:1.8}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.character-grid article{padding:22px;background:var(--paper);border:1px solid var(--border);min-height:140px}.character-grid h3{font-size:20px;margin:12px 0 6px}.character-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.outline-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}.outline-list li{display:grid;grid-template-columns:100px 1fr 90px;gap:18px;align-items:center;padding:17px 12px;border-bottom:1px solid var(--border)}.outline-list strong{font-size:15px}.outline-list small{color:var(--muted);text-align:right}.status-note{display:inline-block;padding:10px 14px;background:var(--apricot-soft);color:var(--coffee);font-size:12px}.editor-note-list{margin-top:32px;border-top:1px solid var(--border)}.editor-note-row{display:grid;grid-template-columns:75px 1fr 40px;gap:22px;padding:27px 8px;border-bottom:1px solid var(--border);align-items:start}.note-index{font:32px 'Playfair Display';color:var(--sage-deep)}.note-main h2{font-size:23px;margin:8px 0}.note-main>p{font-size:14px;color:var(--body);margin:0 0 10px}.note-main>small{font-size:12px;color:var(--muted);line-height:1.8}.note-arrow{font-size:24px;color:var(--persimmon)}.collection-subtitle{font-size:18px;color:var(--sage-deep);margin:0 0 18px}.collection-intro{max-width:850px;font-size:15px;line-height:2.1}.collection-angle{margin-top:30px;padding-top:18px;border-top:1px solid #39332f22;display:flex;gap:20px;align-items:center}.collection-angle small{color:var(--muted)}.collection-angle strong{font-size:14px}.collection-card>strong{font-size:13px;color:var(--sage-deep)}.collection-card>p{line-height:1.9}.detail-facts dd{font-weight:600}.compact-grid .comic-card{display:grid;grid-template-columns:110px 1fr}.compact-grid .cover{height:165px;aspect-ratio:auto}.compact-grid .card-copy{align-self:center}.editor-band .editor-inner{grid-template-columns:1fr .7fr}.page-main>.lead{line-height:2}.comic-card{transition:transform .2s,box-shadow .2s}.comic-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #39332f10}
@media(max-width:700px){.closing-panel{padding:28px 22px}.closing-panel h2{font-size:25px}.detail-prose{grid-template-columns:1fr;gap:18px}.character-grid{grid-template-columns:1fr}.outline-list li{grid-template-columns:65px 1fr;gap:10px}.outline-list small{grid-column:2;text-align:left}.editor-note-row{grid-template-columns:42px 1fr 24px;gap:10px;padding:20px 0}.note-index{font-size:25px}.note-main h2{font-size:18px}.collection-angle{align-items:flex-start;flex-direction:column;gap:6px}.collection-detail{padding:24px}.collection-detail h1{font-size:31px}.compact-grid .comic-card{grid-template-columns:85px 1fr}.compact-grid .cover{height:128px}.compact-grid .card-copy p{display:none}}