/* V87: illustrated return navigation for both Play Toon collection routes. */
.reader-nav{position:sticky;top:0;z-index:60;background:#f5f1e8f5;border-bottom:2px solid #252b25;box-shadow:0 3px 0 #252b2510;backdrop-filter:blur(12px)}
.reader-nav-inner{max-width:1100px;margin:auto;min-height:82px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.reader-nav-links{display:flex;align-items:center;gap:12px}
.reader-nav .nav-icon{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:50px;min-height:52px;padding:7px 14px;border:2px solid #252b25;border-radius:15px;box-shadow:3px 3px 0 #252b25;background:#fffdf5;color:#252b25;text-decoration:none;font:700 14px/1.2 -apple-system,"Apple SD Gothic Neo",sans-serif;white-space:nowrap;transition:transform .16s,box-shadow .16s}
.reader-nav .nav-icon:visited{color:#252b25}
.reader-nav .nav-home>svg{width:26px;height:26px;flex:none}
.reader-nav .nav-world{background:#d8fa78;padding-left:8px}
.reader-nav .nav-avatar{width:34px;height:34px;flex:none;position:relative;overflow:hidden;border:1.5px solid #252b25;border-radius:50%;background:#fff5d9}
.reader-nav .nav-avatar img{display:block;width:28px;height:40px;object-fit:contain;margin:1px auto 0}
.reader-nav .nav-arrow{width:17px;height:17px;flex:none}
.reader-nav-wordmark{flex:none;color:#252b25;font:400 19px/.9 "Black Han Sans",Impact,sans-serif;letter-spacing:.015em;transform:rotate(-4deg);white-space:nowrap}
.reader-nav-wordmark small{display:block;margin-top:4px;font:700 8px/1.1 -apple-system,sans-serif;letter-spacing:.16em}
.reader-nav .nav-icon:focus-visible{outline:3px solid #7744c1;outline-offset:5px}
@media(hover:hover){.reader-nav .nav-icon:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 #252b25}}
.reader-nav .nav-icon:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #252b25}
@media(max-width:560px){.reader-nav-inner{min-height:72px;padding:11px 16px;gap:12px}.reader-nav-links{gap:10px}.reader-nav .nav-icon{min-height:48px;min-width:48px;padding:6px 11px;border-radius:13px;font-size:12px;gap:7px}.reader-nav .nav-home{padding:7px 9px}.reader-nav .nav-home .nav-label{display:none}.reader-nav .nav-world{padding-left:5px}.reader-nav .nav-avatar{width:30px;height:30px}.reader-nav .nav-avatar img{width:25px;height:36px}.reader-nav-wordmark{font-size:16px}.reader-nav-wordmark small{font-size:7px;letter-spacing:.08em}}
@media(max-width:350px){.reader-nav-inner{padding-inline:12px;gap:8px}.reader-nav-links{gap:8px}.reader-nav .nav-icon{padding-inline:8px}.reader-nav .nav-world .nav-arrow{display:none}.reader-nav-wordmark{font-size:12px}.reader-nav-wordmark small{display:none}}
@media(prefers-reduced-motion:reduce){.reader-nav .nav-icon{transition:none}}

@media(max-width:560px){main>header{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:center}main>header>img{width:46px}main>header>.lead{grid-column:1/-1;margin:4px 0 2px;padding:8px 12px;border-left:3px solid #b0c75d;font-size:13px;line-height:1.6}}

/* V89: deliberate title lines; the episode count has its own row. */
body{word-break:keep-all;overflow-wrap:break-word}
main>header{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px 18px;align-items:center}
main>header>img{width:64px;max-width:100%;height:auto}
main>header>h1{min-width:0;font-weight:400;letter-spacing:-.03em}
.title-line{display:block;white-space:nowrap}
main>header>#countlead{grid-column:1/-1;margin:6px 0 8px;padding:10px 14px;border-left:3px solid #a4ba55;font-size:15px;line-height:1.65}
@media(max-width:560px){main>header{grid-template-columns:46px minmax(0,1fr);gap:12px}main>header>img{width:46px}main>header>h1{font-size:clamp(30px,8vw,44px)}main>header>#countlead{font-size:13px;margin-top:4px}.lead{font-size:15px;line-height:1.7}.ep h2{word-break:keep-all}}
