@charset "utf-8";

body {
	font-family: "Nara 15", serif;
	display: grid;
	grid-template-columns: 100%;
	gap: 5.5555vmin;
	margin: 0 5.5555vw 11.1111vh;
	overflow-x: hidden;
}
h1 {
	font-size: 2.82714594em;
	font-size: 13.5vw;
	white-space: nowrap;
	position: relative;
	margin: -.55em 0 0 -9.4vw;
}
summary {
	font-size: 2.82714594em;
}
dl summary {
	font-size: inherit;
	cursor: pointer;
	font-style: normal;
}
dl summary:hover {
	color: crimson;
}
h1, [open] {
	grid-column-start: 1;
	grid-column-end: -1;
}
dl {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	gap: 5.5555vmin;
	align-items:flex-start;
}
div {
	border: 1px solid black;
	padding: 1em;
	transition: .3s;
}
div:focus-within {
	box-shadow: 0 0 .3em .1em crimson;
}
dt {
	font-size: 1.414em;
	font-weight: bold;
	margin-bottom: .5em;
}
a {
	color:mediumblue;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline-offset: .1em;
	outline-style: dashed;
	outline-width: 2px;
}
dt a {
	color: crimson;
}
dd {
	margin: 0;
	padding: 0;
}
dd:first-of-type {
	font-weight: bold;
}
.isbn {
	font-family: "Nara 16", "Nara 15", serif;
	font-variant-caps: all-small-caps;
}
.review {
	font-style: italic;
	margin: 1em 0;
	transition: .3s;
}
/* .review:hover,
dl > div:focus-within .review {
	max-height: fit-content;
} */
.review div::before {
	content: '“';
}
.review div::after {
	content: '”';
}
.review div {
	display: inline;
	border: none;
	padding: 0;
}
span {
	display: inline-block;
}
span:not(:last-of-type)::after {
	content: ', ';
}
[data-sterren] {
	line-height: 1em;
	height: 1em;
}
[data-sterren^="5"]::before {
	content: "★★★★★";
}
[data-sterren^="4"]::before {
	content: "★★★★☆";
}
[data-sterren^="3"]::before {
	content: "★★★☆☆";
}
[data-sterren^="2"]::before {
	content: "★★☆☆☆";
}
[data-sterren^="1"]::before {
	content: "★☆☆☆☆";
}
dt [href^="https://app."] {
	display: inline-block;
}
[href^="https://app."]::first-letter {
	text-decoration: underline;
}
[href^="https://app."]:hover {
	text-decoration: 1px double underline;
	
}