/* B"H
 * The Awtsmoos lets handheld Torah search breathe beneath the shared shell while keeping source cards compact and readable.
 */
@media (max-width: 42rem) {
	.library-page {
		gap: .65rem;
		padding: .5rem .5rem calc(5.5rem + env(safe-area-inset-bottom));
	}

	.library-hero {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 1rem;
	}

	.library-hero-mark {
		display: none;
	}

	.library-hero h1 {
		font-size: clamp(2rem, 11vw, 3.35rem);
	}

	.library-truth-row {
		gap: .35rem;
		margin-top: .8rem;
	}

	.library-truth-row span {
		font-size: .68rem;
	}

	.library-search-form {
		grid-template-columns: 1fr;
		gap: .6rem;
		padding: .65rem;
	}

	.library-search-button {
		grid-column: auto;
	}

	.library-scope-nav {
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.library-scope-nav::-webkit-scrollbar {
		display: none;
	}

	.library-scope-nav a {
		flex: 0 0 6.5rem;
	}

	.library-section-heading {
		align-items: start;
		flex-direction: column;
		gap: .2rem;
	}

	.library-section-heading a {
		display: flex;
		align-items: center;
		min-height: 2rem;
		padding-inline: 0;
	}

	.library-discovery-rail {
		grid-template-columns: 1fr;
	}

	.library-tip-card {
		grid-column: auto;
	}

	.result {
		padding: .82rem;
	}

	.resultTop {
		grid-template-columns: 2.35rem minmax(0, 1fr);
	}

	.rank {
		width: 2.35rem;
		height: 2.35rem;
	}

	.score {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.rangeMeta {
		font-size: .68rem;
	}

	.rangeComment {
		grid-template-columns: 1fr auto;
	}

	.commentCoord {
		grid-column: 1 / -1;
	}
}

@media (max-width: 22rem) {
	.library-hero-copy > p:not(.library-kicker) {
		font-size: .92rem;
	}

	.library-truth-row span {
		width: 100%;
	}
}