.czdb-comic{display:block;padding:12px 0;border-bottom:1px solid #ccc;overflow:hidden;clear:both}
.czdb-comic-image{float:left;width:158px;margin:0 18px 10px 0}.czdb-comic-image img{display:block;width:100%;height:auto}
.czdb-comic-content{display:block;min-width:0}.czdb-comic-anchor{display:block;height:0;position:relative;top:0}
.czdb-comic-row{display:block;line-height:1.35;margin:0 0 3px}
.czdb-comic-heading{font-size:calc(1em + 1pt);font-weight:700;text-align:left}.czdb-comic-search-link{color:inherit;text-decoration:none}.czdb-comic-search-link:hover{text-decoration:underline}
.czdb-comic-top-meta{float:right;font-size:.92em;text-align:right;white-space:nowrap}
.czdb-comic-story{min-width:0}.czdb-comic-protagonist{float:right;text-align:right;white-space:normal}
.czdb-comic-detail{line-height:1.35;margin:2px 0}
.czdb-comic-summary{line-height:1.5;text-align:justify;margin-top:8px}
.czdb-comic-notes{clear:both;color:inherit;margin-top:3px;line-height:1.4}.czdb-comic-notes p{margin:0 0 2px}.czdb-comic-notes a{color:inherit}
.czdb-comic-spanish-editions{clear:both;margin-top:5px;line-height:1.35}.czdb-comic-spanish-edition{margin-left:8px}
.czdb-timeline-item{padding:12px 0;border-bottom:1px solid #ddd}.czdb-timeline-item p{margin:0 0 8px}.czdb-timeline-event{line-height:1.65}.czdb-timeline-editorial{font-size:.95em}.czdb-table-wrap{overflow-x:auto}
.czdb-table{width:100%;border-collapse:collapse}.czdb-table th,.czdb-table td{padding:8px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}
.czdb-empty{padding:12px 0}
@media(max-width:700px){.czdb-comic-image{width:105px;margin-right:12px}.czdb-comic-row{display:block}.czdb-comic-top-meta{display:block;float:none;text-align:left;white-space:normal;margin-top:2px}.czdb-comic-protagonist{display:block;float:none;clear:both;text-align:left;white-space:normal;margin-top:2px}.czdb-comic-detail{clear:both;display:block;overflow-wrap:anywhere}.czdb-comic-summary{text-align:left}}

.czdb-search-form{display:flex;gap:8px;align-items:center;margin:0 0 16px}
.czdb-search-form input[type=search]{flex:1;min-width:0;padding:8px;border:1px solid #bbb}
.czdb-search-form button{padding:8px 14px;cursor:pointer}
.czdb-search-results th,.czdb-search-results td{padding:6px 8px}
@media(max-width:520px){.czdb-search-form{flex-wrap:wrap}.czdb-search-form input[type=search]{flex-basis:100%}}

.czdb-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.czdb-search-grid label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.czdb-search-grid input,.czdb-search-grid select{box-sizing:border-box;width:100%;min-width:0;padding:7px;border:1px solid #bbb;font-weight:400;background:#fff}
.czdb-search-fields>button{padding:8px 14px;cursor:pointer}
.czdb-search-fields>a{margin-left:10px}
@media(max-width:700px){.czdb-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.czdb-search-grid{grid-template-columns:1fr}}

.czdb-search-count{margin:12px 0;font-size:.95em}
.czdb-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px 0;flex-wrap:wrap}
.czdb-page-link{display:inline-block;padding:6px 12px;border:1px solid #bbb;border-radius:3px;text-decoration:none}
.czdb-page-link:hover{background:#f3f3f3}
.czdb-page-status{font-size:.95em}