@media (max-width: 1060px) {
	.header-inner { gap: 12px; }
	.site-nav { gap: 12px; }
	.site-nav a { font-size: .78rem; }
	.header-download { padding-inline: 13px; font-size: .8rem; }
	.hero-grid { gap: 42px; }
	.hero h1 { font-size: clamp(3rem, 6vw, 4.4rem); }
}

@media (max-width: 820px) {
	:root { --header-height: 72px; }
	.container { width: min(var(--content-width), calc(100% - 40px)); }
	.header-inner { justify-content: flex-start; }
	.brand { margin-inline-end: auto; }
	.theme-toggle { order: 2; }
	.menu-toggle { display: flex; width: 42px; height: 42px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-surface); cursor: pointer; }
	.menu-toggle span { width: 18px; height: 2px; background: var(--color-primary); }
	.site-nav { position: absolute; inset: calc(var(--header-height) - 1px) 0 auto; display: none; align-items: stretch; gap: 0; padding: 8px 20px 18px; border-bottom: 1px solid var(--color-border); background: var(--color-header); box-shadow: 0 12px 20px var(--color-shadow); }
	.site-nav.is-open { display: flex; flex-direction: column; }
	.site-nav a { padding: 10px 4px; border-bottom: 1px solid var(--color-border); color: var(--color-text); font-size: .9rem; }
	.site-header:not(.is-scrolled) .site-nav.is-open a { color: var(--color-text); text-shadow: none; }
	.site-header:not(.is-scrolled) .site-nav.is-open a:hover,
	.site-header:not(.is-scrolled) .site-nav.is-open a[aria-current="page"] { color: var(--color-primary); }
	.header-download { order: 3; }
	.hero { min-height: auto; padding-block: 130px 72px; }
	.hero-grid { grid-template-columns: 1fr; gap: 42px; }
	.hero-copy { max-width: 720px; }
	.hero-art { width: min(75%, 390px); }
	.arch-frame { height: 420px; }
	.intro-grid, .photo-grid { gap: 40px; }
	.section-pad { padding-block: 82px; }
	.feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.preview-layout { grid-template-columns: minmax(0, 1fr) 170px; }
	.preview-side { display: none; }
	.preview-content { padding-inline: 12px; }
	.preview-toolstrip > strong { min-width: 130px; }
	.footer-grid { grid-template-columns: 1fr 1fr; }
	.footer-grid > p { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 600px) {
	.container { width: calc(100% - 32px); }
	.section-pad { padding-block: 66px; }
	.brand img { width: 36px; height: 36px; }
	.brand { gap: 8px; font-size: .88rem; }
	.brand small { font-size: .62rem; }
	.theme-toggle { width: 42px; min-width: 42px; padding: 5px; }
	.theme-toggle svg { width: 30px; height: 30px; flex-basis: 30px; padding: 6px; }
	.theme-toggle span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
	.header-download { display: none; }
	.hero { padding-block: 112px 70px; }
	.hero h1 { font-size: clamp(2.8rem, 12vw, 4rem); }
	.hero-lead { font-size: .96rem; }
	.hero-actions { align-items: stretch; flex-direction: column; }
	.hero-actions .button { width: 100%; }
	.hero-art { width: min(84%, 330px); }
	.arch-frame { height: 360px; }
	.hero-stamp { width: 94px; height: 94px; inset-inline-start: -18px; }
	.intro-grid, .photo-grid { grid-template-columns: 1fr; gap: 24px; }
	.intro h2, .photo-grid h2, .section-heading h2, .dua-frame h2, .callout-inner h2, .page-hero h1 { font-size: 2.6rem; }
	.section-heading { align-items: start; flex-direction: column; gap: 10px; margin-bottom: 25px; }
	.preview-layout { display: grid; min-height: 0; grid-template-columns: minmax(0, 1fr); }
	.preview-side { display: none; }
	.preview-content { min-height: 480px; padding: 12px 8px 0; }
	.preview-toolstrip { min-height: 54px; gap: 5px; padding-inline: 8px; }
	.preview-toolstrip > strong { min-width: 112px; font-size: .95rem; }
	.preview-toolstrip > button { min-height: 34px; padding-inline: 8px; font-size: .66rem; }
	.preview-titlebar { height: 26px; }
	.surah-rail { order: 2; height: min(55svh, 420px); min-height: 280px; padding: 8px; border-top: 1px solid var(--color-border); border-right: 0; }
	.library-panel[data-library-panel="surahs"] .surah-list { display: flex; overflow-x: auto; overflow-y: hidden; }
	.library-panel[data-library-panel="surahs"] .surah-list button { flex: 0 0 130px; }
	.library-panel:not([data-library-panel="surahs"]) .surah-list { display: grid; overflow-y: auto; overflow-x: hidden; }
	.preview-pane { padding-bottom: 78px; }
	.reader-toolbar { gap: 5px; }
	.live-label { width: 100%; }
	.quiet-button { padding-inline: 8px; font-size: .7rem; }
	.reader-page { min-height: 360px; padding: 18px 14px; }
	.reader-page h3 { font-size: 1.35rem; }
	.reader-basmalah { font-size: 1.15rem; }
	.quran-lines { font-size: var(--reader-size, 1.25rem); line-height: 2.1; }
	.reader-meta { font-size: .62rem; }
	.mock-audio { gap: 8px; padding-inline: 9px; }
	.mock-audio > div:nth-child(2) { min-width: 74px; font-size: .67rem; }
	.mock-audio > span { display: none; }
	.audio-track { min-width: 30px; }
	.input-row { flex-wrap: wrap; }
	.input-row .button { flex: 1 0 100%; }
	.photo-detail { height: 280px; }
	.dua-frame { align-items: flex-start; flex-direction: column; gap: 22px; }
	.callout-inner { padding: 45px 12px; }
	.feature-grid { grid-template-columns: 1fr; }
	.download-panel { grid-template-columns: 1fr; padding: 20px; }
	.download-panel h2 { font-size: 1.55rem; }
	.download-panel .button { justify-self: start; }
	.release-table th, .release-table td { padding: 10px 5px; font-size: .78rem; }
	.footer-grid { grid-template-columns: 1fr; }
	.footer-grid > p { grid-column: auto; grid-row: auto; }
	.copyright { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}