.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;align-items:start}
.work-heading{align-items:flex-start;gap:8px}
.work-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.work-meta{gap:4px 8px;flex-wrap:wrap;margin:5px 0 8px;line-height:1.5}
.work-image,.preview-card .preview-image,.preview-card.preview-long .preview-image{width:100%;height:210px;max-width:none}
.work-image img{width:100%;height:100%;object-fit:contain}
.preview-card .preview-open{font-size:11px;font-weight:600}
.preview-card.preview-long{grid-column:auto}
.preview-card .work-pages{align-items:center;margin:6px 0 8px}
.preview-card .work-pages a{border:1px solid #d8e1cf;border-radius:5px;padding:3px 7px}
@media(max-width:1100px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.work-image,.preview-card .preview-image,.preview-card.preview-long .preview-image{height:170px}.work-heading{display:block}.work-heading .source-link{display:inline-block;margin-top:3px}.work-title{font-size:12px}.work-meta{font-size:10px}.work-note{overflow-wrap:anywhere}}
.art-reader{margin:0;background:#f6f8f1;color:#26331e;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
.art-reader *{box-sizing:border-box}
.art-reader a{color:#496b37;text-decoration:none}
.art-reader a:hover{text-decoration:underline}
.reader-toolbar{position:sticky;top:0;z-index:10;background:#f6f8f1f5;border-bottom:1px solid #dbe3d3;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.reader-page-nav,.reader-sizing{display:flex;gap:7px;align-items:center}
.reader-page-nav a,.reader-sizing button{border:1px solid #cbd6c1;background:transparent;color:#496b37;border-radius:6px;padding:6px 10px;font:inherit;cursor:pointer}
.reader-sizing button[aria-pressed=true]{background:#4c6b3b;color:white;border-color:#4c6b3b}
.reader-main{max-width:1000px;margin:0 auto;padding:28px 24px 50px}
.reader-main h1{font-size:21px;line-height:1.6;margin:0 0 8px}
.reader-credit{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:12px;color:#697b5e}
.reader-quality{font-size:12px;color:#7a866f;margin:10px 0 20px}
.reader-page{scroll-margin-top:100px;margin:0 auto 36px}
.reader-page-meta{display:flex;justify-content:space-between;gap:15px;max-width:720px;margin:0 auto 10px;font-size:12px;color:#75856a}
.reader-page-meta nav{display:flex;gap:20px}
.reader-image-frame{overflow:auto;max-width:100%}
.reader-image{display:block;width:100%;max-width:720px;height:auto;margin:0 auto;background:white}
.art-reader[data-image-size=actual] .reader-image{width:var(--page-width);max-width:none}
@media(max-width:600px){.reader-toolbar{padding:10px 12px;gap:9px;font-size:12px}.reader-main{padding:20px 12px 40px}.reader-main h1{font-size:18px}.reader-page{scroll-margin-top:140px}.reader-sizing button,.reader-page-nav a{padding:5px 8px}.reader-credit{font-size:11px}}