/* Копия сборника интервью: своих цветов у неё нет, всё берётся из theme.css,
   поэтому переключатель темы в углу работает здесь так же, как везде.
   Собственного здесь только то, чего у сайта до сих пор не было: колонка под
   длинный текст, реплика интервьюера и оговорка про источник копии. */

body {
	max-width: 46em;
	margin: 0 auto;
	padding: 0 1em 3em;
	line-height: 1.55;
}

h1 {
	margin-bottom: 0.2em;
}

.crumbs {
	padding-left: 0;
	margin-top: 0;
	font-size: 0.85em;
}

.subtitle {
	padding-left: 0;
	font-style: italic;
	margin-top: 0;
	opacity: 0.8;
}

/* Обложка — единственная картинка, которая до архива доехала. */
.cover {
	float: right;
	margin: 0 0 1em 1.5em;
	max-width: 40%;
}

p {
	padding-left: 0;
	text-align: justify;
	margin: 0.9em 0;
}

/* Кто говорит: врезка перед первой репликой. */
.bio {
	font-style: italic;
	border-left: 3px solid var(--border, #ccc);
	padding-left: 0.9em;
	margin-bottom: 1.6em;
}

/* Вопрос интервьюера. В оригинале он был жирным курсивом внутри blockquote;
   здесь — своим классом, чтобы разговор читался, а не пестрел. */
.q {
	font-weight: 600;
	margin-top: 1.6em;
	text-align: left;
}

.book-nav {
	margin-top: 2.5em;
	padding-top: 0.8em;
	border-top: 1px solid var(--border, #ccc);
	font-size: 0.9em;
	text-align: left;
}

/* Откуда взята копия. Мелко и в конце: читателю это нужно один раз. */
.mirror-note {
	margin-top: 1.5em;
	font-size: 0.8em;
	line-height: 1.5;
	opacity: 0.75;
	text-align: left;
}

.mirror-note code {
	font-size: 0.95em;
	word-break: break-all;
}

/* Оглавление: карточка на человека. Фотографий нет — их не архивировали, —
   поэтому карточка держится на имени, должности и цитате. */
ul.cards {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(19em, 1fr));
	gap: 1.6em;
}

ul.cards li {
	border-top: 1px solid var(--border, #ccc);
	padding-top: 0.7em;
}

ul.cards .who {
	margin: 0;
	font-weight: 600;
	text-align: left;
}

ul.cards .role {
	margin: 0.3em 0;
	font-size: 0.88em;
	text-align: left;
}

ul.cards .quote {
	margin: 0.5em 0 0;
	font-size: 0.88em;
	font-style: italic;
	text-align: left;
}

@media (max-width: 34em) {
	.cover { float: none; display: block; margin: 0 0 1em; max-width: 60%; }
	p { text-align: left; }
}