.wiki-body { padding: 16px 20px; font-family: Georgia, 'Times New Roman', serif; color: #111; }
.wiki-back { font: 400 13px var(--font-ui); color: #4aa8f0; margin-bottom: 6px; }
.wiki-tagline { font: italic 12px Georgia, serif; color: #666; margin-bottom: 2px; }
.wiki-h1 { font-family: Georgia, serif; font-weight: normal; font-size: 30px; margin: 0; border-bottom: 1px solid #a2a9b1; padding-bottom: 4px; }
.wiki-h1-cat { font-size: 28px; }
.wiki-tabs { font-size: 12px; color: #54595d; margin: 4px 0 12px; }
.wiki-cute { font-family: var(--font-cute); color: #4aa8f0; }
.wiki-cute-jill { color: #e06aa2; }
.wiki-h2 { font-family: Georgia, serif; font-weight: normal; font-size: 21px; border-bottom: 1px solid #a2a9b1; padding-bottom: 3px; margin: 0 0 8px; }
.wiki-h2-cat { font-size: 20px; }
.wiki-p { font-size: 15px; line-height: 1.6; margin: 0 0 12px; }
.wiki-p sup, .wiki-sup { font-size: 11px; }
.wiki-list { font-size: 15px; line-height: 1.6; margin: 0 0 14px; padding-left: 22px; }
.wiki-list li { margin-bottom: 4px; }
.wiki-note {
  line-height: 1.6; margin: 0 0 14px; padding: 8px 10px;
  border-left: 3px solid; font-family: var(--font-cute); font-size: 15px;
}
.note-yellow { background: #fff9c4; border-left-color: #e0a800; }
.note-blue { background: #e3f2ff; border-left-color: #4aa8f0; }
.note-pink { background: #ffe3f2; border-left-color: #f06aa6; }

.infobox { float: right; width: 250px; margin: 0 0 12px 16px; border: 1px solid #a2a9b1; background: #f8f9fa; font-size: 12px; }
.infobox-title { text-align: center; font-weight: bold; font-size: 13px; background: #cfe3ff; padding: 5px; font-family: Georgia, serif; }
.infobox-cover-wrap { padding: 8px; text-align: center; }
.infobox-frame { border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); display: inline-block; }
.ph-wiki { width: 200px; height: 200px; }
.infobox-caption { font-size: 11px; color: #54595d; margin-top: 4px; font-style: italic; }
.infobox table { width: 100%; border-collapse: collapse; font-size: 12px; }
.infobox th { text-align: left; vertical-align: top; background: #eaecf0; padding: 4px 6px; border-top: 1px solid #c8ccd1; width: 38%; font-weight: bold; }
.infobox td { padding: 4px 6px; border-top: 1px solid #c8ccd1; }

.contents-box { display: inline-block; border: 1px solid #a2a9b1; background: #f8f9fa; padding: 8px 14px; font-size: 13px; margin-bottom: 12px; }
.contents-head { font-weight: bold; text-align: center; margin-bottom: 4px; }
.contents-head span { font-weight: normal; font-size: 11px; }
.contents-box ol { margin: 0; padding-left: 22px; line-height: 1.6; }

.track-table { border-collapse: collapse; width: 100%; max-width: 440px; font-size: 13px; margin-bottom: 14px; }
.track-table th, .track-table td { border: 1px solid #c8ccd1; padding: 4px 8px; text-align: left; }
.track-table thead tr { background: #eaecf0; }
.track-table .col-no { width: 10%; }
.track-table .col-len { width: 22%; text-align: right; }
.track-table td.col-len { font-family: var(--font-lcd); font-size: 14px; }
.track-table .col-cat { width: 22%; text-align: right; }

.liner { font-size: 15px; line-height: 1.6; margin: 0 0 14px; font-style: italic; color: #333; }
.credits { font-size: 15px; line-height: 1.7; margin: 0 0 14px; }
.clear { clear: both; }
.wiki-cats { border-top: 1px solid #a2a9b1; margin-top: 14px; padding-top: 6px; font-size: 11px; color: #54595d; }
.wiki-notes { border-top: 1px solid #a2a9b1; margin-top: 14px; padding-top: 6px; font-size: 11px; color: #54595d; }
.wiki-notes-title { font-weight: bold; }
.note-ref { font-family: var(--font-lcd); font-size: 13px; }

.wiki-count { font: 400 13px var(--font-ui); color: #54595d; margin: 0 0 8px; }
.cat-list { list-style: none; margin: 0 0 14px; padding: 0; }
.cat-list li {
  display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap;
  border-bottom: 1px dotted #d3dbf5; padding: 5px 0; font-size: 14px;
}
.cat-no { font: 400 13px var(--font-lcd); color: #2a6fbf; }
.cat-artist { color: #54595d; }
.cat-year { font-size: 12px; color: #888; }
.wl-blue, .wl-blue:hover { color: #0645ad; text-decoration: none; }
.wl-red, .wl-red:hover { color: #ba0000; text-decoration: none; }

@media (max-width: 560px) {
  .infobox { float: none; width: 100%; margin: 0 0 12px; }
}