/* One reading sheet on phones; let long verses grow naturally instead of clipping. */
@media (max-width: 1200px) {
  body { min-height:100svh; }
  .masthead { height:48px;padding:0 14px; }
  .brand { font-size:23px;gap:8px; }
  .brand-mark { width:27px;height:31px;font-size:22px;padding-top:4px; }
  .brand small,.header-note { display:none; }
  .contents-button { min-height:40px;padding:8px;font-size:13px; }
  main { min-height:calc(100svh - 48px);padding:10px 12px 12px;display:flex;flex-direction:column;gap:9px; }
  .reader-heading { flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px; }
  .reader-heading .eyebrow,h1 span,.reading-options>span { display:none; }
  h1 { font-size:25px;margin:0;line-height:1.1; }
  .reading-options { width:100%;align-self:auto;justify-content:space-between;gap:4px;flex-wrap:nowrap; }
  .language-select { padding:2px;gap:0; }
  .language-select .option { min-width:0;min-height:36px;padding:6px 10px;font-size:13px; }
  #translitButton { min-height:40px;padding:6px;font-size:12px; }
  .chapter-toolbar { margin:0;gap:4px;flex-direction:row;align-items:center;flex-wrap:wrap; }
  .chapter-line { font-size:12px;flex-shrink:0; }
  .chapter-line .line,.chapter-line>span:last-child { display:none; }
  .theme-picker { gap:0;align-self:auto; }
  .theme-choice { min-height:36px;gap:5px;padding:6px 7px;font-size:12px; }
  .theme-dot { width:10px;height:10px;flex-shrink:0; }
  .book-stage { padding:0 1px 9px;display:flex;flex:1;min-height:0; }
  .book,.book.single-page { width:100%;max-width:none;min-height:0;grid-template-columns:1fr;align-content:center;border-width:4px;margin:0;box-shadow:0 3px 0 var(--paper-edge),0 6px 0 var(--cover),0 12px 20px -12px #0005; }
  .page,.single-page .page,.single-page .curl-content.page { padding:14px 16px;min-height:0; }
  .page-running,.page-footer,.ribbon,.verse-rule,.attribution,.ornament,.chapter-note { display:none; }
  .verse-content { flex:initial;padding:0; }
  .verse-content>.verse-kicker { display:none; }
  .left-page { border:0;background-image:linear-gradient(90deg,var(--gutter),transparent 5%,transparent 95%,var(--gutter)); }
  .right-page { border:0;background-image:linear-gradient(90deg,var(--gutter),transparent 5%,transparent 95%,var(--gutter)); }
  .left-page:not([hidden])+.right-page:not([hidden]) { border-top:1px solid var(--paper-line); }
  .sanskrit,.single-page .sanskrit,.single-page .curl-content .sanskrit { font-size:clamp(18px,5vw,21px);line-height:1.8; }
  .meaning-content,.single-page .meaning-content { flex:initial;padding:0; }
  .meaning-content h2 { display:none; }
  .meaning-content>.verse-kicker { display:block;font-size:10px;margin-bottom:5px; }
  .meaning { font-size:20px;line-height:1.4; }
  .transliteration { font-size:17px;line-height:1.4;margin-top:10px; }
  .page-navigation { margin:0;gap:6px; }
  .nav-button { min-height:42px;font-size:12px;padding:8px 10px;gap:5px; }
  .progress { min-width:76px;font-size:11px; }
  .progress-track { margin-top:6px; }
  .sound-player { margin:0;gap:9px;flex-wrap:nowrap;justify-content:center; }
  .sound-player button { min-height:40px;padding:7px 12px;font-size:12px; }
  .sound-description,.sound-player label,.reader-footnote { display:none; }
  .sound-player input { width:80px;min-height:36px; }
  aside { padding:20px; }
}
@media (max-width:420px) {
  .chapter-line { display:none; }
  .theme-picker { display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:0; }
  .theme-choice { justify-content:center;padding:5px 4px; }
  .meaning { font-size:18px;line-height:1.35; }
  .sanskrit,.single-page .sanskrit,.single-page .curl-content .sanskrit { font-size:18px;line-height:1.7; }
  .page,.single-page .page,.single-page .curl-content.page { padding:10px 12px; }
}
@media (max-width:359px) {
  main { gap:5px;padding:6px 10px 8px; }
  h1 { font-size:22px; }
  .chapter-toolbar { gap:0; }
  .chapter-line { display:none; }
  .theme-dot { display:none; }
  .language-select .option { padding:6px 9px; }
  .page,.single-page .page,.single-page .curl-content.page { padding:9px 12px; }
  .nav-button { padding:8px;font-size:11px; }
}
@media (min-width:701px) and (max-width:1200px) {
  .reader-heading { flex-wrap:nowrap; }
  .reading-options { width:auto; }
  .chapter-toolbar { justify-content:space-between; }
  .book:not(.single-page) { grid-template-columns:1fr 1fr; }
  .left-page:not([hidden])+.right-page:not([hidden]) { border-top:0;border-left:1px solid var(--paper-line); }
}
/* Wide, short phones retain the facing-page layout to use the available width. */
@media (min-width:560px) and (max-width:1200px) and (max-height:500px) {
  .masthead { height:36px; }
  .brand-mark { height:27px; }
  .contents-button { min-height:32px; }
  main { min-height:calc(100svh - 36px);gap:5px;padding:5px 16px 8px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto minmax(min-content,1fr) auto; }
  .reader-heading,.chapter-toolbar,.book-stage { grid-column:1 / -1; }
  .book-stage { align-self:stretch; }
  .reader-heading { flex-wrap:nowrap; }
  .reading-options { width:auto; }
  .chapter-toolbar { justify-content:space-between; }
  .book:not(.single-page) { grid-template-columns:1fr 1fr; }
  .left-page:not([hidden])+.right-page:not([hidden]) { border-top:0;border-left:1px solid var(--paper-line); }
  .page,.single-page .page,.single-page .curl-content.page { padding:10px 14px; }
  .sanskrit,.single-page .sanskrit,.single-page .curl-content .sanskrit { font-size:18px;line-height:1.7; }
  .meaning { font-size:18px;line-height:1.35; }
  .theme-choice { min-height:30px; }
  .page-navigation { position:relative; }
  .sound-player { margin:0;padding-left:12px; }
  .sound-player button { padding:7px 10px; }
  .sound-player input { width:60px; }
}