/* Optional home-screen installation help; no overlay or offline state. */
.dbf-install {
	padding-block: 24px;
	color: var(--dbf-ink, #151210);
}
.dbf-install details {
	border: 1px solid #d5cfc5;
	border-radius: 12px;
	background: var(--dbf-paper, #f7f5f0);
}
.dbf-install summary {
	min-height: 48px;
	padding: 14px 18px;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	overflow-wrap: anywhere;
}
.dbf-install summary:focus-visible,
.dbf-install-button:focus-visible {
	outline: 3px solid #a62c20;
	outline-offset: 4px;
}
.dbf-install-body { padding: 0 18px 18px; }
.dbf-install-body p { font-size: max(16px, 1rem); line-height: 1.55; }
.dbf-install-button { min-height: 48px; margin-block: 8px 16px; }
.dbf-install-button[hidden] { display: none; }
.dbf-install-instructions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.dbf-install-instructions h2 { font-size: 1.25rem; margin-block: 12px 6px; }
.dbf-install-note { border-top: 1px solid #d5cfc5; padding-top: 14px; }
@media (max-width: 600px) {
	.dbf-install-instructions { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.dbf-install-button { width: 100%; white-space: normal; }
}