body{padding-bottom:145px!important}main{touch-action:pan-y}.reading-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#091b13f5;border-top:1px solid #65816b;padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));color:white;backdrop-filter:blur(10px)}.reading-nav-row{display:flex;align-items:center;justify-content:center;gap:14px;max-width:1000px;margin:auto}.reading-nav-row+.reading-nav-row{margin-top:6px}.reading-nav button,.reading-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:7px 15px;background:#173c2a;border:1px solid #759781;border-radius:12px;color:#fff;text-decoration:none;font:600 14px/1.25 system-ui;cursor:pointer}.reading-nav button:disabled,.reading-nav .unavailable{opacity:.4;cursor:default}.reading-nav .section-label{min-width:210px;text-align:center;font-size:14px}.swipe-help{font-size:12px;text-align:center;color:#c8d7c9;margin:3px 0 0}.reader-panel{background:#103b2b;border:1px solid #5f8b70;border-radius:18px;padding:18px}.reader-scroll{height:clamp(280px,43dvh,430px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;padding:0 14px 0 0}.reader-scroll:focus-visible{outline:3px solid #efcf7b}.reader-scroll p{white-space:pre-line;font-size:clamp(21px,2.2vw,28px);line-height:1.6}.reader-scroll h3{font-size:22px;color:#e9cc8a}.reader-panel .toolbar{margin:12px 0 0;justify-content:space-between;align-items:center}.reader-mode{display:flex;gap:8px;margin:14px 0}.reader-mode button{border:1px solid #7d9e86;border-radius:20px;padding:8px 14px;background:#13281b;color:#fff;font:inherit}.reader-mode button[aria-pressed=true]{background:#2a6044;border-color:#e5cf89}.reader-note{font-size:13px;color:#ccdbce;margin:8px 0}.reader-panel [hidden]{display:none!important}.song-spread #lyricStage{height:clamp(320px,53dvh,530px)!important;min-height:0!important;display:flex!important;justify-content:flex-start!important;overflow:hidden;padding:18px!important}.song-spread #lyricStage[hidden]{display:none!important}.song-spread #lyricsList{min-height:0!important;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}.song-spread #fullLyrics{height:clamp(320px,53dvh,530px)!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}.song-spread .lyric-navigation{flex-shrink:0}.return-door .page-nav{display:none}.reading-nav :focus-visible{outline:3px solid #efcf7b;outline-offset:3px}@media(max-width:600px){body{padding-bottom:160px!important}.reading-nav{padding-left:10px;padding-right:10px}.reading-nav-row{gap:7px}.reading-nav button,.reading-nav a{font-size:12px;min-height:44px;padding:7px 9px}.reading-nav .section-label{min-width:0;flex:1;font-size:12px}.reading-nav-row:first-child>button{max-width:30%}.reader-scroll{height:350px;max-height:55dvh}.reader-scroll p{font-size:22px}.reader-panel{padding:14px}.song-spread #lyricStage,.song-spread #fullLyrics{height:420px!important;max-height:62dvh!important}.reading-nav-row a{flex:1}.reader-mode button{font-size:14px}}
/* v26: one compact row, with reserved space below the reading area. */
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
.reading-nav{display:grid;grid-template-columns:48px minmax(0,420px) 48px;justify-content:center;align-items:center;gap:8px;padding:5px 12px calc(5px + env(safe-area-inset-bottom));background:#091b13fa}
.reading-nav>button{min-height:48px;margin:0;padding:3px 10px;max-width:none;border:0;background:transparent;border-radius:10px;color:#fff;cursor:pointer}
.reading-nav>button:first-child,.reading-nav>button:last-child{font-size:32px;line-height:1}
#readerIndex{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.3}
#sectionLabel{font:600 13px/1.3 system-ui;text-align:center}
.index-hint{font:400 11px/1.3 system-ui;color:#d9d2ae}
.reading-nav button:disabled{opacity:.25}
.return-door{display:none!important}
.reader-menu{width:min(480px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:20px;background:#0d2117;color:white;border:1px solid #63816a;border-radius:20px;box-sizing:border-box}
.reader-menu::backdrop{background:#000a}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.reader-menu h2{font:700 24px/1.2 Georgia,serif;margin:0}
.reader-menu h3{font:600 16px system-ui;margin:20px 0 8px}
.reader-menu button,.reader-menu a{font:500 15px/1.4 system-ui;color:white}
#closeReaderMenu{background:transparent;border:0;font-size:30px;min-width:44px;min-height:44px;cursor:pointer}
.menu-hint{font:400 13px/1.5 system-ui;color:#c4cfc6;margin:10px 0 16px}
.reader-sections{display:grid;gap:6px}
.reader-sections button,.reader-menu>a{display:block;width:100%;text-align:left;text-decoration:none;border:1px solid #4b6955;background:#122e20;padding:11px 12px;border-radius:10px;cursor:pointer;box-sizing:border-box}
.reader-sections button[aria-current=page]{border-color:#e7c474;background:#254d35}
.reader-menu>a{margin-top:6px}
main{touch-action:pan-y pinch-zoom}
@media(max-width:600px){.reading-nav{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}header .brand{font-size:15px}body[data-topic=agua] header nav a{font-size:0}body[data-topic=agua] header nav a span{font-size:19px}body[data-topic=agua] header nav a:first-child{font-size:13px}}
@media(max-width:600px){body[data-topic=agua] .wrap.nav{flex-direction:row;align-items:center;gap:8px;min-height:52px;padding:6px 12px}body[data-topic=agua] .brand{white-space:nowrap;font-size:14px}body[data-topic=agua] header nav{gap:10px}}