/* Reading and collections share the mint UI while retaining the API-backed controls. */
.summary-only{flex:1}.summary-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;min-width:0}.summary-count h2{font-size:28px;margin:0}.summary-count p{font-size:20px;color:var(--muted)}
.summary-heading{display:flex;gap:16px;align-items:center;flex:none}
.collection-screen .body.summary-body{display:flex;flex-direction:column;overflow:hidden;gap:20px}.collection-screen .body.summary-body>.scroll{overflow-y:auto}
@media(max-width:460px){.summary-heading{gap:8px}.summary-count{gap:0 10px}.summary-count h2{font-size:25px}.summary-count p{font-size:18px}}
:is(.reading-screen,.collection-screen,.book-screen) .body{padding:24px;gap:24px;overflow:hidden;min-width:0}
:is(.reading-screen,.collection-screen,.book-screen) .body>.scroll{min-width:0}
:is(.reading-screen,.collection-screen,.book-screen) .aside{width:310px;background:transparent;border:0;min-width:0}
:is(.reading-screen,.collection-screen,.book-screen) .sbtn,:is(.reading-screen,.collection-screen,.book-screen) .pbtn{border-radius:28px;min-height:56px;height:auto;padding:12px 22px;white-space:normal;line-height:1.4}
:is(.reading-screen,.collection-screen,.book-screen) .gen{padding:28px;overflow:auto}
.reading-screen .article-column{flex:1;min-width:0}
.reading-screen .art{max-width:1040px;margin:0 auto;padding:34px clamp(24px,4vw,64px);background:var(--surface,#fff);border-radius:26px}
.reading-screen .art .meta{text-align:center;font-size:18px;margin-bottom:16px}
.reading-screen .art .tx p{font-family:var(--sans);font-size:26px;line-height:1.9}
.reading-screen .tip{background:#f3faf9;border-color:#d9eeea;border-radius:16px}
.reading-screen .article-edit-hint .tip{margin:24px 0 0}
.reading-screen .tx:focus{outline:2px solid #009ff0;outline-offset:6px;border-radius:8px}
.reading-screen .savebar{padding:14px 20px;margin-top:12px;border-radius:18px;flex-wrap:wrap}
.reading-screen .savebar span{min-width:100px}
.collection-screen .mb-side{padding:0;gap:20px}
.collection-screen .status{border:0;background:white;border-radius:24px;padding:24px}
.collection-screen .status .big{font-family:var(--sans);font-size:29px}
.collection-screen .status .sub{margin:12px 0;font-size:20px}
.collection-screen .status .pbtn{margin:12px 0}
.collection-screen .status>.tbtn{font-size:20px}
.collection-screen .vtabs button{min-height:64px;height:auto;border-radius:18px;padding:16px;border:1px solid #d5eae5;gap:12px}
.collection-screen .vtabs button.on{background:#e3f3ff;color:#007ccc;border-color:#a5d9fa}
.collection-screen .vtabs button.on small{color:#336884}
.collection-screen .list{padding:0 0 24px;display:grid;gap:18px}
.collection-screen .list.summary-list{padding-top:10px;padding-right:8px}
.collection-screen .summary-list-entry{position:relative;background:white;border-radius:24px;border:1px solid transparent;overflow:visible}
.collection-screen .summary-list-entry:hover{border-color:#99d7f6}
.collection-screen .item{display:block;padding:0;border:1px solid transparent;border-radius:24px;background:white}
.collection-screen .summary-open{position:relative;display:flex;width:100%;text-align:left;gap:16px;padding:24px 26px;min-height:132px;align-items:center;border-radius:24px;background:white}
.collection-screen .summary-open>.unopened-dot{position:absolute;top:6px;right:6px;margin:0;transform:translate(50%,-50%)}
.collection-screen .item .x{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}
.collection-screen .item .n{font-family:var(--sans);font-size:26px;overflow-wrap:anywhere}
.collection-screen .summary-time{color:var(--muted);font-size:18px;white-space:nowrap;align-self:start;padding-top:4px}
.collection-screen .summary-excerpt{grid-column:1/-1;font-size:21px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
.collection-screen .inventory-notes{padding:20px 24px;background:white;border-radius:22px;margin-bottom:20px}
.collection-screen .inventory-notes p+p{margin-top:12px}
.collection-screen .chaps{padding:0 0 24px;grid-template-columns:1fr;gap:20px}
.collection-screen .chap{border-radius:22px;border-color:#d9eeea;animation:none}
.collection-screen .chap header{background:#e6f7f2;flex-wrap:wrap}
.collection-screen .chap header b{font-family:var(--sans);font-size:26px;min-width:120px}
.collection-screen .scene{min-height:68px;background:white}
.collection-screen .scene:hover{background:#edfaff}
.collection-screen .blank{background:white;border-radius:24px;padding:70px 28px}
.book-screen .aside{width:320px;border-radius:24px;background:white;overflow:hidden}
.book-screen .pv-side{padding:24px 24px 4px}
.book-screen .pv-side .bt{font-family:var(--sans);font-size:28px}
.book-screen .toc{padding:0 24px}
.book-screen .toc a{font-size:21px;gap:10px;flex-wrap:wrap}
.book-screen .toc a small{width:auto;font-size:18px}
.book-screen .toc a span{flex-basis:150px}
.book-screen .toc a.on{background:#e6f6ff;box-shadow:none}
.book-screen .pv-acts{padding:18px;gap:12px;border-color:#dfefeb}
.book-screen #pvs{border-radius:26px;background:white;padding:28px}
.book-screen .cover{width:min(100%,580px);margin:0 auto 32px;border-radius:5px 18px 18px 5px;background:linear-gradient(90deg,#e0e1d9,#faf9f4 5%,#f8f7f1);border-color:#e5e5db;padding:48px 30px;box-shadow:4px 8px 18px #33445512}
.book-screen .cover h2{font-size:clamp(32px,3.5vw,48px);overflow-wrap:anywhere}
.book-screen .ch{padding:32px 16px 20px;max-width:900px;scroll-margin-top:24px}
.book-screen .ch h3{font-family:var(--sans);font-size:32px}
.book-screen .ch h4{font-family:var(--sans);font-size:27px}
.book-screen .ch p{font-family:var(--sans);font-size:25px;line-height:1.95;overflow-wrap:anywhere}
@media(max-width:1100px){
 .collection-screen .aside{width:270px}
 .collection-screen .item .x{grid-template-columns:1fr}
 .collection-screen .summary-time{grid-row:1;text-align:right}
 .book-screen .aside{width:280px}
 :is(.reading-screen,.collection-screen,.book-screen) .body{padding:18px;gap:18px}
}
@media(max-width:700px){
 :is(.reading-screen,.collection-screen,.book-screen) .body{padding:12px;gap:14px}
 .reading-screen .art{padding:26px 20px}
 .reading-screen .art .tx p{font-size:23px}
 .collection-screen .body,.book-screen .body{display:block;overflow-y:auto}
 .collection-screen .aside,.book-screen .aside{width:100%;margin-bottom:18px}
 .collection-screen .mb-side{overflow:visible;gap:14px}
 .collection-screen .status{padding:20px}
 .collection-screen .vtabs{flex-direction:row;gap:10px}
 .collection-screen .vtabs button{flex:1;flex-direction:column;align-items:flex-start;font-size:21px;gap:4px}
 .collection-screen .vtabs button small{font-size:17px}
 .collection-screen .body>.scroll,.book-screen .body>.scroll{overflow:visible}
 .collection-screen .summary-open{padding:20px 18px;gap:10px}
 .collection-screen .item .n{font-size:25px}
 .collection-screen .summary-time{font-size:16px}
 .collection-screen .summary-excerpt{font-size:21px}
 .book-screen .toc{max-height:240px;flex:auto}
 .book-screen .pv-acts{display:grid;grid-template-columns:1fr 1fr}
 .book-screen .pv-acts .pbtn{grid-column:1/-1}
 .book-screen .pv-acts button{font-size:20px;padding:12px}
 .book-screen #pvs{padding:20px 16px}
 .book-screen .ch{padding:24px 0}
 .book-screen .ch p{font-size:23px}
}