.mz-footer{padding:38px 24px;background:#f7f2e6;text-align:center;border-top:1px solid #dce4d2}.mz-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;font-size:14px}.mz-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}.mz-post-card{display:flex;flex-direction:column;gap:12px;color:#252d29;background:#fff;border:2px solid #d5dfc8;border-radius:16px;padding:16px;text-decoration:none}.mz-post-card img{width:100%;height:220px;object-fit:contain;border-radius:8px}.mz-post-card span{font-weight:700;font-size:17px}.mz-post-card:hover{border-color:#28723b}.mz-archive-nav{display:flex;flex-wrap:wrap;gap:12px}.mz-archive-nav .button{font-size:15px;padding:8px 14px}.mz-pagination{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:36px 0}.mz-pagination .page-numbers{padding:5px 13px;border:1px solid #b9c6aa;border-radius:8px}.mz-pagination .current{background:#26723d;color:#fff}.mz-news{list-style:none;padding:0}.mz-news li{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid #dce4d2}.mz-news time{white-space:nowrap;color:#697163}.mz-search{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.mz-search input{border:1px solid #657357;border-radius:6px;padding:10px;max-width:100%}.mz-search button{padding:8px 20px;border-radius:6px;background:#28723b;color:#fff}.modal-pages img{display:block;max-width:100%;height:auto;margin:0 auto 18px}.modal-pages{max-width:760px;margin:auto}.comic-original-link{display:block;text-align:center;margin:20px auto}.comic-card{background:transparent}.sample-card img{object-fit:contain}.about-comic-card{flex:0 0 100%;display:flex;align-items:center;justify-content:center}.about-comic-card img{width:100%;height:auto;max-height:650px;object-fit:contain}.mz-renewal .button:focus-visible,.mz-renewal a:focus-visible,.mz-renewal button:focus-visible{outline:3px solid #147daa;outline-offset:4px}.mz-archive h1{font-size:36px;line-height:1.5}.mz-renewal .modal-comic{max-width:100%}
@media(max-width:767px){.mz-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mz-post-card{padding:10px}.mz-post-card img{height:160px}.mz-post-card span{font-size:15px}.mz-news li{display:block}.mz-news time{display:block}.mz-archive h1{font-size:28px}}@media(max-width:420px){.mz-post-grid{grid-template-columns:1fr}.mz-post-card img{height:auto;max-height:290px}}
.mz-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sample-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.sample-controls button{cursor:pointer;background:#fff8df;border:2px solid #657c4d;border-radius:8px;padding:10px 20px;color:#285933}.sample-card span{display:block;font-family:Title,sans-serif;font-size:18px;line-height:1.5;margin-top:12px}
.mz-archive-nav .button{background:#286b3b;color:#fff}

.about-feature{min-width:0;max-width:100%}.sample-carousel{min-width:0;max-width:100%}
/* Dark green actions retain a readable foreground across the existing theme. */
.mz-renewal a.button,.mz-renewal a.button:visited,.mz-renewal a.button:hover,.mz-renewal a.button:focus{color:#fff!important}
.mz-topic-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0 30px}.mz-topic-group{padding:20px;border:2px solid #d4dfc8;border-radius:18px;background:#fffdf6;min-width:0}.mz-topic-group h3{font-family:Title,sans-serif;color:#286b3c;font-size:23px;border-bottom:2px solid #d4dfc8;padding:0 0 12px;margin:0 0 14px}.mz-topic-group .topic-labels{display:flex;flex-wrap:wrap;gap:10px;margin:0}.mz-topic-group .topic-labels a{max-width:100%;padding:8px 14px;font-size:16px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;background:#f0f5eb;border:1px solid #cad6bd;border-radius:12px;color:#244b30}
.mz-interview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.mz-interview-cards .mz-post-card img{height:auto;aspect-ratio:4/5}.mz-interview-cards small,.mz-post-card small{color:#286b3c;font-size:15px}.mz-interview-page{padding-top:24px;padding-bottom:70px;overflow-wrap:anywhere}.mz-interview-page h1{font-family:Title,sans-serif;font-size:clamp(27px,4vw,42px);line-height:1.5;margin:30px 0;color:#246b3a}.mz-breadcrumb{font-size:14px}.mz-interview-toc{display:grid;gap:14px;border:2px solid #d4dfc8;background:#fffdf6;border-radius:18px;padding:24px;margin:30px 0 50px}.mz-interview-toc a{color:#286b3c;text-decoration:underline;text-underline-offset:5px}.mz-reader{max-width:780px;margin:60px auto;scroll-margin-top:100px}.mz-reader h2{font-size:clamp(23px,3vw,31px);line-height:1.6;font-family:Title,sans-serif;margin:8px 0 26px}.mz-round-label{color:#286b3c;font-weight:700}.mz-reader-track{display:flex;width:100%;max-width:600px;margin:auto;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border:2px solid #d4dfc8;border-radius:14px;background:white}.mz-reader-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.mz-reader-slide img,.mz-reader-slide video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:4/5}.mz-reader-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px}.mz-reader-controls button{border:0;border-radius:12px;background:#286b3c;color:white;padding:12px 20px;font-size:16px;cursor:pointer}.mz-reader-controls button:disabled{background:#edf1e8;color:#65715d;cursor:default}.mz-reader-count{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:767px){.mz-topic-groups{grid-template-columns:1fr}.mz-interview-cards{grid-template-columns:1fr;gap:20px}.mz-interview-cards .mz-post-card{display:grid;grid-template-columns:minmax(110px,40%) 1fr;align-items:center;column-gap:18px;padding:14px}.mz-interview-cards .mz-post-card img{grid-row:1/3;max-height:260px}.mz-interview-cards .mz-post-card span{align-self:end}.mz-interview-cards .mz-post-card small{align-self:start}.mz-topic-group h3{font-size:21px}.mz-interview-toc{padding:18px}.mz-reader{margin:44px auto;scroll-margin-top:84px}.mz-reader-controls{gap:14px}.mz-reader-controls button{padding:12px 16px}}
.mz-interview-cards .mz-post-card span{line-height:1.6}.mz-interview-cards .mz-post-card small{line-height:1.7}.business-band .band-part{display:inline-block}.mz-renewal .mz-post-card{min-width:0}.mz-renewal h1,.mz-renewal h2,.mz-renewal h3{overflow-wrap:break-word}
@media(max-width:600px){.mz-renewal #interview h2 .orange{display:block}.mz-renewal #interview h2{font-size:30px;line-height:1.45}.mz-renewal .business-band{line-height:1.6;padding:12px 16px;font-size:13px}.business-band .band-part{display:block}.business-band .band-sep{display:none}.mz-interview-cards .mz-post-card{grid-template-columns:minmax(100px,36%) 1fr;column-gap:14px}.mz-interview-cards .mz-post-card span{font-size:15px}.mz-interview-cards .mz-post-card small{font-size:13px}.mz-interview-cards .mz-post-card img{align-self:center}}
.mz-interview-cards .mz-partner-name{display:inline-block;line-height:1.6}
@media(max-width:600px){.mz-renewal #interview h2 .orange{white-space:nowrap}.mz-interview-cards .mz-partner-name{font-size:15px}}

/* Picture-diary text accompanies each page in the comic reader. */
.modal-comic-page{margin:0 auto 2.5rem;max-width:100%;}
.modal-page-caption{white-space:pre-line;text-align:left;color:#242d28;font:400 clamp(16px,2.4vw,19px)/1.95 sans-serif;max-width:680px;margin:1rem auto 0;padding:0 8px;overflow-wrap:anywhere;}

/* Interview covers: preserve notebook rules on a white page. */
body.mz-view-interviews{background-color:#fff}.mz-view-interviews .mz-interview-toc{background-color:#fff}.mz-interview-mascot{display:block;width:160px;height:160px;object-fit:contain;margin:12px auto 30px}.mz-interview-mascot-flip{transform:scaleX(-1)}
@media(max-width:600px){.mz-interview-mascot{width:120px;height:120px;margin:8px auto 24px}}

/* Character interaction: one small hop on hover, tap, or keyboard activation. */
.mz-interview-mascot-button{display:block;width:160px;height:160px;margin:12px auto 30px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mz-interview-mascot-button .mz-interview-mascot{margin:0;pointer-events:none;transform-origin:50% 85%;--mz-mascot-direction:1}.mz-interview-mascot-button .mz-interview-mascot-flip{--mz-mascot-direction:-1}
.mz-interview-mascot-button:focus-visible{outline:2px solid #28763d;outline-offset:8px}.mz-interview-mascot-button.is-playing .mz-interview-mascot{animation:mz-mascot-hello .85s ease-in-out both}
@keyframes mz-mascot-hello{0%,100%{transform:scaleX(var(--mz-mascot-direction)) translateY(0) rotate(0)}20%{transform:scaleX(var(--mz-mascot-direction)) translateY(-12px) rotate(-6deg)}40%{transform:scaleX(var(--mz-mascot-direction)) translateY(0) rotate(5deg)}62%{transform:scaleX(var(--mz-mascot-direction)) translateY(-6px) rotate(-3deg)}80%{transform:scaleX(var(--mz-mascot-direction)) translateY(0) rotate(2deg)}}
@media(max-width:600px){.mz-interview-mascot-button{width:120px;height:120px;margin:8px auto 24px}}
@media(prefers-reduced-motion:reduce){.mz-interview-mascot-button.is-playing .mz-interview-mascot{animation:none}}