/* Hitoshi Diary manga shelf and vertical reading feed. Scoped to manga UI only. */
:is(#sec-encyclopedia, #sec-society, .book-category) .manga-book-card { --cover:#292821; --spine:#171714; --foil:#dec891; }
.manga-cover-image { display:block; align-self:center; width:64px; height:64px; margin-top:5px; border:1px solid #c0a86a99; border-radius:2px; background:#f8f7f2; object-fit:contain; }
.manga-card-detail { margin-top:auto; font-size:8px; line-height:1.4; color:#d0c6b0; }
.manga-reader-page { min-height:100vh; margin:0; background:#0b0b0d; color:#f1ede5; font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif; }
.manga-reader-header { position:sticky; top:0; z-index:50; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 max(16px,calc((100vw - 1000px)/2)); border-bottom:1px solid #343238; background:rgba(10,10,12,.96); backdrop-filter:blur(12px); }
.manga-reader-header a { color:#f1ede5; text-decoration:none; }
.manga-reader-brand { display:inline-flex; align-items:center; gap:9px; font-weight:800; }
.manga-reader-brand img { display:block; width:30px; height:30px; object-fit:contain; }
.manga-reader-return { color:#e8a040!important; font-size:14px; font-weight:700; }
.manga-reader-main { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:22px 0 44px; }
.manga-reader-toplink { display:inline-block; margin-bottom:18px; color:#e8a040; font-size:14px; font-weight:700; text-decoration:none; }
.manga-series-heading { display:flex; align-items:center; gap:18px; margin-bottom:22px; }
.manga-series-heading > img { display:block; flex:0 0 80px; width:80px; height:80px; border:1px solid #b99b5e; border-radius:6px; background:#f8f7f2; object-fit:contain; }
.manga-reader-main h1 { margin:0; font-family:"Hiragino Mincho ProN","Yu Mincho",serif; font-size:clamp(26px,4vw,36px); line-height:1.3; }
.manga-reader-intro { margin:6px 0 0; color:#b9b3aa; font-size:14px; line-height:1.7; }
.manga-feed { display:flex; flex-direction:column; gap:32px; }
.manga-episode { min-width:0; scroll-margin-top:76px; }
.manga-work-title { margin:0 0 12px; padding-bottom:9px; border-bottom:1px solid #403b32; color:#f4e7cb; font-family:"Hiragino Mincho ProN","Yu Mincho",serif; font-size:clamp(20px,3vw,26px); line-height:1.4; }
.manga-work-figure { width:min(100%,760px); margin:0 auto; padding:8px; border:1px solid #4b4439; border-radius:10px; background:#f8f7f2; box-shadow:0 12px 30px #0005; }
.manga-work-figure img { display:block; width:100%; max-width:100%; height:auto; max-height:none; margin:0 auto; object-fit:contain; }
.manga-reader-footer { display:flex; justify-content:center; margin-top:28px; }
.manga-reader-footer a { display:inline-block; border:1px solid #81704c; border-radius:8px; padding:10px 16px; color:#f4e7cb; background:#18181c; font-weight:700; text-decoration:none; }
.manga-reader-page a:focus-visible { outline:3px solid #e8a040; outline-offset:4px; }
@media(max-width:600px) { .manga-reader-header { min-height:54px; padding:0 14px; } .manga-reader-return { font-size:13px; } .manga-reader-main { width:calc(100% - 24px); padding:16px 0 30px; } .manga-series-heading { gap:12px; margin-bottom:16px; } .manga-series-heading > img { flex-basis:64px; width:64px; height:64px; } .manga-reader-intro { margin-top:4px; font-size:13px; } .manga-feed { gap:24px; } .manga-work-title { margin-bottom:9px; padding-bottom:7px; } .manga-work-figure { padding:5px; border-radius:7px; } }