/* Shared phone and tablet adaptations; desktop art direction stays intact. */
*,*::before,*::after{box-sizing:border-box}
img,svg,video,audio,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
main,section,article,aside,nav,header>*,footer>*{min-width:0}
p,h1,h2,h3,a,button{overflow-wrap:break-word}
@media(max-width:1100px){
 header{flex-wrap:wrap;gap:18px}header>nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;order:3;width:100%;padding-top:8px}header>nav a{padding:10px 0;min-height:44px}
 .sessions{grid-template-columns:repeat(2,minmax(0,1fr))}.session-art.subject-art{height:auto;aspect-ratio:3/2}
 .hero{gap:28px}.hero h1{font-size:clamp(42px,5.7vw,64px);letter-spacing:-.035em}.hero .cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
 .reading-trail{gap:32px}.start-options button{padding:25px 20px}.start-options strong{font-size:25px}
}
@media(max-width:1000px){
 .chapter-layout,.chapter-breadcrumb,.chapter-artwork{width:calc(100% - 48px)}
 .chapter-layout{grid-template-columns:minmax(0,1fr);gap:22px;max-width:760px;margin-bottom:45px}
 .illustrated-chapter-layout>.chapter-artwork{grid-column:1;grid-row:1;width:100%;margin-bottom:0}
 .illustrated-chapter-layout>.chapter-sidebar{grid-column:1;grid-row:2;margin:0}
 .illustrated-chapter-layout>.chapter-reading{grid-column:1;grid-row:3}
 .chapter-sidebar{position:static;max-height:none;display:block;padding-top:0}
 .chapter-sidebar>.small-custom-music{max-width:360px;margin-bottom:15px}
 .chapter-sidebar #chapterContents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-height:190px;overflow-y:auto;padding-right:8px}
 .chapter-sidebar #chapterContents a{padding:12px 4px;min-height:44px}
 .chapter-back{position:static;display:inline-flex;align-items:center;min-height:44px;padding:10px 0;background:none;color:var(--ink);box-shadow:none}
 .chapter-reading,#lessonContent.chapter-reading{padding:30px 34px 40px}
 .chapter-reading h1{font-size:clamp(34px,5vw,45px)}
 .chapter-reading .session-introduction{font-size:21px}
 .chapter-reading .lesson-copy{font-size:18px;line-height:1.85}
 .article-page{width:calc(100% - 48px);max-width:800px;margin:30px auto;padding:30px}
 .finder-fields{flex-direction:column}.finder select{max-width:none;width:100%}.belief-grid{grid-template-columns:1fr;gap:16px}
}
@media(max-width:740px){
 header{width:calc(100% - 32px)}header>.outline{min-height:44px;padding:10px 12px}header>nav{gap:4px 20px;font-size:13px}
 .wordmark{letter-spacing:1px}.hero{padding:30px 20px 40px;gap:24px;width:100%}.hero-copy,.hero-art{width:100%}.hero h1{font-size:clamp(39px,10.5vw,57px);letter-spacing:-.035em}.hero-copy>p{font-size:17px}
 .hero-cross-emblem .hero-knight{max-height:330px}.hero-art.hero-cross-emblem{margin:0 auto}
 .section{width:calc(100% - 40px);padding:42px 0}.sessions{grid-template-columns:minmax(0,1fr);gap:34px}.session{min-width:0}.session h3{font-size:28px}
 .sectionhead{display:block}.sectionhead h2,h2{font-size:clamp(30px,8vw,38px);letter-spacing:-.025em}.sectionhead p{margin-top:18px}.filters{display:flex;flex-wrap:wrap}.filters button{min-height:44px}
 .reading-trail,.welcome{width:100%;padding:36px 20px}.reading-trail{grid-template-columns:1fr}.reading-trail button{gap:14px}.reading-trail button strong{font-size:20px}
 .rhythm,.vic{grid-template-columns:minmax(0,1fr);gap:22px}.start-options{grid-template-columns:minmax(0,1fr)}.start-options button{border-right:0}.cta .solid,.support-actions button{min-height:48px}
 footer{width:calc(100% - 40px);display:flex;flex-direction:column;align-items:flex-start;gap:20px}footer>div{display:flex;flex-wrap:wrap;gap:12px}
 .chapter-layout,.chapter-breadcrumb,.chapter-artwork{width:calc(100% - 28px)}
 .chapter-reading,#lessonContent.chapter-reading{padding:22px 20px 32px}.chapter-reading h1{font-size:34px}.chapter-reading .session-introduction{font-size:20px;line-height:1.7}
 .chapter-reading .lesson-copy{font-size:17px}.chapter-reading .lesson-copy h3{font-size:26px}.chapter-reading .question{padding:18px 14px}.chapter-reading .question button{min-height:48px;width:100%;text-align:left}
 .chapter-reading .passage-context{padding:18px 16px}.chapter-reading .scripture-trigger{width:100%;white-space:normal;text-align:left;padding:16px;font-size:17px}
 .illustrated-chapter-layout>.chapter-artwork>#chapterImage{height:auto;aspect-ratio:3/1;object-fit:cover}.chapter-artwork figcaption{padding:12px 16px}
 .chapter-sidebar #chapterContents{max-height:180px;font-size:13px;gap:0 14px}.chapter-sidebar>.small-custom-music{width:100%;max-width:360px}
 .chapter-back{position:fixed;left:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6;background:#244237;color:#fff8e8;border-radius:8px;padding:10px 16px;box-shadow:0 5px 18px #152e2822}
 .chapter-page footer{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}.music-controls button{min-height:44px!important}.small-custom-music #musicVolume{min-height:32px}
 .article-page{width:calc(100% - 28px);padding:24px 20px}.article-page h1{font-size:clamp(34px,9vw,44px)}
 .finder{padding:0 20px;margin-top:30px}.finder h1{font-size:40px;letter-spacing:-.03em}.finder-intro{font-size:19px}.map-panel{height:clamp(260px,50dvh,400px)}#mapEmpty{padding:20px}#mapEmpty h2{font-size:28px}.catechism-note{padding:20px}.catechism-note p{font-size:20px}
}
@media(max-width:380px){header>.outline{font-size:11px}.wordmark{font-size:13px}.wordmark img{width:28px}.chapter-sidebar #chapterContents{grid-template-columns:1fr}.hero .cta{align-items:flex-start;flex-direction:column}.chapter-reading h1{font-size:31px}}
@media(pointer:coarse){.inline-scripture{padding:3px 1px}input,select,textarea{font-size:16px}a,button{touch-action:manipulation}}

/* Font-independent navigation arrows retain their shape on phones and tablets. */
.ui-arrow{display:inline-block;width:20px;height:20px;min-width:20px;max-width:none;vertical-align:middle;flex-shrink:0;overflow:visible}