/*
Theme Name: PBR Comic Child
Template: photobook-review-theme
Version: 0.1.1-rc1
Description: 共通作品ページを使うBLカタログ候補。
*/
:root{--comic-ink:#28212d;--comic-muted:#716777;--comic-accent:#775277;--comic-bg:#faf7fa;--comic-line:#e8dfe8}
body{margin:0;background:var(--comic-bg);color:var(--comic-ink);font-family:system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
.comic-shell{max-width:1120px;margin:auto;padding:24px}.comic-header{border-bottom:1px solid var(--comic-line);background:white}.comic-header .comic-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.comic-brand{font-size:22px;font-weight:750;letter-spacing:.04em}.comic-nav{display:flex;gap:20px;flex-wrap:wrap}.comic-intro{padding:24px 0 30px}.comic-intro h1{font-size:32px;margin:0 0 10px}.comic-intro p,.comic-muted{color:var(--comic-muted)}
.comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.comic-card{background:white;border:1px solid var(--comic-line);border-radius:12px;padding:22px;min-height:180px;display:flex;flex-direction:column;gap:12px}.comic-card h2{font-size:18px;margin:0;line-height:1.5}.comic-card time{margin-top:auto;font-size:13px;color:var(--comic-muted)}.comic-badge{align-self:flex-start;font-size:12px;padding:2px 9px;border-radius:20px;color:var(--comic-accent);background:#f1e8f1}.comic-work{max-width:800px;margin:auto}.comic-work h1{font-size:30px;line-height:1.5}.comic-meta{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:20px;background:white;border:1px solid var(--comic-line);border-radius:12px}.comic-meta dt{color:var(--comic-muted)}.comic-meta dd{margin:0}.comic-samples{margin-top:36px}.comic-samples img{display:block;max-width:100%;height:auto;margin:0 auto 16px}.comic-zero{padding:24px;border:1px dashed var(--comic-line);border-radius:10px;background:white}.comic-footer{margin-top:48px;border-top:1px solid var(--comic-line);font-size:13px;color:var(--comic-muted)}.comic-pagination{margin-top:24px}
@media(max-width:800px){.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-header .comic-shell{align-items:flex-start;flex-direction:column;gap:10px}.comic-nav{gap:15px}.comic-intro h1,.comic-work h1{font-size:25px}}
@media(max-width:480px){.comic-shell{padding:16px}.comic-grid{gap:12px}.comic-card{padding:15px;min-height:160px}.comic-card h2{font-size:16px}.comic-meta{grid-template-columns:90px 1fr;padding:15px}.comic-brand{font-size:20px}}