*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5ed;color:#242820;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}img{max-width:100%;height:auto;display:block}.shell{width:min(1360px,calc(100% - 64px));margin:auto}.site-header{background:#fffdf5;border-bottom:2px solid #222;position:sticky;top:0;z-index:30}.navwrap{min-height:72px;max-width:1440px;margin:auto;padding:10px 28px;display:flex;align-items:center;gap:30px}.brand{font-size:24px;font-weight:900;white-space:nowrap;letter-spacing:-1px}.banana-mark{display:inline-grid;place-items:center;background:#f2d33c;border:2px solid #20231f;border-radius:50%;height:40px;width:40px;margin-right:8px}.site-header nav{display:flex;align-items:center;gap:17px;flex:1}.site-header nav a{font-size:14px;font-weight:700}.site-header nav a:hover,.section-head a:hover{color:#315c43}.header-search{display:flex;border:1px solid #cfd1c8;border-radius:8px;overflow:hidden}.header-search input{min-width:0;width:145px;border:0;background:transparent;padding:8px}.header-search button,.filterbar button{background:#315c43;color:white;border:0;padding:8px 14px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:410px;background:#f2d33c;border:3px solid #1f251e;margin:32px 0 62px;overflow:hidden}.hero-copy{padding:48px 46px}.eyebrow,.kicker{font-size:12px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;color:#315c43}.hero h1{font-size:clamp(35px,4vw,60px);line-height:1.18;letter-spacing:-.04em;margin:18px 0}.hero em{font-style:normal;color:#315c43}.hero-copy p{max-width:470px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#1f3e2d;color:#fff;padding:12px 24px;border:2px solid #1f3e2d;font-weight:800;border-radius:7px}.btn:hover{background:#111511}.hero-art{min-height:300px;background:#315c43;display:grid;place-items:center;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-graphic{width:90%;min-height:280px;border:6px solid #f6f5ed;transform:rotate(-5deg);background:repeating-linear-gradient(135deg,#315c43,#315c43 24px,#244633 24px,#244633 28px);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f2d33c}.hero-graphic b{font-size:clamp(50px,8vw,110px);line-height:1;letter-spacing:-.08em}.hero-graphic i{color:white}.section{margin:55px 0 72px}.section-head{display:flex;align-items:baseline;gap:22px;border-bottom:2px solid #242820;padding-bottom:13px;margin-bottom:22px;flex-wrap:wrap}.section-head h2{font-size:29px;line-height:1.2;margin:0;flex:1}.section-head a{font-weight:800;font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-tile{min-height:175px;padding:21px;border:2px solid #20231f;background:#fffdf5;transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.category-tile>span{font-weight:800;font-size:13px}.category-tile h3{font-size:23px;margin:15px 0 5px}.category-tile p{font-size:13px;margin:0}.cat-1,.cat-8{background:#fff0a8}.cat-2,.cat-7{background:#e7efe7}.cat-3{background:#fffdf5}.cat-4{background:#f9eae5}.cat-5{background:#dfe8ed}.cat-6{background:#e9eff9}.feature-strip,.comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.comic-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.comic-card{min-width:0;display:flex;flex-direction:column;gap:8px}.comic-card strong{font-size:16px;line-height:1.35}.comic-card>span{font-size:13px;color:#697168;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comic-cover,.type-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border:2px solid #20231f;border-radius:4px}.type-cover{display:flex;flex-direction:column;justify-content:space-between;padding:12%;background:repeating-linear-gradient(-36deg,#f2d33c,#f2d33c 18px,#ffebb0 18px,#ffebb0 21px);overflow:hidden}.type-cover span{font-size:clamp(19px,2vw,32px);font-weight:950;letter-spacing:-1px;line-height:1.25;overflow-wrap:anywhere}.type-cover small{font-size:10px;font-weight:800;letter-spacing:.07em}.comic-card:nth-child(3n+2) .type-cover{background:#315c43;color:#fff}.comic-card:nth-child(3n) .type-cover{background:#4169a8;color:#fff}.editorial{display:grid;grid-template-columns:1fr 1.6fr;background:#1f3e2d;color:#fff;gap:35px;padding:30px}.editorial .kicker{color:#f2d33c}.editorial h2{font-size:38px}.editorial-copy a{color:#f2d33c}.mini-stack{border-top:1px solid #aaa}.mini-stack a{display:grid;grid-template-columns:1fr 130px 100px;gap:15px;padding:13px;border-bottom:1px solid #849687}.mini-stack small{text-align:right}.theme-row{display:grid;grid-template-columns:1fr 3fr;gap:27px;border-top:4px solid #1f3e2d;padding-top:22px}.theme-label h2{font-size:28px}.theme-label a{font-weight:800;text-decoration:underline}.theme-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.triple-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.triple-feature a{padding:24px;min-height:156px;background:#e7efe7;border-left:7px solid #315c43}.triple-feature a:nth-child(2){background:#fff0a8;border-color:#c3a66c}.triple-feature a:nth-child(3){background:#e9eff9;border-color:#4169a8}.triple-feature b{font-size:21px}.last-cta{background:#f2d33c;padding:42px;text-align:center;border:2px solid #20231f}.last-cta h2{font-size:32px}.cta-links{display:flex;justify-content:center;align-items:center;gap:23px;flex-wrap:wrap}.page-heading{padding:48px 0 25px}.page-heading h1{font-size:clamp(32px,4vw,53px);margin:7px 0}.page-heading p{color:#4a5149}.library-layout{display:grid;grid-template-columns:220px 1fr;gap:30px}.filters{align-self:start;position:sticky;top:100px;border:2px solid #315c43;background:#fffdf5;padding:15px}.filters h2{font-size:20px}.filters a{padding:10px 5px;border-bottom:1px solid #e2e3d9;display:flex;justify-content:space-between;gap:8px}.filters a.active{font-weight:800;background:#f2d33c}.filters small{color:#777}.filterbar{display:flex;flex-wrap:wrap;gap:8px;background:#e7efe7;padding:14px;border-radius:6px}.filterbar input{min-width:180px;flex:1}.filterbar input,.filterbar select{border:1px solid #a6b3a8;padding:9px;max-width:100%;border-radius:4px;background:white}.result-count{font-size:13px;color:#667266}.library-results .comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pagination{display:flex;gap:8px;margin:35px 0}.pagination a{padding:8px 15px;background:white;border:1px solid #bbc5b8}.pagination a.current{background:#315c43;color:white}.empty{padding:40px;background:#fff}.breadcrumb{margin-top:32px;color:#727a72;font-size:14px}.detail-hero{display:grid;grid-template-columns:290px 1fr;gap:48px;max-width:1100px;margin:32px auto 54px}.detail-cover{max-width:290px}.detail-hero h1{font-size:clamp(34px,4vw,56px);margin:8px 0 12px}.lead{font-size:19px;line-height:1.9}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid #c9d1c8;padding-top:20px}.meta dt{font-size:12px;color:#777}.meta dd{margin:0;font-weight:800}.rights-note{font-size:13px;color:#697168}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-grid article{background:#fffdf5;padding:25px;border-top:5px solid #315c43}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chapter-list a{background:#fffdf5;border:1px solid #d4d7ca;padding:17px;display:flex;align-items:center;gap:18px}.chapter-list b{font-size:24px;color:#315c43}.chapter-list span{margin-left:auto;font-size:13px}.curated{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:4px solid #315c43;padding-top:30px}.curated h2{font-size:30px}.curated-list{display:grid;gap:8px}.curated-list a{display:grid;grid-template-columns:55px 140px 1fr;gap:18px;align-items:center;background:#fffdf5;padding:15px}.curated-list a>span{font-weight:900;font-size:28px;color:#315c43}.curated-list small{color:#6c736b}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:80px}.topic-card{background:#fffdf5;border:2px solid #315c43;padding:30px;min-height:205px}.topic-card:nth-child(3n+2){background:#fff1bd}.topic-card span{font-size:12px;font-weight:900}.topic-card h2{font-size:27px}.topic-card strong{color:#315c43}.special-intro{padding:30px;background:#e7efe7;margin-bottom:30px;line-height:2}.back-link{display:inline-block;margin:40px 0}.about-layout{display:grid;grid-template-columns:2fr 1fr;gap:70px;margin:20px 0 90px}.about-layout article h2{border-bottom:2px solid #315c43;padding-bottom:8px}.about-layout aside{align-self:start;background:#f2d33c;padding:30px;border:2px solid #20231f}.site-footer{background:#1f3e2d;color:#fff;padding:40px 0;margin-top:60px}.site-footer p{color:#dce8db;max-width:650px;font-size:13px}.not-found{text-align:center;padding:100px 0}.not-found h1{font-size:45px}@media(max-width:1150px){.header-search{display:none}.site-header nav{justify-content:flex-end}.comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.shell{width:calc(100% - 36px)}.navwrap{padding:10px 18px;flex-wrap:wrap;gap:12px;min-height:66px}.menu-toggle{display:block;margin-left:auto;background:#f2d33c;border:1px solid #20231f;border-radius:5px;padding:7px 10px}.site-header nav{display:none;order:3;width:100%;flex:unset;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:10px;border-bottom:1px solid #ddd}.hero{grid-template-columns:1fr;margin:16px 0 38px}.hero-copy{padding:28px}.hero-art{min-height:230px}.hero-graphic{min-height:210px}.category-grid{grid-template-columns:repeat(2,1fr)}.feature-strip,.comic-grid,.library-results .comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-row,.editorial,.curated,.library-layout,.about-layout{grid-template-columns:1fr}.filters{position:static}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters h2{width:100%;margin:0}.filters a{font-size:12px}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.triple-feature{grid-template-columns:1fr}.detail-hero{grid-template-columns:180px 1fr;gap:20px}.topic-grid{grid-template-columns:1fr}.curated-list a{grid-template-columns:45px 1fr}.curated-list small{grid-column:2}.site-header{position:relative}}@media(max-width:480px){.hero h1{font-size:33px}.hero-graphic b{font-size:50px}.section-head h2{font-size:24px}.section{margin:35px 0 50px}.category-tile{min-height:150px;padding:12px}.category-tile h3{font-size:18px}.category-tile p{font-size:12px}.theme-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-cards .comic-card:last-child{display:none}.detail-hero{grid-template-columns:1fr}.detail-cover{width:200px}.chapter-list,.story-grid{grid-template-columns:1fr}.mini-stack a{grid-template-columns:1fr auto}.mini-stack a small{display:none}.last-cta{padding:25px}.filterbar input{min-width:100%}.comic-card strong{font-size:14px}}
/* 2026 reading-atlas edition: same original palette, completely redesigned structure */
.edition-home .section{margin:72px 0 86px}.edition-hero{border-radius:2px;background:#fffdf5;grid-template-columns:1.1fr .9fr;border-width:2px}.edition-hero .hero-copy{padding:56px}.edition-hero .hero-copy h1{font-size:clamp(40px,4.6vw,72px);line-height:1.16}.edition-hero .hero-art{background:#315c43}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.plain-action{font-weight:800;text-decoration:underline}.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.route-tile{min-height:245px;border:1px solid #aebcac;padding:22px;display:flex;flex-direction:column;background:#fffdf5}.route-tile:nth-child(4n + 2){background:#e7efe7}.route-tile:nth-child(4n + 3){background:#fff5bf}.route-tile:nth-child(4n + 4){background:#e9eff9}.route-top{display:flex;justify-content:space-between;font-weight:900;font-size:12px;letter-spacing:.12em}.route-top b{font-size:24px}.route-tile h3{font-size:25px;margin:25px 0 8px}.route-tile p{font-size:14px;line-height:1.65;margin:0}.route-arrow{margin-top:auto;padding-top:18px;color:#315c43;font-weight:800;font-size:13px}.dispatch-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:40px;padding:40px;background:#1f3e2d;color:#fff}.dispatch-intro .kicker{color:#f2d33c}.dispatch-intro h2{font-size:42px;line-height:1.17}.dispatch-intro p{color:#e4ebdf;line-height:1.95}.dispatch-intro a{color:#f2d33c;font-weight:800}.dispatch-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dispatch-picks .comic-card{color:#fff}.dispatch-picks .comic-card>span{color:#d7e1d4}.wide-feature{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.wide-feature a{background:#fffdf5;min-height:280px;padding:27px;border-top:5px solid #315c43;display:flex;flex-direction:column}.wide-feature a:first-child{background:#fff5bf}.wide-feature a:nth-child(2){background:#e7efe7}.wide-feature a:nth-child(3){background:#e9eff9}.wide-feature h3{font-size:30px;margin:21px 0 10px}.wide-feature small{font-weight:900;letter-spacing:.1em}.wide-feature strong{margin-top:auto;color:#315c43}.two-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:50px}.reading-list{background:#fffdf5;border:1px solid #e2e3d9;padding:32px}.reading-list h2,.reading-notes h2{font-size:32px}.reading-list>a{display:grid;grid-template-columns:1fr 110px 100px;gap:12px;padding:13px 0;border-top:1px solid #e2e3d9;align-items:center}.reading-list a span,.reading-list time{font-size:13px;color:#777e73}.reading-notes>div{border-bottom:1px solid #ccc;padding:10px 0 17px}.reading-notes h3{font-size:21px;margin:8px 0}.reading-notes div p{font-size:14px}.reading-notes div a{font-size:14px;color:#315c43;font-weight:800}.editorial-window{background:#f2d33c;padding:40px;display:grid;grid-template-columns:1.25fr 1fr;gap:50px}.editorial-window h2{font-size:34px;line-height:1.2}.three-pill{display:grid;align-content:center;gap:10px}.three-pill a{background:#fffdf5;border:2px solid #315c43;padding:17px;font-weight:800}.guide-heading{max-width:850px}.guide-toc{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:50px}.guide-toc a{padding:10px 16px;border:1px solid #315c43;background:#fffdf5;font-size:14px}.editorial-chapter{display:grid;grid-template-columns:.9fr 1.5fr;gap:55px;border-top:3px solid #315c43;padding:36px 0 48px;scroll-margin-top:95px}.editorial-chapter h2{font-size:35px;line-height:1.2}.editorial-chapter>div>a{color:#315c43;text-decoration:underline;font-weight:800}.editorial-chapter ol{margin:0;padding:0;list-style:none;counter-reset:folio}.editorial-chapter li{counter-increment:folio;border-bottom:1px solid #d1d9cf}.editorial-chapter li a{padding:19px 0;display:grid;grid-template-columns:38px 1fr;gap:5px 12px}.editorial-chapter li a:before{content:counter(folio,decimal-leading-zero);grid-row:1/3;font-weight:900;color:#315c43}.editorial-chapter li strong{font-size:18px}.editorial-chapter li span{font-size:13px;color:#697168}.exhibit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:70px}.exhibit-grid a{padding:35px;min-height:235px;background:#e7efe7;border:1px solid #315c43;display:flex;flex-direction:column}.exhibit-grid a:nth-child(3n + 2){background:#fff5bf}.exhibit-grid a:nth-child(3n){background:#e9eff9}.exhibit-grid span{font-size:12px;letter-spacing:.12em;font-weight:900}.exhibit-grid h2{font-size:31px;margin:24px 0 8px}.exhibit-grid b{margin-top:auto;color:#315c43}.topic-essay{background:#e7efe7;border-left:8px solid #315c43;padding:32px;margin:0 0 35px;max-width:900px}.topic-essay p{font-size:18px;line-height:2}.topic-essay a{font-weight:800}.handbook{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px 0 85px}.handbook article{padding:35px;background:#fffdf5;border-top:5px solid #315c43}.handbook article:nth-child(2n){background:#e7efe7}.handbook article>span{font-size:12px;font-weight:900;letter-spacing:.14em}.handbook h2{font-size:29px}.handbook p{line-height:1.95}
@media(max-width:1000px){.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-grid{grid-template-columns:1fr}.dispatch-picks{grid-template-columns:repeat(4,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}}@media(max-width:700px){.edition-hero{grid-template-columns:1fr}.edition-hero .hero-copy{padding:28px}.edition-home .section{margin:45px 0 55px}.route-tile{min-height:215px;padding:16px}.route-tile h3{font-size:20px}.route-tile p{font-size:12px}.dispatch-grid{padding:24px}.dispatch-intro h2{font-size:31px}.dispatch-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-feature,.editorial-window,.editorial-chapter,.handbook,.exhibit-grid{grid-template-columns:1fr}.wide-feature a{min-height:220px}.reading-list{padding:20px}.reading-list>a{grid-template-columns:1fr auto}.reading-list time{display:none}.editorial-window{padding:24px}.editorial-chapter{gap:10px}.exhibit-grid a{min-height:200px;padding:24px}}@media(max-width:420px){.route-grid{gap:8px}.route-tile{min-height:225px;padding:12px}.route-tile h3{font-size:18px}.route-top{font-size:10px}.guide-toc a{font-size:12px;padding:8px 12px}}