/* A quiet, searchable bookshelf; illustrations retain their own original palettes. */
.comic-library,.comic-reader{--comic-ink:#203746;--comic-paper:#f6f2e9;--comic-accent:#9f493c;background:var(--comic-paper);color:var(--comic-ink);padding:48px 0 80px;font-family:"U98 Journal Sans","Microsoft YaHei",sans-serif}
.comic-library *, .comic-reader *{min-width:0}
.comic-library h1,.comic-reader h1,.comic-support h2{font-family:"U98 Journal Serif","Noto Serif SC",serif;font-weight:600;letter-spacing:-.035em;line-height:1.4}
.comic-library h1{font-size:clamp(30px,3.3vw,48px);margin:12px 0 18px}
.comic-library-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:clamp(32px,6vw,90px);align-items:center;padding:8px 0 36px}
.comic-library-heading p{line-height:1.85;max-width:38em}
.comic-library-heading aside{border-left:2px solid #b9b8a6;padding-left:24px;display:grid;gap:6px;align-content:start}
.comic-library-heading aside>span{font-size:13px;color:#56645f;margin-bottom:8px}
.comic-library-heading aside a{padding:10px 0;font-size:15px;line-height:1.6}
.comic-meta{font-size:12px!important;line-height:1.7;letter-spacing:.055em;color:#77594b;margin:0 0 8px!important}
.comic-topics{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #d5cebf;padding:22px 0}
.comic-topics a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #c8c4b9;font-size:14px;line-height:1.5}
.comic-topics a span{font-size:11px;opacity:.8}
.comic-topics a[aria-current]{background:var(--comic-ink);color:#fbf5e9;border-color:var(--comic-ink)}
.comic-library a:hover,.comic-reader a:hover{color:var(--comic-accent)}
.comic-topics a[aria-current]:hover{color:#fbf5e9}
.comic-search{display:grid;grid-template-columns:minmax(170px,1.5fr) auto minmax(170px,1fr) minmax(140px,.7fr);gap:12px;align-items:end;margin-bottom:20px}
.comic-search label,.comic-frame-controls label{display:grid;gap:6px;font-size:12px;line-height:1.5;color:#57615f}
.comic-search input,.comic-search select,.comic-frame-controls select{width:100%;min-height:46px;border:1px solid #b8b7ab;background:#faf7ef;padding:9px 12px;border-radius:0;color:#203746;font:inherit;font-size:15px}
.comic-search button{min-height:46px}
.comic-result-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:13px;border-bottom:1px solid #c9c2b5;padding-bottom:12px}
.comic-result-line p{margin:0;line-height:1.8}.comic-result-line a{padding:12px 0;flex-shrink:0}
.comic-book-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.comic-list-item{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;padding:28px 0;border-bottom:1px solid #d5cebf;align-items:start}
.comic-cover img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#e9e2d4}
.comic-list-item h2{font-family:"U98 Journal Serif",serif;font-weight:600;font-size:21px;line-height:1.55;margin:0 0 9px;overflow-wrap:anywhere}
.comic-list-item p:not(.comic-meta){font-size:14px;line-height:1.8;margin:0;color:#50616a}
.comic-item-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.comic-item-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#91483c}
.comic-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:28px;font-size:14px}.comic-pagination a,.comic-pagination>span{padding:14px 4px;min-height:44px}.comic-pagination [aria-disabled]{opacity:.45}
.comic-scope{border-top:1px solid #d5cebf;margin-top:42px;padding:20px 0;max-width:65em;font-size:13px;line-height:1.9}.comic-scope summary{cursor:pointer;padding:10px 0}.comic-empty{padding:55px 0;max-width:48em}.comic-empty h1,.comic-empty h2{font-size:28px}
.comic-reader>.container{max-width:1000px}
.comic-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-bottom:22px}
.comic-reader header{max-width:780px}.comic-reader h1{font-size:clamp(28px,3.3vw,44px);margin:10px 0 14px;overflow-wrap:anywhere}.comic-reader header>p:not(.comic-meta){font-size:17px;line-height:1.9;margin:0 0 10px}
.comic-small{font-size:12px;line-height:1.85;color:#5b6669}
.comic-reader-tabs{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #ccc4b6;margin:24px 0}.comic-reader-tabs a{min-height:48px;display:flex;align-items:center;font-size:14px;color:#91483c}
.comic-frame{max-width:680px;margin:0 auto 48px}.comic-frame figure{margin:0}.comic-frame img{display:block;width:100%;height:auto}.comic-frame figcaption{text-align:center;font-size:12px;padding:10px;color:#5b6669}
.comic-frame-controls{display:grid;grid-template-columns:1fr minmax(80px,130px) 1fr;gap:12px;align-items:end;margin:14px 0}.comic-frame-controls>a,.comic-frame-controls>span{min-height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #c8c4b9;font-size:14px;padding:8px}.comic-frame-controls [aria-disabled]{opacity:.45}.comic-frame-controls select{min-height:46px}
.comic-transcript{margin:20px 0;border-block:1px solid #d5cebf;padding:12px 0;font-size:15px;line-height:1.9}.comic-transcript summary{padding:10px 0;cursor:pointer}.comic-transcript p{font-size:12px;color:#687276}.comic-transcript div{white-space:pre-line;overflow-wrap:anywhere}
.comic-support{scroll-margin-top:100px;border-top:2px solid #203746;padding-top:32px;outline-offset:8px}.comic-support h2{font-size:clamp(25px,2.8vw,34px);margin:10px 0 14px}.comic-support>p{line-height:1.85}.comic-support-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:26px 0}.comic-support-links>a{border-top:1px solid #bfc2b7;padding:22px 0;display:block}.comic-support-links span{font-size:12px;color:#77594b}.comic-support-links h3{font-size:20px;line-height:1.6;font-weight:600;margin:10px 0}.comic-support-links p{font-size:14px;line-height:1.8;color:#50616a}.comic-support-links b{font-size:13px;line-height:1.8;display:block;margin-top:14px;color:#91483c}.comic-coverage{border-left:3px solid #b68a4f;padding:12px 18px;background:#eee7d8;font-size:14px}.comic-coverage b{display:block;font-weight:600;margin-bottom:5px}.comic-boundary{border-left:3px solid #9f493c;padding:12px 18px;background:#f0e3da;font-size:14px}
.comic-related{margin-top:32px}.comic-related h3{font-size:18px;font-weight:600}.comic-related a,.comic-content-related>a{display:block;padding:14px 0;border-bottom:1px solid #d5cebf;font-size:15px;line-height:1.7}.comic-related a>span:first-child,.comic-content-related>a>span{font-size:12px;margin-right:12px;color:#77594b}.comic-next-episode{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:44px;border-top:1px solid #b9b8a6;padding-top:20px}.comic-next-episode a{font-size:16px;line-height:1.8;padding:12px 0}.comic-next-episode small{display:block;font-size:12px;color:#687276}.comic-content-related{border-top:1px solid #b9b8a6;margin-top:40px;padding-top:24px}.comic-content-related h2{font-size:24px!important}
.comic-library :focus-visible,.comic-reader :focus-visible{outline:2px solid #9f493c;outline-offset:4px}
.comic-list-item h2{ text-wrap:balance }
.comic-starters{border-left:2px solid #b9b8a6;padding-left:24px;font-size:14px;line-height:1.7}.comic-starters summary{padding:12px 0;cursor:pointer}.comic-starters a{display:block;padding:12px 0}
.comic-search{grid-template-columns:minmax(0,1fr) auto}.comic-extra{grid-column:1/-1;font-size:13px}.comic-extra summary{padding:12px 0;min-height:44px;cursor:pointer}.comic-extra-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.5fr);gap:14px;margin:8px 0}.comic-frame{scroll-margin-top:90px}
@media(max-width:600px){.comic-starters{margin-top:12px;padding-left:14px}.comic-extra-fields{grid-template-columns:minmax(0,1fr)}.comic-extra-fields label{grid-column:1}.comic-search{margin-bottom:10px}}
@media(max-width:900px){.comic-library-heading{grid-template-columns:1.4fr 1fr;gap:28px}.comic-book-list{grid-template-columns:1fr}.comic-search{grid-template-columns:minmax(0,1fr) auto}.comic-search label:nth-of-type(2){grid-column:1}.comic-search label:nth-of-type(3){grid-column:2}.comic-list-item{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:600px){.comic-library,.comic-reader{padding-top:26px;padding-bottom:100px}.comic-library-heading{display:block;padding-bottom:20px}.comic-library-heading aside{margin-top:24px;padding-left:16px}.comic-library-heading aside a{font-size:14px}.comic-library h1{font-size:30px}.comic-topics{gap:6px;padding:18px 0}.comic-topics a{font-size:12px;padding:8px 10px}.comic-search{gap:10px}.comic-search input,.comic-search select{font-size:14px}.comic-search label:nth-of-type(3){max-width:112px}.comic-search button{padding-inline:16px}.comic-result-line{font-size:12px}.comic-list-item{grid-template-columns:74px minmax(0,1fr);gap:14px;padding:24px 0}.comic-list-item h2{font-size:19px}.comic-list-item p:not(.comic-meta){font-size:13px}.comic-item-links{gap:14px}.comic-reader h1{font-size:29px;line-height:1.45}.comic-reader header>p:not(.comic-meta){font-size:15px}.comic-reader-tabs{gap:16px}.comic-reader-tabs a{font-size:13px}.comic-frame-controls{gap:7px;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)}.comic-frame-controls>a,.comic-frame-controls>span{font-size:12px;padding:8px 3px}.comic-frame-controls label{font-size:11px}.comic-support-links{grid-template-columns:1fr;gap:0}.comic-support-links h3{font-size:19px}.comic-next-episode{gap:20px}.comic-next-episode a{font-size:14px}.comic-small{font-size:12px}}