body.mobile-album{background:#102d25;color:#f4f1e6;min-height:100svh}.mobile-album header{height:48px;padding:0 13px;border-color:#ffffff20;padding-top:env(safe-area-inset-top);height:calc(48px + env(safe-area-inset-top))}.mobile-album .brand{font-size:12px}.mobile-album .brand small{font-size:8px;color:#c0c9bd;letter-spacing:1px}.mobile-album .mark{height:28px;width:25px;font-size:17px}.mobile-album .quiet{color:#f4f1e6;border-color:#ffffff35;font-size:10px;padding:7px 10px}.mobile-album main{display:block;padding:0 0 calc(8px + env(safe-area-inset-bottom));max-width:600px;margin:auto}.mobile-album aside{display:none}.mobile-album .viewer{width:100%;max-width:none;min-width:0}.mobile-album .topline{height:37px;padding:0 12px;margin:0}.mobile-album #count{color:#d4bb7c;font-size:10px}.mobile-album h2{font-size:12px}.mobile-album .stage{width:min(100%,calc((100svh - 179px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*.5625));min-width:240px;margin:auto;border:0;border-radius:0;background:#fdfaf1;box-shadow:none}.mobile-album #carousel{border-radius:0}.mobile-album .slide{aspect-ratio:9/16}.mobile-album .arrow{width:32px;height:44px;border-radius:5px;background:#102d25c7;box-shadow:none;border:0;opacity:.85}.mobile-album .arrow:disabled{opacity:.15}.mobile-album .prev{left:0}.mobile-album .next{right:0}.mobile-album .below{padding:8px 13px 3px;margin:auto;max-width:440px;color:#cad1c2;font-size:10px}.mobile-album #dots{gap:10px;margin-top:4px}.mobile-album #dots button{height:34px;width:34px;border-color:#ffffff35;color:#d7ddcf;font-size:11px}.mobile-album #dots button.active{background:#e1ca8d;color:#173b2e;border-color:#e1ca8d}.mobile-album .album-download{display:flex;justify-content:center;gap:28px;margin-top:9px;color:#bac5b4;font-size:10px}.mobile-album dialog{color:#173b2e}.mobile-album #toast{background:#eadcae;color:#173b2e}@media(max-width:600px){.mobile-album .stage{width:100%;max-width:min(100vw,calc((100svh - 179px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*.5625))}}@media(orientation:landscape) and (max-height:600px){.mobile-album .stage{width:280px;max-width:none}.mobile-album main{padding-bottom:20px}}

/* Mobile final report reading and controls */
.mobile-album #carousel{scroll-behavior:auto}
.mobile-album .card-reading{margin:14px 16px 10px;padding:14px 16px;border:1px solid #e1ca8d40;border-radius:12px;background:#ffffff08}
.mobile-album .reading-label{font-size:10px;color:#e1ca8d;letter-spacing:.06em}
.mobile-album #card-summary{font-size:13px;line-height:1.85;margin:7px 0 0;color:#f1f2e9;word-break:keep-all}
.mobile-album .album-download{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 16px 8px}
.mobile-album .album-download a{padding:12px 6px;border:1px solid #ffffff25;border-radius:8px;text-decoration:none;font-size:11px}
.mobile-album #dots{flex-wrap:wrap;gap:8px}.mobile-album #dots button{min-width:40px;height:40px}
.mobile-album .stage{min-width:0}.mobile-album .below{font-size:11px;padding-top:10px}
