@charset "UTF-8";
:root{--background:#F6F5ED;--paper:#FFFDF5;--surface:#fff;--banana:#F2D33C;--banana-soft:#FFF5BF;--forest:#315C43;--forest-deep:#1F3E2D;--ink:#20231F;--body:#4A5149;--muted:#687169;--border:#D6D9CB;--cobalt:#4169A8;--tomato:#D45C48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.shell{width:min(1360px,calc(100% - 64px));margin:0 auto}.skip,.sr{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;z-index:99;padding:10px}.site-header{background:#fffcf0;border-bottom:2px solid var(--ink);position:relative;z-index:4}.top{display:flex;align-items:center;gap:22px;min-height:76px}.brand{white-space:nowrap;font-weight:900;font-size:24px;letter-spacing:-1px}.brand-icon{background:var(--banana);padding:4px 10px;margin-right:8px;border:2px solid var(--ink);transform:rotate(-6deg);display:inline-block}.main-nav{display:flex;gap:20px;margin-left:auto;font-size:14px;font-weight:700}.header-search{display:flex;gap:4px}.header-search input,.filter-form input,.filter-form select{border:1px solid #aeb7aa;background:white;padding:10px 12px;border-radius:8px;min-width:0}.header-search input{width:165px}.header-search button{border:0;background:var(--forest);color:white;border-radius:7px;padding:7px 13px}#menuToggle{display:none;border:1px solid var(--border);background:white;padding:7px 12px;border-radius:8px}.hero{display:grid;grid-template-columns:1.1fr .9fr;margin-top:30px;min-height:420px;border:2px solid var(--ink);background:var(--banana-soft);overflow:hidden}.hero-copy{padding:55px clamp(24px,5vw,70px)}.eyebrow,.section-heading>span,.outro>span{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--forest)}.hero h1{font-size:clamp(32px,4.5vw,64px);line-height:1.2;letter-spacing:-.06em;margin:22px 0}.hero h1 em{font-style:normal;background:var(--banana);box-shadow:5px 3px 0 var(--ink)}.hero p{max-width:490px;color:var(--body)}.btn{display:inline-flex;align-items:center;background:var(--forest-deep);color:white;border:0;border-radius:5px;padding:12px 21px;font-weight:700;min-height:44px}.btn:hover{background:var(--forest);text-decoration:none}.hero-art{background:var(--forest);color:var(--banana);display:flex;flex-direction:column;justify-content:space-between;padding:30px;position:relative;overflow:hidden}.hero-art:after{content:'✦';font-size:250px;position:absolute;top:10%;right:-35px;transform:rotate(24deg);opacity:.16}.hero-art span,.hero-art small{color:#fff5d2;z-index:1}.hero-art strong{font-size:clamp(75px,10vw,160px);line-height:1.02;letter-spacing:-.1em;transform:rotate(-7deg);z-index:1}.section{margin:64px 0}.section-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin-bottom:22px;border-bottom:2px solid var(--ink);padding-bottom:12px}.section-heading h2{font-size:clamp(23px,2.2vw,29px);margin:0}.section-heading a{margin-left:auto;font-size:14px;color:var(--forest)}.section-heading p{margin:0;color:var(--body)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat-tile{background:var(--surface);border:1px solid var(--border);border-top:5px solid var(--forest);padding:24px;min-height:172px;transition:transform .15s}.cat-tile:hover,.comic-card:hover{transform:translateY(-3px);text-decoration:none}.cat-tile:nth-child(4n+1){border-top-color:var(--tomato)}.cat-tile:nth-child(4n+2){border-top-color:var(--cobalt)}.cat-tile:nth-child(4n+3){border-top-color:#ad8b38}.cat-tile h3{font-size:19px;margin:8px 0 3px}.cat-tile p{font-size:14px;color:var(--body);margin:0}.cat-tile>span{font-size:12px;color:var(--muted);font-weight:800}.comic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.comic-card{display:flex;flex-direction:column;min-width:0;gap:6px;transition:transform .15s}.cover{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e6d743 0%,#f8e88d 45%,#315c43 45%,#1f3e2d 100%);color:#fff;padding:14px;overflow:hidden;position:relative;border:1px solid var(--border)}.cover:before{content:'B/';position:absolute;top:8px;left:12px;color:#20231f;font-weight:900;font-size:12px}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-text{font-weight:900;text-align:center;font-size:clamp(17px,2vw,30px);line-height:1.3;text-shadow:1px 2px 0 #243b2b;overflow-wrap:anywhere}.comic-card:nth-child(even) .cover{background:linear-gradient(145deg,#4169a8,#1f3e2d 60%,#f2d33c 60%)}.comic-card:nth-child(3n) .cover{background:linear-gradient(135deg,#d45c48,#874333 55%,#f2d33c 55%)}.comic-card strong{font-size:16px}.comic-card small{color:var(--muted)}.comic-card p{font-size:13px;color:var(--body);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.band{padding:30px 28px;background:#e9efe6;border:1px solid #cbd8c8}.feature{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.feature .comic-grid{grid-template-columns:repeat(3,1fr)}.topic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-strip a{min-height:110px;background:var(--banana);border:2px solid var(--ink);padding:24px;font-size:21px;font-weight:800}.topic-strip a:nth-child(2){background:#dce8f4}.topic-strip a:nth-child(3){background:#d7e6d8}.topic-strip b{float:right}.outro{padding:48px;background:var(--ink);color:white;text-align:center}.outro h2{font-size:34px;margin:10px 0}.outro p{color:#dce6dc}.outro .btn{background:var(--banana);color:var(--ink)}.footer{background:#1f3e2d;color:white;padding:40px 0;margin-top:60px;font-size:14px}.footer p{max-width:700px;color:#e1e9df}.footer a{text-decoration:underline}.page-intro{padding:62px 0 30px}.page-intro h1{font-size:clamp(32px,4vw,50px);margin:8px 0}.page-intro p{color:var(--body);font-size:18px}.library-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}.sidebar{align-self:start;border:1px solid var(--border);background:#fff;padding:20px;display:flex;flex-direction:column;gap:4px}.sidebar h2{font-size:20px}.sidebar a{padding:8px 12px;border-radius:6px}.sidebar a.active,.sidebar a:hover{background:var(--banana-soft);font-weight:700}.filter-form{display:flex;gap:8px;flex-wrap:wrap}.filter-form input{flex:1;min-width:170px}.result-count{color:var(--muted);font-size:14px}.library-results .comic-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:30px}.pagination{display:flex;gap:8px;margin:35px 0;flex-wrap:wrap}.pagination a{border:1px solid var(--border);padding:7px 13px;background:white}.pagination [aria-current=page]{background:var(--forest);color:white}.crumb{margin:25px 0;font-size:14px;color:var(--muted)}.comic-detail{display:grid;grid-template-columns:minmax(190px,320px) minmax(0,1fr);gap:45px}.detail-cover{width:100%}.detail-copy h1{font-size:clamp(30px,4vw,52px);margin:12px 0}.lead{font-size:19px;color:var(--body);max-width:640px}.detail-copy dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.detail-copy dt{font-size:13px;color:var(--muted)}.detail-copy dd{margin:4px 0;font-weight:700}.detail-copy .btn{margin-top:25px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-info>div{background:white;padding:28px;border:1px solid var(--border)}.chapters{display:grid;gap:8px}.chapters a{padding:18px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;gap:16px}.chapters b{background:var(--banana);padding:4px 10px}.chapters span{margin-left:auto}.topic-section{border-top:4px solid var(--forest);padding-top:20px}.topic-lead{max-width:900px;margin-bottom:20px}.topic-lead h2{font-size:30px}.topic-lead p{color:var(--body)}.topic-section .comic-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px}.prose{max-width:850px;font-size:17px}.prose h2{border-bottom:1px solid var(--border);padding-bottom:7px;margin-top:40px}.empty{padding:65px 25px;border:2px dashed var(--border);text-align:center}.empty p{color:var(--body)}@media(max-width:1080px){.header-search{display:none}.comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main-nav{gap:12px}}@media(max-width:760px){.shell{width:calc(100% - 34px)}.top{min-height:68px}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;padding:20px;box-shadow:0 9px 15px #0002}.main-nav.open{display:flex}#menuToggle{display:block;margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px}.hero-art{min-height:220px}.hero-art strong{font-size:74px}.section{margin:44px 0}.cat-grid{grid-template-columns:repeat(2,1fr)}.comic-grid,.library-results .comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-template-columns:1fr}.topic-strip{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:row;overflow:auto;white-space:nowrap;align-items:center}.sidebar h2{display:none}.sidebar a{flex-shrink:0}.comic-detail{grid-template-columns:1fr;gap:15px}.detail-cover{max-width:270px}.detail-info{grid-template-columns:1fr}.topic-section .comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{margin-top:40px}.page-intro{padding:40px 0 20px}}@media(max-width:360px){.shell{width:calc(100% - 30px)}.cat-tile{padding:14px}.comic-grid{gap:12px}.cover-text{font-size:17px}.detail-copy dl{grid-template-columns:1fr}}


/* Remix v2: preserved brand palette, completely new composition */
.remix-hero .hero-meta{margin-top:24px;font-size:13px;color:var(--ink-soft)}.remix-hero .hero-meta b{font-size:21px;color:var(--forest)}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.quiet-link{font-weight:700;color:var(--forest)}
.editor-feature{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.editor-feature article{background:var(--paper);border:2px solid var(--ink);padding:28px 22px;min-height:270px;display:flex;flex-direction:column;gap:14px}.editor-feature article:nth-child(2){background:var(--forest-soft);transform:translateY(16px)}.editor-feature article:nth-child(3){background:var(--banana-soft)}.editor-feature h3{font-size:26px;line-height:1.2;margin:0}.editor-feature p{line-height:1.8;flex:1}.editor-feature small{font-size:12px;font-weight:800;letter-spacing:.07em}.editor-feature a,.reading-route a,.editorial-comment a{color:var(--forest-deep);font-weight:800}
.reading-route{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reading-route>div{border-left:7px solid var(--forest);background:var(--forest-soft);padding:28px}.reading-route>div:nth-child(2){border-color:var(--banana-deep);background:var(--banana-soft)}.reading-route h3{font-size:26px;margin:0 0 16px}.reading-route p{line-height:1.85}
.story-deep-dive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-deep-dive>div{background:var(--paper);border-top:5px solid var(--forest);padding:20px}.story-deep-dive>div:nth-child(2){border-color:var(--tomato)}.story-deep-dive>div:nth-child(3){border-color:var(--cobalt)}.story-deep-dive h2{font-size:23px}.story-deep-dive p{line-height:1.9}
.editorial-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2.6fr);gap:22px;align-items:start;border-bottom:1px solid var(--border)}.editorial-comment{position:sticky;top:100px;background:var(--banana-soft);padding:26px;border:2px solid var(--ink)}.editorial-row:nth-child(2n) .editorial-comment{background:var(--forest-soft)}.editorial-comment h2{font-size:26px}.editorial-comment p{line-height:1.9}.editorial-row .comic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.collections-nav{display:flex;overflow-x:auto;gap:10px;padding:10px 0 20px}.collections-nav a{flex:none;border:1px solid var(--border);padding:10px 14px;border-radius:20px;white-space:nowrap;background:var(--paper)}.curator-note{padding:16px;margin:17px 0;background:var(--forest-soft);border-left:4px solid var(--forest)}.curator-note p{margin-bottom:0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-layout .section{margin-top:18px;background:var(--paper);padding:28px;border-top:5px solid var(--forest)}.about-layout .section:nth-child(2n){border-color:var(--banana-deep)}.about-layout p{line-height:1.95}
@media(max-width:950px){.editor-feature,.story-deep-dive{grid-template-columns:1fr 1fr}.editor-feature article:nth-child(2){transform:none}.editorial-row{grid-template-columns:1fr}.editorial-comment{position:static}.editorial-row .comic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.editor-feature,.story-deep-dive,.reading-route,.about-layout{grid-template-columns:1fr}.editorial-row .comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{gap:13px}.editor-feature article{min-height:0}.about-layout .section{padding:20px}}