*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:#F6F5ED;color:#20231F;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1360px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-200vw}.skip:focus{left:20px;top:20px;background:white;z-index:100}.site-header{background:#FFFDF5;border-bottom:2px solid #20231F;position:sticky;top:0;z-index:20}.head-row{min-height:74px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;line-height:1.1;flex-shrink:0}.brand b{display:grid;place-items:center;width:46px;height:46px;background:#F2D33C;border:2px solid #20231F;transform:rotate(-8deg);border-radius:10px}.brand small{display:block;font-size:10px;letter-spacing:2px}.head-row nav{display:flex;gap:22px;align-items:center}.head-row nav a{font-weight:650;font-size:14px}.head-row nav a:hover,.head-row nav a.active{color:#315C43;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.head-search{display:flex;align-items:center;margin-left:auto;border:1px solid #b3b8a9;border-radius:8px;overflow:hidden;max-width:270px}.head-search input{width:170px;min-width:0;border:0;padding:8px;background:white}.head-search button{border:0;background:#315C43;color:white;padding:9px}.menu-toggle{display:none}.section{padding-top:75px;padding-bottom:55px}.section-head{display:flex;align-items:end;gap:20px;margin-bottom:25px;flex-wrap:wrap}.section-head p,.split-head p,.eyebrow,.page-intro span{font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#315C43}.section-head h2{margin:0;font-size:clamp(25px,2.5vw,34px);line-height:1.2;flex:1}.section-head a{font-size:14px;font-weight:700;text-decoration:underline}.hero{background:#F2D33C;overflow:hidden;border-bottom:3px solid #20231F}.hero-grid{display:grid;grid-template-columns:1fr 0.83fr;min-height:420px;align-items:center;gap:50px}.hero-copy{padding:50px 0}.hero-copy h1{font-size:clamp(40px,6vw,88px);line-height:1.07;letter-spacing:-3px;margin:12px 0}.hero-copy h1 em{font-style:normal;color:#315C43}.hero-copy>p{max-width:510px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;border:2px solid #20231F;background:#F2D33C;color:#20231F;padding:11px 18px;font-weight:800;border-radius:8px;text-align:center}.btn.dark{background:#20231F;color:white}.btn.outline{background:transparent}.hero-visual{min-height:340px;background:#315C43;transform:rotate(2deg);border:6px solid #20231F;box-shadow:18px 16px 0 #20231F;color:white;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:35px}.hero-stamp{position:absolute;right:24px;top:24px;border:2px solid white;padding:10px;font-weight:800;font-size:12px;transform:rotate(7deg)}.hero-feature h2{font-size:38px;margin:8px 0}.hero-feature p{max-width:350px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{min-height:165px;border:2px solid #20231F;border-radius:7px;padding:20px;position:relative;transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.category-number{font-size:12px;font-weight:900}.category-tile h3{font-size:23px;margin:10px 0}.category-tile p{font-size:13px;max-width:180px}.category-tile>span:last-child{position:absolute;right:20px;top:10px;font-size:24px}.cat-0{background:#E9EFF9}.cat-1{background:#FFF5BF}.cat-2{background:#E7EFE7}.cat-3{background:#F9EAE5}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.book-card{min-width:0}.cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;border:2px solid #20231F;display:block}.cover-fallback{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#315C43 0%,#1F3E2D 65%,#20231F 100%);color:#FFF5BF;padding:12%;overflow:hidden}.book-card:nth-child(3n+2) .cover-fallback{background:linear-gradient(145deg,#4169A8,#20231F)}.book-card:nth-child(3n) .cover-fallback{background:linear-gradient(145deg,#D45C48,#54271e)}.cover-fallback span{font-size:11px;letter-spacing:3px;line-height:1.3}.cover-fallback strong{font-size:clamp(17px,2vw,29px);line-height:1.22;word-break:break-all}.book-meta strong{display:block;font-size:16px;margin-top:10px}.book-meta small{font-size:12px;color:#656a61;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.green-band{background:#1F3E2D;color:white;padding:65px 0}.band-grid{display:grid;grid-template-columns:1fr 2fr;gap:35px}.band-grid .eyebrow{color:#F2D33C}.band-grid h2{font-size:36px}.band-grid .book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.band-grid .book-meta small{color:#d9e7dc}.story-block{background:#fffdf5;border-top:2px solid #20231f;border-bottom:2px solid #20231f;padding:25px}.editorial-feature{background:#20231F;color:white;min-height:240px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px;gap:30px}.feature-no{font-size:clamp(32px,6vw,86px);font-weight:900;color:#F2D33C}.editorial-feature h3{font-size:26px}.dual-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-panel>div{padding:35px;border:2px solid #20231F;background:#E7EFE7}.dual-panel>div+div{background:#E9EFF9}.dual-panel h2{font-size:30px}.dual-panel a,.text-link{font-weight:800;text-decoration:underline}.topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{padding:28px;min-height:230px;background:#FFF5BF;border:2px solid #20231F}.topic-card:nth-child(2){background:#E7EFE7}.topic-card:nth-child(3){background:#E9EFF9}.topic-card h3{font-size:27px}.topic-card span{font-size:11px;letter-spacing:2px}.last-cta{text-align:center}.last-cta h2{font-size:40px}.last-cta .actions{justify-content:center}.site-footer{background:#20231F;color:white;padding:35px 0;margin-top:40px}.foot-grid{display:flex;justify-content:space-between;gap:15px}.foot-grid>div+div{display:flex;gap:24px}.site-footer p{color:#c5c9bd;font-size:13px}.mobile-bottom{display:none}.page-intro{padding:25px 0 35px;border-bottom:3px solid #20231F;margin-bottom:35px}.page-intro h1{font-size:clamp(32px,4vw,55px);line-height:1.2;margin:12px 0}.page-intro p{color:#555e54}.library-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px}.library-side{align-self:start;position:sticky;top:100px;display:grid;gap:3px;background:#FFFDF5;border:1px solid #E2E3D9;padding:20px}.library-side h2{font-size:18px}.library-side a{padding:7px 10px;border-radius:5px}.library-side a:hover,.library-side a.selected{background:#F2D33C;font-weight:700}.library-main .book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filters{display:grid;grid-template-columns:minmax(140px,2fr) repeat(3,minmax(90px,1fr)) auto;gap:8px}.filters input,.filters select{border:1px solid #aaa;padding:10px;min-width:0;max-width:100%;background:white}.filters .btn{padding:8px 12px}.result-count{color:#677065;font-size:13px;margin:20px 0}.empty{padding:45px;background:white}.pagination{display:flex;gap:7px;margin-top:30px;flex-wrap:wrap}.pagination a{border:1px solid #aab4a7;padding:6px 12px;border-radius:5px}.pagination [aria-current]{background:#315C43;color:white}.crumb{margin-bottom:25px;color:#777}.crumb a{text-decoration:underline}.comic-hero{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:55px;padding:28px 0 45px;border-bottom:2px solid #20231F}.comic-hero-info h1{font-size:clamp(34px,5vw,62px);margin:12px 0}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags>*{font-size:13px;background:#E7EFE7;border:1px solid #315C43;padding:4px 12px;border-radius:99px}.comic-hero-info>p{font-size:18px;max-width:760px}.comic-hero-info dl{display:grid;grid-template-columns:100px 1fr;gap:12px}.comic-hero-info dt{color:#777}.comic-hero-info dd{margin:0}.comic-sections{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0}.comic-sections section{background:#fffdf5;padding:25px;border-left:5px solid #315C43}.chapter-box{padding:25px;background:#E7EFE7}.chapter-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border-bottom:1px solid #cad5ca}.chapter-row:hover{background:#fff}.curated-section{border-top:2px solid #20231F}.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.curation-grid>a{display:grid;grid-template-columns:110px 1fr;gap:15px;background:#fffdf5;padding:12px}.curation-grid h3{margin:0}.curation-grid p{font-size:13px}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.topic-list>a{background:#FFFDF5;border:2px solid #20231F;padding:25px}.topic-list>a:nth-child(3n){background:#E7EFE7}.topic-list h2{font-size:26px}.topic-list span{color:#315C43;font-weight:900}.topic-detail{background:#FFF5BF;padding:32px;margin-bottom:30px;border-left:8px solid #315C43}.topic-detail>p{max-width:920px}.topic-detail .topic-lead{letter-spacing:2px;font-weight:900}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-grid>section{background:#FFFDF5;padding:35px;border-top:4px solid #315C43}.missing{min-height:50vh;padding-top:75px}@media(max-width:1050px){.head-row{gap:15px}.head-row nav{gap:12px}.head-search{display:none}.book-grid{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:span 2}.curation-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.wrap{width:calc(100% - 34px)}.head-row{min-height:68px;flex-wrap:wrap}.brand{font-size:18px}.brand b{width:38px;height:38px}.menu-toggle{display:block;margin-left:auto;border:1px solid #20231F;background:#F2D33C;padding:6px 12px}.head-row nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:10px}.head-row nav.open{display:flex}.head-row nav a{padding:8px 2px}.section{padding-top:45px;padding-bottom:28px}.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:40px}.hero-copy{padding:35px 0 20px}.hero-copy h1{letter-spacing:-1px}.hero-visual{min-height:270px;transform:none;box-shadow:8px 8px 0 #20231F}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-tile{min-height:130px;padding:13px}.category-tile h3{font-size:18px}.category-tile p{font-size:12px}.book-grid,.library-main .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cover-fallback strong{font-size:20px}.band-grid{grid-template-columns:1fr}.band-grid .book-grid{grid-template-columns:repeat(2,1fr)}.dual-panel,.topic-row,.topic-list,.comic-sections,.about-grid{grid-template-columns:1fr}.editorial-feature{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr;gap:12px}.library-side{position:static;display:flex;gap:6px;overflow:auto;white-space:nowrap;padding:8px}.library-side h2{display:none}.library-side a{flex-shrink:0}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:span 2}.comic-hero{grid-template-columns:1fr;gap:20px}.comic-hero>div:first-child{width:min(240px,70%)}.curation-grid{grid-template-columns:1fr}.chapter-row{flex-wrap:wrap}.foot-grid{flex-direction:column}.foot-grid>div+div{flex-wrap:wrap}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:9px 0 calc(10px + env(safe-area-inset-bottom));background:#FFFDF5;border-top:1px solid #20231F;z-index:19;font-size:13px;font-weight:800}.site-footer{margin-bottom:55px}.site-page{overflow-x:hidden}.last-cta h2{font-size:30px}}@media(max-width:350px){.category-tile h3{font-size:16px}.btn{padding:9px 11px}.filters{grid-template-columns:1fr}.filters input{grid-column:span 1}}
/* Version 2: alternate editorial layouts; original palette and image assets retained */
.v2-hero .hero-grid{grid-template-columns:1.12fr .88fr;gap:66px}.v2-hero-stack{padding:38px 15px 46px 0}.v2-feature{height:380px;background:#315C43 url('/banana-panel-hero.webp') center/cover no-repeat}.v2-hero-caption{background:#20231F;color:#FFFDF5;display:flex;justify-content:space-between;padding:15px 24px;margin-top:23px;font-weight:800}.v2-smallnote{font-size:12px;margin-top:23px;color:#3c533b}.v2-door-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v2-door{padding:28px 20px;min-height:240px;display:flex;flex-direction:column;border:2px solid #20231F;background:#FFFDF5;transition:transform .15s}.v2-door:nth-child(4n+1){background:#E7EFE7}.v2-door:nth-child(4n+2){background:#FFF5BF}.v2-door:nth-child(4n+3){background:#E9EFF9}.v2-door:nth-child(4n+4){background:#F9EAE5}.v2-door:hover{transform:translateY(-4px)}.v2-door span{font:700 12px/1.5 monospace}.v2-door h3{font-size:25px;line-height:1.25;margin:18px 0 6px}.v2-door p{font-size:13px;line-height:1.8;flex:1;color:#414840}.v2-door strong{font-size:13px}.v2-ink-band{background:#20231F;color:white;padding:65px 0}.v2-ink-layout{display:grid;grid-template-columns:280px 1fr;gap:38px}.v2-ink-layout h2{font-size:35px;line-height:1.35}.v2-ink-layout p{line-height:1.9;color:#e3e3d7}.v2-ink-layout .book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v2-ink-layout .book-meta small{color:#c5cdc5}.v2-magazine{display:grid;grid-template-columns:1fr 1.6fr;border:3px solid #20231F;gap:26px;background:#FFFDF5;padding:28px}.v2-magazine-lead{border-right:2px solid #20231F;padding-right:24px}.v2-magazine-lead h2{font-size:32px;line-height:1.34}.v2-magazine-books .book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v2-magazine-books .book-meta small{display:none}.v2-section-intro{max-width:750px}.v2-contrast{display:grid;grid-template-columns:1fr 1fr;gap:20px}.v2-contrast>div{min-height:350px;padding:40px;background:#FFF5BF;border:3px solid #20231F}.v2-contrast>div+div{background:#E7EFE7}.v2-contrast h2{font-size:32px}.v2-contrast p{max-width:500px;line-height:1.8}.v2-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v2-routes>a{padding:28px;background:#fff;border:1px solid #20231F;border-top:9px solid #315C43;display:flex;flex-direction:column;min-height:330px}.v2-routes>a:nth-child(2){border-top-color:#4169A8}.v2-routes>a:nth-child(3){border-top-color:#D45C48}.v2-routes h3{font-size:27px}.v2-routes p{flex:1;line-height:1.9}.v2-routes b{font-size:14px}.v2-end{text-align:center;padding:55px 20px}.v2-end h2{font-size:clamp(27px,3vw,42px)}.v2-end .actions{justify-content:center}.v2-note-intro{background:#E7EFE7;padding:40px;margin-bottom:25px}.v2-note-stack{display:flex;flex-direction:column;gap:23px}.v2-note{display:grid;grid-template-columns:280px 1fr;gap:22px;border-bottom:2px solid #20231F;padding:24px 0 30px}.v2-note-side{background:#F2D33C;padding:25px;align-self:stretch}.v2-note-side h2{font-size:27px}.v2-note-side a{font-weight:900;text-decoration:underline}.v2-note-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v2-note-book{display:grid;grid-template-columns:66px 1fr;gap:10px;position:relative}.v2-note-count{position:absolute;background:#20231F;color:white;padding:2px 7px;font-size:12px}.v2-note-book .cover{grid-row:1}.v2-note-book section{grid-column:1/-1}.v2-note-book h3{font-size:20px;margin:4px 0}.v2-note-book p{font-size:13px;line-height:1.75;color:#414840}.v2-note-book strong{font-size:12px}.v2-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.v2-topic-list>a{padding:32px;border:2px solid #20231F;background:#FFFDF5;min-height:340px;display:flex;flex-direction:column}.v2-topic-list>a:nth-child(4n+2){background:#FFF5BF}.v2-topic-list>a:nth-child(4n+3){background:#E7EFE7}.v2-topic-list>a:nth-child(4n+4){background:#E9EFF9}.v2-topic-list span,.v2-topic-hero span{font-weight:900;font-size:12px;letter-spacing:2px}.v2-topic-list h2{font-size:32px}.v2-topic-list p{line-height:1.9;flex:1}.v2-topic-list strong{font-size:14px}.v2-topic-hero{background:#E7EFE7;padding:45px;border-left:12px solid #315C43}.v2-topic-hero p{line-height:2;max-width:950px;font-size:18px}.v2-topic-works{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.v2-topic-works>a{display:grid;grid-template-columns:35px 125px 1fr;gap:14px;background:#FFFDF5;padding:14px;border-bottom:3px solid #315C43}.v2-topic-works>a>span{font-weight:900}.v2-topic-works h3{font-size:21px;margin:0}.v2-topic-works p{font-size:13px;line-height:1.8}.v2-about-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.v2-about-layout>section{padding:35px;background:#FFFDF5;border:2px solid #E2E3D9;border-top:6px solid #315C43}.v2-about-layout .v2-about-wide{grid-column:1/-1;background:#FFF5BF}.v2-about-layout h2{font-size:27px}.v2-about-layout p{line-height:1.9}.v2-about-layout span{font-size:12px;letter-spacing:1px;font-weight:900}@media(max-width:1050px){.v2-door-grid{grid-template-columns:repeat(2,1fr)}.v2-hero .hero-grid{gap:24px}.v2-magazine{grid-template-columns:1fr}.v2-magazine-lead{border-right:0;border-bottom:2px solid #20231F;padding-bottom:15px}.v2-note{grid-template-columns:1fr}.v2-note-content{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.v2-hero .hero-grid{grid-template-columns:1fr}.v2-hero-stack{padding:10px 8px 15px 0}.v2-feature{height:300px}.v2-door-grid{gap:8px}.v2-door{min-height:200px;padding:14px}.v2-door h3{font-size:19px}.v2-ink-layout{grid-template-columns:1fr}.v2-ink-layout .book-grid{grid-template-columns:repeat(2,1fr)}.v2-magazine-books .book-grid{grid-template-columns:repeat(2,1fr)}.v2-contrast,.v2-routes,.v2-topic-list,.v2-topic-works,.v2-about-layout{grid-template-columns:1fr}.v2-about-layout .v2-about-wide{grid-column:auto}.v2-note-content{grid-template-columns:1fr}.v2-note-book{grid-template-columns:110px 1fr;padding-bottom:16px;border-bottom:1px solid #E2E3D9}.v2-note-book section{grid-column:2}.v2-note-book .cover{grid-row:1}.v2-topic-works>a{grid-template-columns:24px 85px 1fr}.v2-topic-list>a{min-height:0}.v2-topic-hero{padding:22px}.v2-about-layout>section{padding:22px}}