/* Editorial artwork library: real text, native images and five collection markers. */
.library-categories{display:flex;flex-wrap:wrap;gap:14px 28px;margin:24px 0 12px;color:#c3beb0;font-size:12px;letter-spacing:.06em}
.library-categories>span{display:inline-flex;align-items:center;gap:9px}
.library-categories i{width:7px;height:7px;border-radius:50%;background:var(--category-color)}
.library-categories small{font-size:10px;opacity:.5;margin-left:3px}
#album-shelf .album-spine-title{font-style:normal;letter-spacing:.12em;text-orientation:upright;font-size:clamp(10px,1.4cqw,19px);line-height:1.2;max-height:72%;overflow:hidden}
#album-shelf .binding-monograph .album-spine-title{font-size:clamp(11px,1.6cqw,22px)}
#album-shelf .spine-category{position:absolute;top:5%;left:18%;right:18%;border-top:3px solid var(--category-color);padding-top:5px;font:500 clamp(4px,.54cqw,8px)/1.2 var(--sans,sans-serif);letter-spacing:.02em;z-index:4;text-align:center;opacity:.95}
.album-cover-face.curated-cover{padding:7%;gap:0;text-align:left}
.curated-cover>div{position:relative;z-index:2}
.curated-cover .curated-cover-meta{display:flex;align-items:center;justify-content:space-between;border-top:.45cqw solid var(--category-color);padding-top:1.1cqw;font-size:1cqw;letter-spacing:.04em;line-height:1.5}
.curated-cover .curated-cover-heading{padding:3cqw 0 2cqw;flex:none}
.curated-cover .curated-cover-heading h3{font-size:3.8cqw;line-height:1.25;margin:0 0 1.1cqw;letter-spacing:.025em;font-weight:500}
.curated-cover .curated-cover-heading p{font-size:1.1cqw;letter-spacing:.14em;line-height:1.5;margin:0;max-width:100%;overflow-wrap:anywhere}
.curated-cover .curated-cover-art{flex:1;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--book-color) 90%,#fff);box-shadow:0 0 0 1px #0000000a}
.curated-cover .curated-cover-art img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.curated-cover .curated-cover-footer{display:flex;justify-content:space-between;gap:1cqw;padding-top:1.5cqw;font-size:.85cqw;line-height:1.5;letter-spacing:.04em}
.curated-cover.cover-style-folio .curated-cover-art{margin:1cqw 3cqw 2cqw;transform:rotate(-3deg);box-shadow:.5cqw .8cqw 1.4cqw #0003}
.curated-cover.cover-style-folio .curated-cover-art img{object-fit:contain}
.curated-cover.cover-style-folio .curated-cover-heading h3{font-family:var(--serif);font-size:4.1cqw;font-weight:400}
.curated-cover.cover-style-inset .curated-cover-art{margin:0 2cqw 1.4cqw;border:.7cqw solid color-mix(in srgb,var(--book-color) 65%,#fff)}
.curated-cover.cover-style-inset .curated-cover-art img{object-fit:contain}
.curated-cover.cover-style-inset .curated-cover-heading{border-bottom:1px solid currentColor;margin-bottom:2cqw}
.curated-cover.cover-style-comic .curated-cover-heading h3{font-size:4.7cqw;font-weight:700;letter-spacing:-.035em}
.curated-cover.cover-style-comic .curated-cover-art{background:transparent;box-shadow:none}
.curated-cover.cover-style-comic .curated-cover-art img{object-fit:contain}
#album-reader .album-page .album-page-name{font-size:clamp(13px,3.6cqw,42px);line-height:1.06;overflow-wrap:anywhere}
#album-reader .album-page h3{font-size:clamp(16px,3.3cqw,40px);letter-spacing:.02em}
@media(max-width:700px){.library-categories{gap:10px 16px;font-size:10px;margin-top:18px}.library-categories small{font-size:8px}#album-shelf .album-spine-title{font-size:9px;letter-spacing:.05em}#album-shelf .binding-monograph .album-spine-title{font-size:10px}#album-shelf .spine-category{border-top-width:2px;padding-top:3px}}

.curated-cover.cover-style-comic-original .curated-cover-art{background:#fff;box-shadow:.3cqw .4cqw .8cqw #0002}
.curated-cover.cover-style-comic-original .curated-cover-art img{object-fit:contain}
.curated-cover.cover-style-comic-original .curated-cover-heading{padding:2cqw 0 1.5cqw}
.curated-cover.cover-style-comic-original .curated-cover-heading h3{font-size:3.4cqw}
.comic-source-page dl{font-size:clamp(9px,1.25cqw,15px);line-height:1.5;margin:0 0 auto}
.comic-source-page dt{opacity:.55;font-size:.85em;margin-top:1.3cqw}
.comic-source-page dd{margin:0;overflow-wrap:anywhere}
.comic-source-links{display:flex;flex-wrap:wrap;gap:1.5cqw;margin:2cqw 0}
.comic-source-links a{font-size:clamp(9px,1.2cqw,14px);color:#263f53;text-decoration:underline;text-underline-offset:4px}
.comic-source-links a:hover{color:#bd3e31}
.comic-source-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Integrated spine printing: one stock surface, with ink and binding detail. */
#album-shelf .album-spine-title{
 position:absolute;bottom:8%;max-height:66%;margin:0;padding:0;
 background:none;box-shadow:none;border:0;color:var(--book-ink);
 -webkit-text-fill-color:currentColor;letter-spacing:.14em;line-height:1.15;
 font-size:clamp(10px,1.38cqw,19px);font-weight:500;
 text-shadow:0 1px 0 #ffffff18;
}
#album-shelf .binding-label .album-spine-title,
#album-shelf .binding-monograph .album-spine-title{
 font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;
 font-weight:400;letter-spacing:.19em;font-size:clamp(11px,1.5cqw,21px);
}
#album-shelf .binding-poster .album-spine-title{font-weight:700;letter-spacing:.09em}
#album-shelf .binding-technical .album-spine-title{letter-spacing:.15em;font-weight:500}
#album-shelf .album-spine-number{
 position:absolute;bottom:2.5%;margin:0;padding:0;border:0;
 color:var(--book-ink);opacity:.62;font-size:clamp(6px,.6cqw,9px);
}
#album-shelf .spine-category{
 top:5.5%;left:23%;right:23%;border-top-width:1px;
 border-color:color-mix(in srgb,var(--book-ink) 45%,transparent);
 color:var(--book-ink);opacity:.66;padding-top:7px;letter-spacing:.08em;
}
#album-shelf .book-grain{z-index:4;opacity:.16}
#album-shelf .material-kraft{
 --grain-opacity:.26;
 --surface-body:repeating-linear-gradient(4deg,#3f290b06 0 1px,transparent 1px 7px),linear-gradient(90deg,#0002,transparent 22%,#ffffff08 75%,#0001);
}
#album-shelf .material-kraft .album-spine-title{text-shadow:0 1px 0 #fff3,0 -.5px .5px #35210b45}
#album-shelf .material-kraft .book-grain{opacity:.24}
#album-shelf .material-linen{
 --surface-body:repeating-linear-gradient(0deg,#00000009 0 1px,#ffffff0c 1px 2px,transparent 2px 3px),repeating-linear-gradient(90deg,#0000000c 0 1px,transparent 1px 3px);
}
#album-shelf .material-leather .book-grain{opacity:.28}
#album-shelf .material-leather .book-binding{
 inset:3px;border:1px solid #eac89a20;
 box-shadow:inset 2px 0 3px #0003,inset -1px 0 1px #ffffff12;
}
#album-shelf .material-leather .album-spine-title{
 color:var(--book-ink);text-shadow:0 1px .5px #ffffff25,0 -1px 1px #0006;
}
#album-shelf .material-frosted .album-spine-art{
 inset:14% 15% 57%;opacity:.12;filter:blur(.5px);
 background:repeating-linear-gradient(162deg,transparent 0 15px,var(--book-accent) 16px 18px);
}
#album-shelf .album-spine-art{opacity:.46}
#album-shelf .motif-band .album-spine-art,
#album-shelf .motif-blocks .album-spine-art{
 top:15%;left:22%;right:22%;height:8%;clip-path:none;
 background:linear-gradient(var(--book-accent),var(--book-accent)) top / 100% 2px no-repeat,
 linear-gradient(var(--book-accent),var(--book-accent)) bottom / 100% 1px no-repeat;
}
#album-shelf .motif-slash .album-spine-art{
 top:14%;left:20%;right:20%;height:10%;
 background:linear-gradient(150deg,transparent 47%,var(--book-accent) 48% 52%,transparent 53%);
}
#album-shelf .motif-frame .album-spine-art{left:28%;right:28%;top:14%;height:8%;border-color:currentColor;opacity:.3}
#album-shelf .binding-label .album-spine-art{display:block}
#album-shelf .binding-band .album-spine-art{
 display:block;top:14%;left:22%;right:22%;height:4px;
 background:var(--book-accent);border:0;clip-path:none;opacity:.7;
}
/* The front covers use the same printed, unmounted treatment. */
.curated-cover .curated-cover-heading h3{color:var(--book-ink);text-shadow:0 1px 0 #ffffff12}
.curated-cover .curated-cover-meta{border-top-width:1px;border-top-color:currentColor}
.curated-cover.cover-style-folio .curated-cover-art{transform:none;box-shadow:none;margin:1cqw 2cqw 2cqw}
.curated-cover.cover-style-inset .curated-cover-art{border:0;box-shadow:none}
@media(max-width:700px){
 #album-shelf .album-spine-title{font-size:9px;letter-spacing:.06em;bottom:8%;padding:0}
 #album-shelf .binding-label .album-spine-title,
 #album-shelf .binding-monograph .album-spine-title{font-size:10px;letter-spacing:.08em}
 #album-shelf .spine-category{padding-top:4px;border-top-width:1px}
}
