/* A shorter mobile overview, with the complete story available on request. */
.mobile-fold > summary { list-style: none; }
.mobile-fold > summary::-webkit-details-marker { display: none; }
.mobile-fold:not(.practice-step) > summary { display: none; }
.practice-step > summary { cursor: default; pointer-events: none; }
.step-teaser { display: none; }
.prayer-result { grid-column: 2; grid-row: 1; }
.preference-panel { grid-column: 1; grid-row: 1; }
.example-source { font-size: 14px; line-height: 1.6; color: #c5ab7a; margin: -8px 0 18px; }
.example-disclaimer { font-size: 13px; line-height: 1.65; color: #aebbb2; margin: 0 0 18px; }
.preference-range { display: block; }
.preference-range-content { display: flex; gap: 35px; align-items: start; }
.preference-range-content > p { font: italic 18px/1.5 var(--serif); min-width: 145px; max-width: 160px; color: #acb3a6; }
.preview-fold { min-width: 0; align-self: center; }
.widget-tabs, .mobile-sound-heading, .mobile-nav { display: none; }
.soundtrack-panel > label[for="soundtrack-select"] { display: block; font-size: 13px; margin-bottom: 12px; color: #d8d0c2; }
.soundtrack-controls #soundtrack-restart { margin-top: 12px; padding: 6px 14px; min-height: 44px; border: 1px solid #b89a6360; border-radius: 3px; font-size: 14px; color: #d9c299; }

@media (max-width: 650px) {
  html.mobile-enhanced { scroll-behavior: auto; scroll-padding-top: 20px; }
  .mobile-enhanced { scroll-padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  .mobile-enhanced .section-pad { padding-top: 44px; padding-bottom: 44px; }
  .mobile-enhanced .section-topline { margin-bottom: 24px; padding-bottom: 16px; }
  .mobile-enhanced .section-topline .eyebrow,
  .mobile-enhanced .section-pad .eyebrow { font-size: 12px; letter-spacing: .1em; }
  .mobile-enhanced .section-pad h2 { font-size: clamp(32px, 8.8vw, 40px); margin-bottom: 20px; }
  .mobile-enhanced .practice-intro { gap: 0; }
  .mobile-enhanced .practice-intro > div > p { line-height: 1.65; margin-bottom: 8px; }
  .mobile-enhanced .practice-steps { gap: 0; margin-top: 24px; border-top: 1px solid #25302c30; }
  .mobile-enhanced .practice-step { display: block; padding: 0; border: 0; border-bottom: 1px solid #25302c30; border-radius: 0; background: transparent; transform: none; box-shadow: none; }
  .mobile-enhanced .practice-step::before { display: none; }
  .mobile-enhanced .practice-step > summary { display: grid; grid-template-columns: 26px 1fr 16px; gap: 4px 10px; position: relative; padding: 18px 0; cursor: pointer; pointer-events: auto; }
  .mobile-enhanced .practice-step h3 { font-size: 26px; grid-column: 2; grid-row: 1; margin: 0; }
  .mobile-enhanced .step-number { grid-column: 1; grid-row: 1; padding-top: 5px; font-size: 16px; }
  .mobile-enhanced .step-teaser { display: block; grid-column: 2; grid-row: 2; font-size: 14px; line-height: 1.5; color: #596158; }
  .mobile-enhanced .step-detail { padding: 0 18px 20px 36px; }
  .mobile-enhanced .step-detail p { margin: 0 0 12px; font-size: 16px; line-height: 1.65; }
  .mobile-enhanced .step-caption { font-size: 12px; line-height: 1.5; letter-spacing: .06em; }
  .mobile-enhanced .practice-bottom { margin-top: 22px; padding-top: 0; border: 0; }
  .mobile-enhanced .practice-bottom a { min-height: 44px; font-size: 14px; }

  .mobile-enhanced .mobile-fold > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 56px; padding: 14px 0; cursor: pointer; font-size: 15px; line-height: 1.5; color: #d9c299; }
  .mobile-enhanced .mobile-fold > summary::after { content: '+'; flex: 0 0 16px; font: 22px/1 var(--sans); text-align: center; }
  .mobile-enhanced .mobile-fold[open] > summary::after { content: '−'; }
  .mobile-enhanced .mobile-fold > summary:focus-visible { outline: 2px solid var(--brass); outline-offset: 4px; }
  .mobile-enhanced .practice-step > summary { display: grid; color: #25302c; padding: 18px 0; }
  .mobile-enhanced .practice-step > summary::after { grid-column: 3; grid-row: 1 / 3; color: #796644; }
  .mobile-enhanced .source-heading > p:last-child { line-height: 1.7; }
  .mobile-enhanced .source-explainer { margin: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .mobile-enhanced .source-flow { margin: 0 0 20px; gap: 20px; }
  .mobile-enhanced .source-flow article { border: 0; padding-top: 8px; }
  .mobile-enhanced .source-flow article > span { font-size: 12px; }
  .mobile-enhanced .source-flow h3 { font-size: 24px; }
  .mobile-enhanced .source-flow p { line-height: 1.65; }
  .prayer-workbench { grid-template-columns: 1fr; }
  .prayer-result, .preference-panel { grid-column: auto; grid-row: auto; }
  .mobile-enhanced .prayer-result { padding: 22px 18px; }
  .mobile-enhanced .result-top { font-size: 12px; letter-spacing: .04em; padding-bottom: 14px; }
  .mobile-enhanced .example-burden { font-size: 21px; margin: 18px 0; }
  .mobile-enhanced #prayer-output { min-height: 0; padding: 16px; margin-bottom: 16px; }
  .mobile-enhanced #prayer-output h4 { font-size: 12px; letter-spacing: .08em; }
  .mobile-enhanced #prayer-output p { font-size: 18px; line-height: 1.65; }
  .mobile-enhanced .source-disclosure { padding-top: 8px; }
  .mobile-enhanced .preference-panel { border: 0; border-top: 1px solid var(--line); padding: 0 18px; }
  .mobile-enhanced .preference-fields { padding-bottom: 22px; }
  .mobile-enhanced .preference-fields > .eyebrow,
  .mobile-enhanced .preference-fields > h3 { display: none; }
  .mobile-enhanced .preference-fields label:first-of-type { margin-top: 4px; }
  .mobile-enhanced .preference-range { margin-top: 14px; border-bottom: 1px solid var(--line); }
  .mobile-enhanced .preference-range-content { display: block; padding-bottom: 20px; }
  .mobile-enhanced .preference-range-content > p { display: none; }
  .mobile-enhanced .preference-range li { font-size: 14px; }

  .mobile-enhanced .companion { gap: 24px; }
  .mobile-enhanced .companion-description { line-height: 1.65; margin-bottom: 10px; }
  .mobile-enhanced .app-download { margin-top: 20px; padding-top: 20px; }
  .mobile-enhanced .app-download > h3,
  .mobile-enhanced .app-download > p:not(.eyebrow) { display: none; }
  .mobile-enhanced .app-store-status { padding: 10px 14px; }
  .mobile-enhanced .app-store-status .availability { font-size: 13px; }
  .mobile-enhanced .newsletter-form { margin-top: 20px; padding-top: 20px; }
  .mobile-enhanced .newsletter-form > p { line-height: 1.65; }
  .mobile-enhanced .newsletter-form > label { margin-top: 14px; }
  .mobile-enhanced .preview-fold { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .mobile-enhanced .preview-fold .demo-steps { margin-top: 8px; }
  .mobile-enhanced .preview-fold .demo-disclosure { font-size: 13px !important; }
  .mobile-enhanced .product-stage { padding: 12px 0 20px; }
  .mobile-enhanced .product-annotation, .mobile-enhanced .product-caption { display: none; }
  .mobile-enhanced .orbital-line { display: none; }
  .mobile-enhanced .phone { width: min(300px, 100%); }
  .mobile-enhanced .formation-heading { margin-bottom: 22px; }
  .mobile-enhanced .formation-heading > p { line-height: 1.65; margin-bottom: 0; }
  .mobile-enhanced .formation-grid { gap: 0; border-top: 1px solid #2d403430; }
  .mobile-enhanced .formation-card { padding: 0; border: 0; border-bottom: 1px solid #2d403430; border-radius: 0; background: transparent; box-shadow: none; transform: none; }
  .mobile-enhanced .formation-card::before { display: none; }
  .mobile-enhanced .formation-card summary { min-height: 76px; gap: 14px; padding: 14px 4px; }
  .mobile-enhanced .formation-card strong { font-size: 23px; }
  .mobile-enhanced .formation-card small { margin-top: 4px; font-size: 14px; }
  .mobile-enhanced .feature-index { font-size: 12px; padding-top: 5px; }
  .mobile-enhanced .formation-card > div { padding: 0 8px 20px 33px; }
  .mobile-enhanced .formation-card p { line-height: 1.65; }
  .mobile-enhanced .formation-card[open] { background: #fffaf030; }

  .mobile-enhanced .widget-section { gap: 22px; }
  .mobile-enhanced .widget-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 5px; }
  .mobile-enhanced .widget-tabs button { min-height: 44px; padding: 10px 8px; font-size: 14px; color: #bac4b7; background: transparent; border-radius: 3px; }
  .mobile-enhanced .widget-tabs [aria-selected="true"] { background: #c5ab7a; color: #111515; }
  .mobile-enhanced .widget-mobile { gap: 16px; }
  .mobile-enhanced .widget-mobile .widget-lock { width: 77.215%; margin: auto; }
  .mobile-enhanced .widget-section figcaption { font-size: 13px; min-height: 44px; margin-top: 14px; }
  .mobile-enhanced .closing-invitation { padding: 42px 7%; }
  .mobile-enhanced .closing-invitation h2 { font-size: clamp(36px, 10vw, 48px); }

  .mobile-enhanced .mobile-nav { display: grid; grid-template-columns: .85fr 1.05fr 1.35fr .75fr; position: fixed; z-index: 45; left: 0; right: 0; bottom: 0; padding: 7px max(8px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); gap: 3px; background: #0b1414f7; border-top: 1px solid #b89a6355; box-shadow: 0 -5px 24px #0003; }
  .mobile-nav a, .mobile-nav button { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 46px; padding: 8px 4px; border-radius: 3px; font-size: 14px; line-height: 1.3; background: transparent; color: #d8d0c2; text-align: center; text-decoration: none; }
  .mobile-nav a[aria-current="location"] { color: #ead2a5; background: #c5ab7a1a; box-shadow: inset 0 -2px #c5ab7a; }
  .mobile-nav .mobile-signup { background: #c5ab7a; color: #111515; }
  .mobile-nav .mobile-signup[aria-current="location"] { background: #dfc799; color: #111515; }
  .mobile-nav #mobile-sound[data-playing="true"] { color: #ead2a5; box-shadow: inset 0 -2px #c5ab7a; }
  .mobile-nav a:focus-visible, .mobile-nav button:focus-visible { outline-offset: -3px; }
  .mobile-enhanced .soundtrack-controls { display: none; position: static; padding: 0; border: 0; box-shadow: none; }
  .mobile-enhanced.mobile-sound-open .soundtrack-controls { display: block; }
  .mobile-enhanced .soundtrack-menu > summary { display: none; }
  .mobile-enhanced .soundtrack-panel { position: fixed; z-index: 44; right: 8px; bottom: calc(70px + env(safe-area-inset-bottom)); width: 320px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 95px - env(safe-area-inset-bottom)); overflow-y: auto; padding: 18px; }
  .mobile-enhanced .mobile-sound-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
  .mobile-sound-heading strong { font: 24px var(--serif); color: var(--white); }
  .mobile-enhanced .mobile-sound-heading button { font-size: 14px; padding: 0 10px; min-height: 44px; color: #d9c299; }
  .mobile-enhanced #soundtrack-toggle { width: 100%; min-height: 46px; padding: 8px 12px; margin-bottom: 18px; justify-content: center; background: #c5ab7a; color: #111515; font-size: 14px; border-radius: 3px; }
  .mobile-enhanced #soundtrack-toggle > span:first-child { display: none; }
  .mobile-enhanced .soundtrack-panel label { font-size: 14px; }
  .mobile-enhanced.mobile-keyboard .mobile-nav { display: none; }
  .mobile-enhanced footer { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
}