/* CompactCSS source: /zmanim/styles/responsive.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is one before wide and narrow are distinguished by any screen;
 * Awtsmoos.com composes both responsive vessels here while their responsibilities remain clean.
 */


/* CompactCSS source: /zmanim/styles/responsive-wide.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is no wider in a vast vessel than in a narrow one, yet space can reveal more order;
 * Awtsmoos.com lets larger screens unfold columns without abandoning the mobile-first border.
 */

@media (min-width: 760px) {
	.control-deck {
		grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.9fr);
		padding: 1.15rem;
	}

	.method-control {
		grid-column: 1 / -1;
	}

	.daily-dashboard {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		align-items: stretch;
	}

	.day-timeline {
		grid-column: 1 / -1;
	}

	.trust-strip {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
		align-items: center;
	}

	.zman-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 980px) {
	.control-deck {
		grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.9fr) minmax(260px, 0.8fr);
		align-items: start;
	}

	.method-control {
		grid-column: auto;
	}

	.sticky-context {
		grid-template-columns: minmax(0, 1fr) auto auto;
		align-items: center;
	}

	#sticky-next {
		grid-column: auto;
		text-align: end;
	}

	.key-time {
		padding: 0.82rem;
	}
}



/* CompactCSS source: /zmanim/styles/responsive-narrow.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos fits no boundary while a small screen asks every vessel to become precise;
 * Awtsmoos.com protects touch, reading, safe-area spacing, and reduced motion without sacrifice.
 */

@media (max-width: 520px) {
	.zmanim-shell {
		padding-inline: max(0.85rem, env(safe-area-inset-left));
	}

	.header-link {
		display: none;
	}

	.app-header {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.control-deck {
		gap: 0.85rem;
		border-radius: var(--radius-medium);
	}

	.sticky-context {
		margin-inline: -0.15rem;
	}

	.section-heading {
		align-items: start;
	}

	.compact-heading {
		flex-direction: column;
	}

	.share-actions {
		justify-content: start;
	}

	.share-status {
		text-align: start;
	}
}

@media (max-width: 370px) {
	.date-control {
		grid-template-columns: 42px minmax(0, 1fr) 42px;
	}

	.date-today {
		grid-column: 1 / -1;
	}

	.key-times {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.shaah-stat {
		padding-inline: 0.42rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}