:root{--paper:#FFF9E7;--ink:#244CE0;--muted:#526286;--lilac:#FFF2BE;--lime:#FFF2BE;--red:#244CE0;--line:#DCDDCB;--display:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}a:hover{text-decoration-thickness:2px}.notice{background:var(--ink);color:var(--paper);padding:9px 24px;text-align:center;font-size:12px;letter-spacing:.4px}.notice span{border-left:1px solid #ffffff60;margin-left:16px;padding-left:16px;color:var(--lime)}header{max-width:1400px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:block;flex-shrink:0}.logo img{width:258px;height:auto;display:block}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a{text-decoration:none}nav a:hover,nav button:hover{color:#1535A5}.search-button{background:none;border:0;padding:12px 0;font:inherit;min-height:44px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;border-radius:30px;padding:14px 24px;font-size:14px;font-weight:600;line-height:1.3}.button:hover{background:#1535A5;color:white}.button.secondary{background:transparent;color:var(--ink)}.text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;font-size:14px;font-weight:600}main{max-width:1400px;margin:auto;padding:0 48px}main,header,footer,.hero-copy,.card,.reading,.about{min-width:0}h1,h2,h3{font-family:var(--display);font-weight:normal}h1 em,h2 em{color:var(--red);font-weight:normal}h1{font-size:clamp(48px,5.2vw,76px);line-height:1.08;letter-spacing:-3px;margin:28px 0}h2{font-size:45px;line-height:1.12;letter-spacing:-1.7px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase}.chapter-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:8px}
.hero{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:60px;padding:35px 0 48px}.hero-copy{padding:20px 0}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:510px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.hero-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin-top:26px;max-width:470px}.hero-panel{background:var(--lilac);border-radius:24px;padding:28px;min-height:445px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.hero-panel>.eyebrow{font-size:10px}.chapter-art{position:relative;height:265px;margin:22px 10px;display:flex;align-items:stretch;transform:rotate(-7deg)}.art-page{width:50%;padding:26px 21px;box-shadow:5px 9px 0 #244CE01c}.left-page{background:var(--paper);border-radius:6px 0 0 6px;display:flex;flex-direction:column;justify-content:center;font-family:'Songti SC','Noto Serif CJK SC',serif;font-size:39px;line-height:1.35;border-right:1px solid #244CE020}.left-page small{font:10px/1.5 Arial,sans-serif;letter-spacing:.5px;margin-top:20px}.right-page{background:var(--lime);border-radius:0 6px 6px 0;font:36px/1.08 Georgia,serif;letter-spacing:-1px}.right-page em{color:var(--red)}.art-bookmark{position:absolute;right:36px;top:0;width:25px;height:52px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.art-lines{width:65%;height:25px;margin-top:20px;background:repeating-linear-gradient(to bottom,transparent 0 8px,#244CE040 8px 9px)}.art-sticker{position:absolute;background:var(--red);color:var(--paper);font:italic 23px/1.05 Georgia,serif;text-align:center;padding:22px 16px;width:96px;height:96px;border-radius:50%;right:-28px;bottom:-22px;transform:rotate(16deg)}.poster-end{display:flex;justify-content:space-between;gap:20px;align-items:end;font-size:11px;line-height:1.5}.chapter-label{letter-spacing:1px;border-bottom:1px solid var(--ink);padding-bottom:3px}.ticker{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:12px;color:var(--muted)}.ticker b{font-weight:600;color:var(--ink)}.ticker span:before{content:'✳';color:var(--red);margin-right:12px}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:64px 0 24px}.section-title h2{margin:13px 0 0}.search{width:270px;max-width:100%;min-height:48px;padding:12px 17px;background:#fffdfa;border:1px solid var(--line);border-radius:12px;font-size:16px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.filter{border:1px solid var(--line);background:transparent;padding:11px 16px;border-radius:30px;min-height:44px;font-size:12px}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter:hover{border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.card{display:flex;flex-direction:column;text-decoration:none;padding:15px 15px 23px;background:#fffdfa;border:1px solid #e7dfe6;border-radius:18px}.cover-stage{height:335px;background:#ece4f2;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.card:nth-child(3n+2) .cover-stage{background:#edf0d3}.card:nth-child(3n) .cover-stage{background:#f5ded4}.cover-jacket{position:relative;aspect-ratio:2/3;height:100%;max-width:100%;box-shadow:4px 6px 12px #244CE025;background:var(--paper);overflow:hidden}.jacket-brand{height:7.5%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font:bold 7px Arial,sans-serif;letter-spacing:.6px;position:relative;z-index:1}.jacket-brand span{font-weight:normal;font-size:5px;letter-spacing:.3px}.cover-art{height:92.5%;position:relative;overflow:hidden}.illustrated-cover{width:100%;height:108.1%;object-fit:fill;display:block;position:absolute;bottom:0}.card .meta{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:23px 3px 9px}.card h3{font-size:27px;line-height:1.15;letter-spacing:-.8px;margin:0 3px 8px}.bilingual-title{font-family:'Songti SC',serif;font-size:19px;line-height:1.7;margin:2px 3px 8px}.bilingual-author{font-size:12px;line-height:1.6;color:var(--muted);margin:0 3px}.card p{font-size:14px;line-height:1.7;color:var(--muted);margin:15px 3px 20px}.card .read{margin:auto 3px 0;padding-top:4px;font-size:12px;font-weight:650}.card:hover{border-color:#ad94b6}.card:hover h3{color:#1535A5}.empty{padding:30px 0;color:var(--muted)}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;background:var(--lime);border-radius:20px;margin:65px 0 0;padding:45px}.editorial h2{font-size:45px;line-height:1.12;margin:20px 0}.editorial p{font-size:15px;line-height:1.8;margin-top:0}.editorial p:first-child{font-size:20px;font-family:Georgia,serif}.editorial h2 em{color:var(--ink)}
.back{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;font-size:13px;text-decoration:none}.article-head{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:65px;margin-top:30px;padding-bottom:35px;border-bottom:1px solid var(--line);align-items:start}.article-head h1{font-size:clamp(38px,4.5vw,66px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.article-head p{font-size:16px;line-height:1.7;color:var(--muted)}.article-head .original-title{font-size:26px;line-height:1.6;margin-bottom:6px;font-family:'Songti SC',serif;color:var(--ink)}.article-head .book-author{margin-top:0;font-size:14px}.article-head>.cover-stage{height:400px}.article-meta{font-size:12px!important}.reading{max-width:710px;margin:48px auto 70px;font:19px/1.85 Georgia,serif;overflow-wrap:break-word}.reading h2,.about h2{font-family:Georgia,serif;font-size:30px;line-height:1.25;letter-spacing:-.5px;margin-top:40px}.reading h3{font-size:25px}.reading p{margin:24px 0}.reading .button{font-family:Arial,sans-serif}.context,.demo-note{padding:22px 25px;background:#ede4f5;border-radius:12px;font:14px/1.8 Arial,sans-serif;color:var(--muted)}.demo-note{margin:25px 0}.about{max-width:800px;margin:55px auto 70px;font:18px/1.85 Georgia,serif}.about .eyebrow{font-family:Arial,sans-serif}.about h1{font-size:72px;line-height:1.06}.about h2:first-of-type{padding:25px;background:var(--lilac);border-radius:12px}.about p{max-width:710px}.gh-content img{max-width:100%;height:auto}.gh-content h1{font-size:36px}.gh-content figure{margin:25px 0}.gh-content a{text-underline-offset:4px}.gh-content .kg-width-wide,.gh-content .kg-width-full{max-width:100%}.gh-content blockquote{margin-left:0;border-left:3px solid var(--red);padding-left:22px}.gh-content table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.gh-content th,.gh-content td{border:1px solid var(--line);padding:10px}.gh-content iframe,.kg-video-card video,.kg-audio-card audio{max-width:100%}.kg-card{margin:30px 0}.kg-image-card{text-align:center}.kg-bookmark-card a{display:flex;padding:20px;border:1px solid var(--line)}.kg-bookmark-thumbnail img{max-width:150px}.kg-gallery-container{display:flex;flex-direction:column;gap:10px}.kg-gallery-row{display:flex;gap:10px}.kg-gallery-image{flex:1}.kg-gallery-image img{width:100%;height:100%;object-fit:cover}.pagination{display:flex;gap:20px;justify-content:center;padding:30px}
footer{max-width:1400px;margin:70px auto 0;border-top:1px solid var(--line);padding:36px 48px;display:flex;align-items:start;justify-content:space-between;gap:30px;font-size:11px;line-height:1.8;color:var(--muted)}.footer-logo{width:220px;height:auto;display:block}footer p{margin-top:12px}footer a{display:inline-flex;align-items:center;min-height:34px;text-underline-offset:4px}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:-100px;z-index:99;background:var(--ink);color:var(--paper);padding:14px}.skip-link:focus{top:10px}
@media(max-width:1100px){header,main,footer{padding-left:28px;padding-right:28px}nav{gap:16px}.logo img{width:230px}.hero{gap:32px}.hero h1{font-size:58px}.hero-panel{min-height:420px;padding:24px}.chapter-art{margin-left:0;margin-right:0}.left-page{font-size:32px;padding:28px 16px}.right-page{font-size:33px;padding:28px 16px}.cover-stage{height:300px;padding:20px}.grid{gap:24px}.editorial{gap:35px;padding:35px}}
@media(min-width:651px) and (max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{flex-wrap:wrap}nav{margin-left:auto}.hero h1{font-size:49px;letter-spacing:-2px}.hero{gap:25px}.hero-panel{min-height:380px;padding:20px}.chapter-art{height:245px}.left-page{font-size:27px;padding:26px 13px}.right-page{font-size:28px;padding:26px 13px}.art-sticker{width:82px;height:82px;font-size:21px;right:-20px;padding:18px 12px}.lead{font-size:16px}.article-head{grid-template-columns:minmax(0,1fr) 230px;gap:30px}.article-head>.cover-stage{height:340px}.section-title h2{font-size:38px}}
@media(max-width:650px){.notice{font-size:10px;padding:9px 14px}.notice span{padding-left:10px;margin-left:10px}header{position:relative;display:block;padding:17px 20px 8px}.logo{width:max-content;max-width:calc(100% - 90px)}.logo img{width:208px;max-width:100%;height:auto}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;margin-top:16px;font-size:12px}nav>a,nav>.search-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 2px;text-align:center;line-height:1.3}nav>.button{position:absolute;top:15px;right:20px;min-height:44px;padding:11px 15px;font-size:12px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:23px 0 30px;gap:28px}.hero-copy{padding:0}.hero h1{font-size:clamp(39px,10.6vw,63px);letter-spacing:-2px;margin:23px 0;line-height:1.12}.hero .lead{font-size:16px}.actions{gap:17px;margin-top:24px}.hero .actions .button{padding:14px 19px;font-size:13px;gap:12px}.hero .text-link{font-size:13px}.hero-footnote{margin-top:20px;font-size:11px}.hero-panel{min-height:350px;border-radius:18px;padding:24px}.chapter-art{height:220px;max-width:320px;width:90%;align-self:center;margin:20px 0}.left-page{font-size:31px;padding:22px 17px}.right-page{font-size:31px;padding:22px 17px}.left-page small{font-size:9px}.art-sticker{width:82px;height:82px;font-size:21px;padding:18px 12px;right:-20px}.poster-end{font-size:11px}.ticker{justify-content:start;font-size:11px;gap:13px;padding:19px 0}.ticker span:before{margin-right:8px}.section-title{flex-direction:column;align-items:start;margin:40px 0 20px;gap:20px}.section-title h2{font-size:clamp(31px,8vw,43px);letter-spacing:-1px}.section-title label,.search{width:100%}.filters{gap:7px;margin-bottom:24px}.filter{min-height:44px;padding:11px 13px;font-size:11px}.grid{grid-template-columns:1fr;gap:24px}.card{padding:14px 14px 23px}.cover-stage{height:330px;padding:23px}.card h3{font-size:29px}.editorial{grid-template-columns:1fr;margin-top:40px;gap:12px;padding:27px 24px}.editorial h2{font-size:36px}.editorial p{font-size:14px}.article-head{grid-template-columns:1fr;gap:24px;margin-top:22px}.article-head h1{font-size:clamp(34px,9.4vw,49px);letter-spacing:-1.1px}.article-head>.cover-stage{height:290px;width:100%;padding:20px}.reading{font-size:18px;line-height:1.8;margin:30px auto 50px}.reading h2{font-size:27px;line-height:1.3}.reading p{margin:20px 0}.gh-content ul,.gh-content ol{padding-left:24px}.kg-bookmark-card a{flex-direction:column;gap:16px}.about{font-size:18px;margin-top:35px}.about h1{font-size:clamp(45px,13vw,64px)}.about h2{font-size:28px}.about h2:first-of-type{padding:20px}.about p{max-width:100%}footer{margin-top:45px;padding:28px 20px;flex-direction:column;gap:18px}footer a{min-height:44px}.footer-logo{width:235px}.jacket-brand{font-size:7px}}
@media(max-width:360px){header,main,footer{padding-left:16px;padding-right:16px}nav>.button{right:16px}.hero-panel{padding:20px}.hero .actions{gap:11px}.hero .actions .button{padding:14px 14px}.cover-stage{height:300px}.hero-footnote{max-width:270px}.notice{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-reduced-motion:no-preference){.card{transition:border-color .18s}.cover-jacket{transition:transform .18s}.card:hover .cover-jacket{transform:translateY(-4px)}}

@media(max-width:360px){.left-page{font-size:25px;padding-left:12px;padding-right:12px}.art-bookmark{right:6px;width:15px;height:20px}}

/* Cobalt & butter reading club identity */
:root{--display:Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:750}h1 em,h2 em{font-style:normal;font-weight:750}.logo img{width:240px;height:auto}.footer-logo{width:240px}.hero-panel{background:var(--ink);color:var(--lime);border-radius:20px;padding:30px;min-height:445px}.type-poster{position:relative;min-height:285px;display:flex;align-items:center}.type-poster strong{font-size:clamp(35px,4vw,56px);line-height:1.04;letter-spacing:-2px}.poster-dot{color:var(--lime)}.poster-end{border-top:1px solid #fff2be55;padding-top:20px}.chapter-label{color:var(--lime)}.card{border-radius:16px;background:#FFFDF5}.cover-stage{background:#F4EDCD}.editorial{background:var(--lime)}.editorial h2{font-size:42px}.jacket-brand{background:var(--lime);color:var(--ink)}.filter.active{background:var(--ink);color:var(--paper)}.button:hover{background:#1535A5}.hero h1{font-size:clamp(44px,5vw,69px);letter-spacing:-3px}.about h2:first-of-type{background:var(--lime)}
@media(max-width:650px){.logo img{width:190px}.hero-panel{min-height:320px;padding:24px}.type-poster{min-height:215px}.type-poster strong{font-size:40px;letter-spacing:-1.5px}.hero h1{font-size:clamp(37px,9vw,57px);letter-spacing:-1.8px}.editorial h2{font-size:34px}}
@media(max-width:360px){.logo img{width:166px}.type-poster strong{font-size:35px}.hero-panel{padding:22px}}

.quiet-imprint .illustrated-cover{position:static;width:100%;height:100%;object-fit:contain}

.quiet-imprint .illustrated-cover{position:static;width:100%;height:100%;object-fit:contain}

.book-preview{cursor:default}.book-preview:hover{transform:none}.book-preview h3{margin-top:24px}.membership .text-link{display:inline-block;margin:16px}.book-preview[hidden]{display:none}