.character-reader{margin:0;background:#fff9e9;color:#171717;font-family:var(--font-dialogue);line-height:1.95}.character-reader *{box-sizing:border-box}.reader-nav{display:flex;gap:12px 22px;flex-wrap:wrap;padding:16px max(16px,5vw);background:#ffe76c;border-block:3px solid #171717}.reader-nav a{color:#171717;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.character-main{max-width:980px;margin:30px auto;padding:0 20px}.character-main h1{font-size:clamp(25px,4.6vw,42px);line-height:1.6;letter-spacing:0}.character-main h2{font-size:clamp(22px,4vw,30px);line-height:1.6;border-bottom:5px solid #ffe343;padding-bottom:10px}.character-main h3{font-size:22px;line-height:1.6}.character-main p,.character-main li{font-size:17px}.character-main a,.reading-body a{color:#064c9d}.character-main img{max-width:100%;height:auto}.character-main .art-body{background:white;border:3px solid #171717;border-radius:18px;padding:24px;box-shadow:6px 7px #171717}.character-main section{margin-bottom:25px}.character-main .container{max-width:100%;padding:0}.character-main figure{margin:22px 0}.character-main .art-meta{font-size:12px;color:#525252}.character-main table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.character-main td,.character-main th{border:1px solid #aaa;padding:10px;min-width:100px}.character-main th{background:#fff0ab}.character-main .art-box,.character-main .art-memo,.character-main aside{padding:18px;background:#eaf5ff;border-radius:12px;margin:20px 0}.character-main pre{white-space:pre-wrap}.character-main .art-kicker,.chapter-level{font-size:12px;color:#0758ea}.reader-welcome,.character-explains{display:flex;align-items:flex-start;gap:16px;margin:20px 0}.reader-welcome img,.character-explains>img{width:70px!important;height:110px!important;object-fit:contain;flex:none}.reader-welcome p,.character-explains>div{margin:0;background:#fff;border:2px solid #171717;border-radius:3px 18px 18px;padding:16px;flex:1;min-width:0;box-shadow:3px 4px #ffe344}.character-explains p{margin:6px 0!important}.speaker-name{color:#0758ea;font-size:14px}.comic-basics-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.comic-basic-card,.reading-card{display:block;text-decoration:none!important;background:#fff0a1;border:2px solid #171717;border-radius:12px;padding:18px;box-shadow:3px 4px #171717;color:#171717!important}.comic-basic-card:nth-child(3n+2){background:#d7f2ff}.comic-basic-card:nth-child(3n){background:#ffe0ee}.comic-basic-card h3{font-size:21px!important;margin:8px 0!important}.comic-basic-card p{font-size:14px!important}.comic-read{display:block;font-size:13px;margin-top:12px}.reading-body .comic-basic-card .character-explains{display:block}.reading-body .comic-basic-card .character-explains>img{display:none}.reading-body .comic-basic-card .character-explains>div{padding:0;background:none;border:0;box-shadow:none}.reading-body .comic-basic-card .speaker-name{display:none}.reading-body{overflow-wrap:break-word}.character-reader a:focus-visible{outline:4px solid #0758ea;outline-offset:4px}
@media(max-width:600px){.comic-basics-grid{grid-template-columns:1fr}.character-main{padding:0 12px;margin-top:20px}.character-main .art-body{padding:16px 12px}.character-main p,.character-main li{font-size:16px}.character-explains{gap:8px}.character-explains>img,.reader-welcome img{width:45px!important;height:80px!important}.character-explains>div{padding:12px}.reader-nav{font-size:13px;gap:8px 14px}.character-main h1{font-size:26px}}