/* Levo press kit: help.css's reading layout, with a wide image grid between two text columns. */
.facts { margin: 32px 0 0; border-top: 1px solid var(--rim); }
.facts div { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--rim); }
.facts dt { color: var(--muted); font-size: 15px; }
.facts dd { margin: 0; }
.art .kit { margin-top: 32px; }
.btn-big { height: 48px; padding: 0 24px; border-radius: 14px; font-size: 16px; }
.art .btn-big, .art .btn-big:hover { color: var(--btn-text); text-decoration: none; }
.grid { width: var(--content); margin: 72px auto 0; }
.grid-in { columns: 2; column-gap: 24px; margin-top: 32px; }
.grid figure { margin: 0 0 32px; break-inside: avoid; }
.grid > figure { margin-bottom: 0; }
.grid img { display: block; width: 100%; height: auto; border-radius: var(--win-r); box-shadow: var(--lift); background: var(--card); }
.grid figcaption { display: flex; justify-content: space-between; gap: 16px; margin-top: 10px; font-size: 14px; color: var(--muted); }
.grid figcaption a { color: var(--lit); }
.grid figcaption a:hover { text-decoration: underline; text-underline-offset: 3px; }
.how { margin-top: 96px; }
.how h1 { font-size: clamp(30px, 4.4vw, 40px); }
.pdfs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 40px; }
.pdfs span { color: var(--muted); font-size: 14px; }
@media (max-width: 760px) {
	.grid-in { columns: 1; }
	.facts div { grid-template-columns: 1fr; gap: 2px; }
	.grid { margin-top: 48px; }
	.how { margin-top: 64px; }
}