 :root{--background:#f6f5ed;--paper:#fffdf5;--banana:#f2d33c;--forest:#315c43;--ink:#20231f;--muted:#646c62;--border:#e2e3d9;--cobalt:#4169a8;--tomato:#d45c48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.wrap{width:min(1360px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.site-header{background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:2}.header-row{min-height:74px;display:flex;gap:27px;align-items:center}.brand{font-weight:950;font-size:24px;white-space:nowrap;letter-spacing:-1px}.brand span{color:var(--forest)}#main-nav{display:flex;gap:18px;margin-left:auto;font-size:14px;font-weight:650}#main-nav a:hover{color:var(--forest)}.search-top{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#fff}.search-top input{width:154px;min-width:0;padding:8px;border:0}.search-top button{background:var(--banana);border:0;padding:7px 12px;font-size:13px;font-weight:750}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 0.9fr;gap:40px;margin-top:38px;padding:48px;background:var(--banana);border:3px solid var(--ink);border-radius:12px;min-height:380px}.hero h1{font-weight:950;font-size:clamp(38px,5vw,65px);line-height:1.13;letter-spacing:-2px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--forest)}.hero p{max-width:490px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border:2px solid var(--ink);border-radius:7px;padding:11px 20px;font-weight:800;min-height:44px}.btn:hover{background:var(--forest)}.hero-art{background:var(--forest);color:var(--paper);border:3px solid var(--ink);border-radius:4px;transform:rotate(2deg);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.hero-art b{font-size:clamp(58px,7vw,110px);font-weight:950;line-height:1.07;text-align:center;letter-spacing:4px}.hero-art i{text-align:right;color:var(--banana)}.section{margin-block:64px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);margin-bottom:22px;flex-wrap:wrap}.section-heading span{font-size:12px;color:var(--forest);font-weight:850;letter-spacing:1.5px}.section-heading h2{margin:0 0 10px;font-size:28px}.section-heading a{font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{padding:25px;min-height:176px;background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--banana)}.category-tile:nth-child(4n+2){box-shadow:5px 5px 0 var(--cobalt)}.category-tile:nth-child(4n+3){box-shadow:5px 5px 0 var(--tomato)}.category-tile:nth-child(4n){box-shadow:5px 5px 0 var(--forest)}.category-tile>span{font-weight:950;color:var(--forest)}.category-tile h3{font-size:23px;margin:10px 0}.category-tile p{font-size:13px;color:var(--muted);margin:0}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px}.comic-card{min-width:0;display:flex;flex-direction:column;gap:5px}.comic-card>strong{margin-top:7px;overflow-wrap:anywhere;font-size:15px}.comic-card small{color:var(--muted);font-size:12px}.cover{aspect-ratio:2/3;width:100%;object-fit:cover;border-radius:8px;border:2px solid var(--ink);display:block;background:var(--forest)}.cover-fallback{display:flex;align-items:end;padding:14px;background:linear-gradient(155deg,var(--banana) 0 35%,var(--forest) 35% 100%);color:white;overflow:hidden}.cover-fallback span{font-size:12px;font-weight:800;line-height:2}.cover-fallback strong{font-size:clamp(15px,1.6vw,22px);line-height:1.25;display:block;overflow-wrap:anywhere}.feature-split,.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-split section{padding:35px;border-radius:8px;background:#e9eff9;border:2px solid var(--ink)}.feature-split .feature-green{background:#e7efe7}.feature-split h2{font-size:31px}.feature-split p{max-width:460px}.topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.topic-row>a{background:#fff;border:2px solid var(--ink);padding:25px;border-radius:8px}.topic-row>a:nth-child(2){background:#e7efe7}.topic-row>a:nth-child(3){background:#f9eae5}.topic-row h3{font-size:24px}.cta-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:65px 0;background:var(--forest);color:white;padding:34px;border-radius:8px}.cta-panel .btn{background:var(--banana);color:var(--ink)}.site-footer{margin-top:70px;background:#1f3e2d;color:#fff;padding:30px 0}.site-footer a{text-decoration:underline}.site-footer p{font-size:13px;color:#d5e3d5}.page-intro{padding:50px 0 28px}.page-intro h1{font-size:clamp(32px,4vw,48px);margin:10px 0}.page-intro p{max-width:800px;color:var(--muted)}.library-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:32px}.sidebar{align-self:start;background:var(--paper);border:1px solid var(--border);padding:15px;display:flex;flex-direction:column;gap:6px;position:sticky;top:14px}.sidebar h2{font-size:19px}.sidebar a{padding:6px 9px;border-radius:4px}.sidebar a:hover{background:var(--banana)}.filter-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:17px;background:white;border:1px solid var(--border);margin-bottom:20px}.filter-form label{font-size:12px;font-weight:800;display:flex;flex:1;min-width:120px;flex-direction:column;gap:3px}.filter-form input,.filter-form select{width:100%;border:1px solid #b6b9b0;border-radius:4px;padding:9px;background:white;font-size:14px}.results-title{margin-bottom:15px}.pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.pagination a{padding:8px 14px;background:#fff;border:1px solid var(--border);min-width:44px;text-align:center}.pagination a.current{background:var(--forest);color:#fff}.empty,.missing{padding:50px;text-align:center;background:white;border:1px solid var(--border)}.breadcrumbs{font-size:13px;color:var(--muted);padding:25px 0}.comic-detail{display:grid;grid-template-columns:minmax(190px,310px) 1fr;gap:45px;padding:28px;background:white;border:2px solid var(--ink);border-radius:10px}.comic-detail h1{font-size:clamp(30px,4vw,48px);margin:8px 0}.intro-text{font-size:17px;line-height:1.9}.facts{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:15px 0}.facts dt{color:var(--muted)}.facts dd{margin:0}.detail-columns{margin:30px 0}.panel{padding:24px;background:white;border:1px solid var(--border);border-radius:8px}.panel h2{font-size:22px}.panel p{line-height:2}.chapter-list{display:grid;gap:8px}.chapter-list a{padding:14px;background:var(--background);display:flex;gap:15px;align-items:center;flex-wrap:wrap}.chapter-list span{color:var(--forest);font-weight:bold}.section-desc{color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-card{background:white;border:2px solid var(--ink);border-radius:9px;padding:26px;min-height:245px}.collection-card:nth-child(3n+2){background:#e7efe7}.collection-card:nth-child(3n){background:#fff5bf}.collection-card span{font-size:12px;letter-spacing:2px;color:var(--forest);font-weight:850}.collection-card h2{font-size:26px}.collection-card p{color:var(--muted)}@media(max-width:1100px){.search-top{display:none}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-row{gap:16px}#main-nav{gap:12px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{width:calc(100% - 34px)}.header-row{flex-wrap:wrap;min-height:64px}.brand{font-size:21px}.menu-toggle{display:block;margin-left:auto;background:var(--banana);border:1px solid var(--ink);border-radius:4px;padding:7px 10px}#main-nav{display:none;flex-basis:100%;flex-direction:column;padding-bottom:14px}#main-nav.open{display:flex}#main-nav a{padding:9px}.hero{grid-template-columns:1fr;padding:22px;gap:20px;min-height:auto}.hero-art{min-height:230px}.hero-art b{font-size:64px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{padding:13px;min-height:145px}.category-tile h3{font-size:18px}.category-tile p{font-size:12px}.section{margin-block:44px}.section-heading h2{font-size:23px}.feature-split,.detail-columns,.topic-row,.collection-grid,.library-layout,.comic-detail{grid-template-columns:1fr}.comic-detail{gap:20px}.comic-detail>div:first-child{max-width:240px;margin:auto}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar h2{grid-column:1/-1}.cta-panel{flex-direction:column;align-items:start}.panel{padding:18px}.cover-fallback strong{font-size:17px}}@media(max-width:360px){.category-grid{grid-template-columns:1fr 1fr}.category-tile{padding:10px}.hero h1{font-size:37px}.book-grid{gap:9px}}
/* Version 2: editorial atlas layouts; original palette remains unchanged */
.v2-banner{margin:28px 0 42px;background:var(--forest-deep);color:var(--paper);padding:26px 38px 38px;border-radius:14px;overflow:hidden}.v2-kicker,.v2-banner .v2-pill{color:var(--banana);font-size:12px;letter-spacing:.14em}.v2-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.v2-banner h1{font-size:clamp(35px,5vw,70px);line-height:1.12;margin:25px 0}.v2-banner p{max-width:590px;line-height:1.85;color:#f2f0de}.v2-hero-art{min-height:365px;background:var(--banana);color:var(--ink);padding:28px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg);border:6px solid var(--ink)}.v2-hero-art h2{font-size:clamp(54px,7vw,100px);margin:0;line-height:1.05}.v2-hero-art p{color:var(--ink)}.v2-channel-strip{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;margin:55px 0}.v2-channel-strip>div:first-child h2{font-size:30px}.v2-channel-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 0 18px}.v2-channel-scroll a{min-width:205px;max-width:205px;min-height:170px;border:1px solid var(--forest);background:var(--paper);padding:17px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:11px}.v2-channel-scroll a:nth-child(3n){background:var(--banana-soft)}.v2-channel-scroll a:nth-child(3n+1){background:var(--forest-soft)}.v2-channel-scroll a b{color:var(--forest)}.v2-channel-scroll a strong{font-size:22px}.v2-channel-scroll a small{line-height:1.5}.v2-feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.v2-lead{min-height:390px;background:var(--banana);padding:32px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.v2-lead h3{font-size:42px;margin:10px 0}.v2-lead p{line-height:1.85}.v2-mini-list{display:grid;gap:8px}.v2-mini-list a{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:14px;padding:16px;background:var(--paper);border-bottom:2px solid var(--border);color:var(--ink);text-decoration:none}.v2-mini-list a span{font-size:26px;color:var(--forest)}.v2-mini-list a small{display:block;line-height:1.5}.v2-two-stories{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:58px 0}.v2-two-stories article{padding:40px;background:var(--forest);color:white}.v2-two-stories article+article{background:var(--ink)}.v2-two-stories h2{font-size:32px}.v2-two-stories p{line-height:1.9}.v2-two-stories a{color:var(--banana)}.v2-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v2-topic-grid a{background:var(--paper);padding:25px;border:2px solid var(--forest);color:var(--ink);text-decoration:none}.v2-topic-grid a:nth-child(2){background:var(--banana-soft)}.v2-topic-grid h3{font-size:25px}.v2-topic-grid p{line-height:1.8}.v2-topic-grid strong{color:var(--forest)}.v2-last{text-align:center;margin:70px 0 45px;padding:52px 20px;background:var(--forest-soft)}.v2-last h2{font-size:32px}.v2-last p{max-width:650px;margin:15px auto 26px;line-height:1.9}.v2-route-head,.v2-collection-head{margin:45px 0;padding:40px;background:var(--forest);color:white}.v2-route-head h1{font-size:clamp(40px,5vw,70px);line-height:1.16}.v2-route-head p,.v2-collection-head p{max-width:760px;line-height:1.9}.v2-route{display:grid;grid-template-columns:1fr 1.3fr;border-top:3px solid var(--ink);padding:34px 10px;gap:45px}.v2-route h2{font-size:36px;margin:12px 0}.v2-route p{line-height:1.85}.v2-route a,.v2-collection-detail a{color:var(--forest)}.v2-route-copy{background:var(--paper);padding:25px}.v2-route-copy h3{font-size:21px}.v2-collection-head{background:var(--banana);color:var(--ink)}.v2-collection-head h1{font-size:45px}.v2-collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}.v2-collection-grid a{padding:34px;min-height:290px;background:var(--paper);border-left:8px solid var(--forest);color:var(--ink);text-decoration:none;display:flex;flex-direction:column}.v2-collection-grid a:nth-child(even){background:var(--forest-soft);border-color:var(--banana-deep)}.v2-collection-grid h2{font-size:28px}.v2-collection-grid p{line-height:1.85;flex:1}.v2-collection-detail{display:grid;grid-template-columns:1fr 220px;gap:20px;margin:40px 0}.v2-collection-detail article{padding:38px;background:var(--paper)}.v2-collection-detail article p{line-height:2}.v2-collection-detail aside{background:var(--forest);color:white;padding:30px;display:flex;flex-direction:column;justify-content:center;text-align:center}.v2-collection-detail aside b{font-size:96px;color:var(--banana)}.v2-about{margin:50px 0}.v2-about h1{font-size:clamp(37px,5vw,64px);line-height:1.15}.v2-about-lead{font-size:20px;line-height:1.9;max-width:950px}.v2-about-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;margin-top:38px}.v2-about-layout article{background:var(--paper);padding:40px}.v2-about-layout aside{background:var(--forest-soft);padding:36px}.v2-about-layout p{line-height:2;margin-bottom:34px}@media(max-width:760px){.v2-banner{padding:22px}.v2-hero-grid,.v2-channel-strip,.v2-feature-layout,.v2-two-stories,.v2-route,.v2-collection-detail,.v2-about-layout{grid-template-columns:1fr}.v2-hero-art{min-height:230px;transform:none}.v2-topic-grid,.v2-collection-grid{grid-template-columns:1fr}.v2-route-head,.v2-collection-head{padding:22px}.v2-route{gap:8px}.v2-channel-strip{gap:0}.v2-collection-head h1{font-size:34px}}

/* Volume 03: new asymmetric layouts, original palette unchanged */
.atlas-home,.watch-page,.topic-page,.about-new{padding-bottom:70px}.atlas-hero{margin:28px 0 44px;display:grid;grid-template-columns:1.15fr 1fr;min-height:460px;overflow:hidden;border:2px solid var(--ink);background:var(--banana-soft)}.atlas-left{padding:62px 52px;display:flex;flex-direction:column;justify-content:center}.atlas-left h1{font-size:clamp(38px,4.4vw,65px);line-height:1.16;margin:19px 0}.atlas-left p{line-height:1.9;max-width:590px}.atlas-actions{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.atlas-actions a,.atlas-footer-promo a{display:inline-flex;align-items:center}.atlas-tags{font-size:13px;letter-spacing:.12em}.atlas-visual{background:var(--forest-deep);position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.atlas-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.atlas-fallback{color:var(--banana);font-size:clamp(48px,6vw,95px);font-weight:900;line-height:1;letter-spacing:-.08em;transform:rotate(-7deg)}.atlas-stamp{position:absolute;right:15px;top:17px;z-index:2;background:var(--banana);border:2px solid var(--ink);padding:12px;font-size:12px;font-weight:800;transform:rotate(5deg)}.atlas-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.atlas-category{border:1px solid var(--border);background:var(--paper);padding:19px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;min-height:235px;color:var(--ink);text-decoration:none}.atlas-category:nth-child(4n+2){background:var(--forest-soft)}.atlas-category:nth-child(4n+3){background:var(--banana-soft)}.atlas-category b{font-size:29px;color:var(--forest)}.atlas-category h3{margin:0 0 9px}.atlas-category p{font-size:14px;line-height:1.8}.atlas-category span{font-size:13px;color:var(--forest)}.atlas-duo{margin:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.atlas-duo-heading{grid-column:1/-1;max-width:700px}.atlas-duo-heading h2{font-size:34px}.atlas-duo-heading p{line-height:1.8}.atlas-spotlight{padding:24px;display:grid;grid-template-columns:145px 1fr;gap:22px;border-top:5px solid var(--forest);background:var(--paper)}.atlas-spotlight:nth-of-type(2){border-top-color:var(--tomato)}.atlas-spotlight .cover{width:100%;aspect-ratio:2/3;object-fit:cover}.atlas-spotlight h3{font-size:25px}.atlas-spotlight p{font-size:14px;line-height:1.9}.atlas-spotlight a{color:var(--forest);font-weight:700}.atlas-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:68px 0}.atlas-feature-row>div{background:var(--forest-deep);color:white;padding:38px}.atlas-feature-row>div+div{background:var(--banana-soft);color:var(--ink)}.atlas-feature-row h2{font-size:29px}.atlas-feature-row p{line-height:1.9}.atlas-feature-row a{color:inherit;font-weight:700}.atlas-footer-promo{text-align:center;padding:58px 25px;background:var(--sand-soft);margin:60px 0}.atlas-footer-promo h2{font-size:34px}.watch-intro{padding:62px 45px;background:var(--forest-deep);color:var(--paper);margin:28px 0 48px}.watch-intro h1{font-size:46px}.watch-intro p{max-width:720px;line-height:1.9}.watch-strip{display:grid;grid-template-columns:290px 1fr;gap:24px;border-bottom:2px solid var(--border);padding:28px 0}.watch-index{padding:18px}.watch-index h2{font-size:29px}.watch-index p{line-height:1.8}.watch-index a{color:var(--forest)}.watch-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.watch-book{position:relative;text-decoration:none;color:var(--ink);padding:13px;background:var(--paper);display:flex;flex-direction:column;gap:10px}.watch-book b{color:var(--tomato)}.watch-book .cover{width:100%;max-height:190px;object-fit:cover;aspect-ratio:2/3}.watch-book strong{font-size:17px}.watch-book small{line-height:1.6;color:var(--body)}.topic-intro{margin:26px 0 30px;padding:52px;background:var(--banana-soft);border-left:9px solid var(--forest)}.topic-intro h1{font-size:42px}.topic-intro p{max-width:870px;line-height:2}.topic-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-map-item{padding:33px;background:var(--paper);border:1px solid var(--border);color:var(--ink);text-decoration:none;min-height:250px}.topic-map-item:nth-child(3n+2){background:var(--forest-soft)}.topic-map-item:nth-child(3n){background:var(--sand-soft)}.topic-map-item h2{font-size:28px}.topic-map-item p{font-size:15px;line-height:1.8}.topic-map-item b{color:var(--forest)}.topic-detail{max-width:920px;margin:auto}.topic-detail-row{padding:28px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:60px 1fr;gap:20px}.topic-detail-row>span{font-size:28px;font-weight:800;color:var(--forest)}.topic-detail-row p{line-height:1.9}.topic-detail-row a{color:var(--forest)}.about-head{background:var(--forest-deep);color:white;margin:28px 0 50px;padding:65px 50px}.about-head h1{font-size:clamp(38px,4.4vw,58px);line-height:1.25}.about-head p{max-width:760px;line-height:2}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.about-columns>div{border-top:4px solid var(--banana-deep);padding:23px;background:var(--paper)}.about-columns h2{font-size:26px}.about-columns p{line-height:1.95}.about-cta{text-align:center;padding:50px 20px}.about-cta a{display:inline-block}@media(max-width:850px){.atlas-hero,.atlas-duo,.atlas-feature-row,.watch-strip,.topic-map,.about-columns{grid-template-columns:1fr}.atlas-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-visual{min-height:260px}.atlas-left{padding:32px}.atlas-spotlight{grid-template-columns:105px 1fr}.watch-books{gap:8px}.watch-book{padding:8px}.watch-book small{font-size:12px}.watch-intro,.topic-intro,.about-head{padding:28px}.atlas-duo-heading{grid-column:auto}}@media(max-width:440px){.atlas-category-grid{grid-template-columns:1fr 1fr}.atlas-category{padding:12px;min-height:210px}.atlas-spotlight{grid-template-columns:1fr}.atlas-spotlight .cover{max-width:150px}.watch-books{grid-template-columns:1fr 1fr}.watch-book:nth-child(3){display:none}.watch-intro h1,.topic-intro h1{font-size:34px}}
