:root{--paper:#fffaf0;--ink:#50372a;--muted:#806b5c;--line:#e4d9c7;--green:#677e56;--pink:#f5c9ba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}a{color:inherit;text-underline-offset:5px}img{max-width:100%}header{max-width:1320px;margin:auto;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.parent{font-size:12px;text-decoration:none}.wordmark{font-weight:bold;font-size:22px;letter-spacing:.08em;text-decoration:none;line-height:1.3}.wordmark span{display:block;font:9px monospace;text-align:center;letter-spacing:.28em}nav{display:flex;gap:23px;font-size:12px}nav a{text-decoration:none}main{max-width:1320px;margin:auto;padding:0 5%}.hero{padding:55px 0 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:4%;align-items:center}.label{font-size:11px;letter-spacing:.16em;color:var(--green);font-weight:bold}.hero h1{font-size:clamp(42px,5.2vw,72px);letter-spacing:.08em;line-height:1.3;margin:20px 0}.tagline{font-size:clamp(21px,2.4vw,33px);line-height:1.65;font-weight:bold;margin:15px 0}.lead{font-size:14px;line-height:2.1;color:var(--muted)}.primary{display:inline-flex;gap:40px;align-items:center;background:var(--green);color:white;border-radius:50px;padding:17px 26px;text-decoration:none;font-size:13px;margin-top:14px}.hero-art{overflow:hidden;background:white;border-radius:49% 49% 12px 12px;border:1px solid #eee2ce}.hero-art img{display:block;width:100%;height:auto;margin-top:-10%}.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:38px;padding:20px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted);letter-spacing:.1em}.hero-foot span{font-size:24px;color:var(--green)}.section{padding:65px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font-size:clamp(23px,3vw,34px);letter-spacing:.04em;margin:10px 0}.section-head>p{font-size:12px;color:var(--muted);line-height:1.9}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.comic-card{display:block;text-decoration:none}.cover{aspect-ratio:1.55;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:white}.cover img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .25s}.comic-card:hover .cover img{transform:scale(1.035)}.card-text{display:flex;align-items:center;gap:13px;padding:13px 2px}.card-text span{font:11px monospace;color:var(--muted)}.card-text h3{font-size:16px;margin:0;font-weight:600}.card-text b{margin-left:auto;font-size:20px;font-weight:normal}.alice-intro{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;max-width:760px;margin:25px auto 45px}.alice-picture{aspect-ratio:1/1;overflow:hidden;border-radius:50%;background:white}.alice-picture img{max-width:none;width:166%;height:auto;margin-top:-19%;display:block}.small-label{font-size:11px;color:var(--green)}.alice-intro h3{font-size:30px;margin:10px 0}.alice-intro p{font-size:14px;line-height:2;color:var(--muted)}.friends-sheet{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.names{padding:15px 0 0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center;font-size:12px}.friend-note{display:flex;align-items:center;gap:25px;background:#f1eddc;border-radius:14px;margin-top:30px;padding:23px 30px}.friend-note>span{font-size:38px;color:var(--green)}.friend-note h3{font-size:15px;margin:0 0 8px}.friend-note p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}.outro{text-align:center;padding:60px 15px 75px;border-top:1px solid var(--line)}.outro p:not(.label){font-size:14px;line-height:2.1;color:var(--muted)}.outro a{display:inline-block;margin-top:20px;font-size:13px}footer{max-width:1320px;margin:auto;padding:25px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.reader{max-width:850px;margin:auto;padding:35px 20px 60px}.reader h1{text-align:center;font-size:30px;margin:20px 0 30px}.reader>p.label{text-align:center}.full-comic{display:block;width:100%;height:auto;background:white;box-shadow:0 8px 35px #50372a12;border-radius:5px}.reader-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0;font-size:13px}.reader-back{display:block;text-align:center;font-size:13px;margin-top:25px}@media(max-width:760px){header{padding:20px 6%;gap:12px;flex-wrap:wrap}.parent{font-size:10px}.wordmark{font-size:18px}nav{gap:13px;font-size:11px}main{padding:0 6%}.hero{grid-template-columns:1fr;padding-top:30px;gap:25px}.hero-copy{text-align:center}.hero h1{font-size:49px}.hero-art{max-width:500px;width:100%;margin:auto}.hero-foot{margin-top:10px;font-size:10px;letter-spacing:0}.section{padding:40px 0}.section-head{display:block}.section-head>p{margin-top:15px}.comic-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.card-text{gap:8px}.card-text h3{font-size:13px}.card-text b{font-size:15px}.alice-intro{grid-template-columns:1fr;gap:12px;text-align:center}.alice-picture{width:230px;margin:auto}.names{font-size:10px;gap:10px 3px}.friend-note{gap:15px;padding:20px}.friend-note p{font-size:12px}.outro{padding:40px 0 55px}.outro h2{font-size:23px}footer{flex-wrap:wrap;font-size:10px}.reader{padding:25px 12px 45px}.reader-nav{font-size:12px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}

/* English title and wonder friends */
.english-title{font-family:Georgia,serif;font-size:clamp(28px,4vw,43px);letter-spacing:.13em;font-weight:400;margin:-9px 0 22px;color:var(--green)}
.wonder-friends figure{max-width:960px;margin:24px auto 0}
.wonder-friends figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.wonder-friends figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:15px}
header nav{flex-wrap:wrap}
@media(max-width:760px){header nav{width:100%;justify-content:center;gap:22px}.english-title{margin-top:-4px;margin-bottom:17px}}


.comic-pagination{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:8px 0 12px;font-size:13px}.comic-pagination a,.comic-pagination [aria-current]{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px}.comic-pagination a:hover,.comic-pagination a:focus-visible{background:#eeeee3}.comic-pagination [aria-current]{background:#526b43;color:#fff;border-color:#526b43}.comics-page-title{font-size:clamp(25px,4vw,38px);margin:0;letter-spacing:.02em}