:root{color-scheme:light;background:#faf4e8;color:#3e332b;font-family:Nunito,"PingFang SC",sans-serif;line-height:1.65}
*{box-sizing:border-box}body{margin:0}main{width:min(1080px,calc(100% - 32px));margin:30px auto 64px}a{color:#325b47;text-underline-offset:.18em}
header{position:relative;overflow:hidden;border-radius:24px;background:#efddc5}header img{width:100%;display:block}header div{position:absolute;inset:3% 8% auto;text-align:center}header h1{font-size:clamp(20px,5vw,54px);line-height:1.1;margin:.15em 0}header p{margin:.3em 0;font-size:clamp(11px,2vw,19px)}header span{font-weight:bold;letter-spacing:.15em}
nav{margin:22px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{padding:10px 18px;border-radius:9px;background:#365a47;color:white;text-decoration:none}
.catalog,.reading{display:grid;gap:22px}.catalog{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.reading{grid-template-columns:minmax(0,1fr) minmax(210px,28%);align-items:start}
section,aside{background:#fffdf7;border:1px solid #e8ddc9;border-radius:15px;padding:16px 22px;margin-bottom:16px}section h2,aside h2{margin-top:0;font-size:1.25em}li{margin:.3em 0}.comic{width:100%;height:auto;border-radius:14px;margin-bottom:18px}.term{background:#e0eddf;padding:0 .13em;border-radius:.16em;font-weight:700}details{color:#625446}summary{cursor:pointer}.entry{padding:.6em 0;border-bottom:1px solid #e8ddc9;scroll-margin-top:12px}.entry:target{background:#e0eddf}.entry p{margin:.3em 0}.entry strong{margin-right:.4em}
@media(max-width:660px){main{margin-top:14px}.reading{grid-template-columns:1fr}header div{inset:2% 4% auto}section,aside{padding:14px}}
button{font:inherit;cursor:pointer;border:1px solid #d7cbb8;border-radius:8px;padding:6px 13px;background:#fffdf7;color:#365a47}button[aria-pressed=true]{background:#365a47;color:#fff}button:disabled{opacity:.5;cursor:default}.scene p{font-size:1.13rem;line-height:1.95}.side-word{padding:12px;background:#e0eddf;border-radius:9px;margin-bottom:10px}.side-word p{margin:3px 0}.comic{display:block;aspect-ratio:3/1;object-fit:cover;object-position:center 54%;margin:0}.tabs{gap:8px}#find-word{font:inherit;width:min(100%,380px);padding:8px;border:1px solid #d7cbb8;border-radius:8px}dt{font-weight:bold}dd{margin:0 0 12px}
@media(max-width:660px){.comic{aspect-ratio:2/1}}

#chapter-search{font:inherit;width:min(100%,380px);padding:8px;border:1px solid #d7cbb8;border-radius:8px}

.comic{aspect-ratio:16/9;object-fit:contain}

.scene .comic{aspect-ratio:auto;margin:0 0 16px}