/* Страница-инструкция apk.vlg2.ru. Палитра vlg2.ru, контейнер 1199px - как в 4.6.
   Системные шрифты намеренно: страницу открывают один раз перед установкой, тащить
   ради неё 80 КБ начертаний незачем. */
* { box-sizing: border-box; }

body {
	margin: 0;
	padding: 32px 20px 64px;
	background: #fff;
	color: #1c1c1c;
	font: 16px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

main { max-width: 760px; margin: 0 auto; }

.back { margin: 0 0 24px; }
.back a { color: #7e93b4; text-decoration: none; font-size: 14px; }
.back a:hover { color: #3363b9; }

h1 { margin: 0 0 12px; font-size: 32px; line-height: 1.2; color: #0e2a52; }
h2 { margin: 40px 0 12px; font-size: 21px; color: #0e2a52; }

.lead { margin: 0 0 28px; font-size: 18px; color: #40506a; }

.card {
	background: #eaf1fd;
	border-radius: 12px;
	padding: 24px;
	margin: 0 0 8px;
}

.soon { margin: 0; color: #40506a; }
.soon b { color: #0e2a52; }

.dl {
	display: inline-block;
	background: #3363b9;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 14px 28px;
	border-radius: 8px;
}
.dl:hover { background: #2b559f; }

.meta { margin: 12px 0 0; font-size: 14px; color: #7e93b4; }

/* Плашка стенда: сборка с "stand": true в описании релиза. Заметная намеренно - такую
   страницу нельзя спутать с настоящей раздачей даже на скриншоте. */
.stand-banner {
	margin: -32px -20px 32px;
	padding: 16px 20px;
	background: #b3261e;
	color: #fff;
	font-size: 17px;
	text-align: center;
}

/* Метаданные версии: всё из описания релиза. Хеши длинные - переносим посимвольно,
   иначе на телефоне страница уезжает вбок. */
.facts {
	display: grid;
	grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
	gap: 6px 16px;
	margin: 20px 0 0;
	font-size: 15px;
}
.facts dt { color: #7e93b4; }
.facts dd { margin: 0; color: #0e2a52; min-width: 0; }
.hash { word-break: break-all; }

@media (max-width: 560px) {
	.facts { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.facts dd { margin-bottom: 10px; }
}

a { color: #3363b9; }

.steps, .faq { padding-left: 22px; }
.steps li, .faq li { margin: 0 0 14px; }

.path {
	display: inline-block;
	background: #f2f5fa;
	border-radius: 5px;
	padding: 1px 7px;
	font-size: 15px;
	color: #0e2a52;
}

pre {
	background: #0e2a52;
	color: #eaf1fd;
	padding: 14px 18px;
	border-radius: 8px;
	overflow-x: auto;
	font-size: 14px;
}

code {
	background: #f2f5fa;
	border-radius: 4px;
	padding: 1px 5px;
	font-size: 14px;
}

.note { font-size: 15px; color: #40506a; }

.foot {
	margin-top: 48px;
	padding-top: 20px;
	border-top: 1px solid #e2e8f2;
	font-size: 15px;
	color: #7e93b4;
}