/* skin by exoheartbeat, ":La: Invasion" (2009)
   https://www.deviantart.com/exoheartbeat/art/La-invasion-journal-skin-145508502 */
.journal-skin { max-width: 453px; margin: 24px auto; }
.journal-skin::before { content: ""; display: block; height: 166px; background: url("../artwork/now-journal/header.png") no-repeat; background-size: 453px 166px; }
.journal-skin-text { color: #6A771B; background: url("../artwork/now-journal/mainarea.png") repeat-y; background-size: 453px auto; padding: 50px 75px 0 80px; width: 453px; }
.journal-skin-entry { background: #fff; padding: 8px 10px; border: 1px solid #6b6b3a; margin: 0 -21px; }
.journal-skin-entry h2 { margin: 0; padding: 0; font-size: 1.1rem; font-family: Verdana, Arial, sans-serif; font-weight: bold; letter-spacing: normal; text-align: left; }
.journal-skin-entry a { color: #6b6b3a; }
.journal-skin::after { content: ""; display: block; height: 240px; width: 453px; padding-left: 80px; padding-right: 95px; background: url("../artwork/now-journal/footer1.png") no-repeat; background-size: 482px 240px; }
.journal-skin-entry .stamp-grid { display: grid; grid-template-columns: repeat(3, 99px); gap: 2px 10px; justify-content: center; margin: 0.8em 0 0; list-style: none; }
.journal-skin-entry .stamp-grid li { margin: 0; line-height: 0; }
.journal-skin-entry .stamp-grid a { display: block; }
.journal-skin-entry .stamp-grid img { display: block; margin: 0; object-fit: contain; }
.journal-skin-entry .stamps-more { margin: 12px 0 0; font-size: 0.85rem; text-align: center; }
@media (max-width: 500px) {
	.journal-skin { max-width: 100%; }
	.journal-skin::before, .journal-skin::after { background-size: 100% auto; height: auto; aspect-ratio: 453 / 166; }
	.journal-skin::after { width: 100%; aspect-ratio: 453 / 240; background-size: 106.4% auto; padding-left: 10%; padding-right: 12%; }
	.journal-skin-entry { margin: 0; }
	.journal-skin-entry .stamp-grid { grid-template-columns: repeat(auto-fit, 99px); max-height: 320px; overflow-y: auto; }
	.journal-skin-text { width: 100%; padding-left: 10%; padding-right: 10%; background-size: 100% auto; }
}