/* Shared transparent reading controls for the embedded book and spatial AR. */
.passport-reading{width:min(480px,100%);margin:0 auto;color:rgba(245,248,251,.90);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;pointer-events:none}
.passport-reading [hidden]{display:none!important}
.passport-reading-status{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 5px;font-size:10px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.passport-reading-badge{color:rgba(245,220,164,.88);letter-spacing:.04em}
.passport-reading-progress{color:rgba(236,244,250,.82)}
.passport-reading-hint{margin:5px 0 6px;font-size:11px;color:rgba(240,246,250,.86);text-shadow:0 1px 4px rgba(0,0,0,.55)}
.passport-reading-navigation{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;pointer-events:none}
.passport-reading-navigation button,.passport-reading-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid rgba(235,243,248,.24);border-radius:7px;background:rgba(10,25,42,.18);color:rgba(245,248,251,.90);font-size:12px;font-weight:600;line-height:1.3;font-family:inherit;text-decoration:none;cursor:pointer;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-shadow:0 1px 3px rgba(0,0,0,.4)}
.passport-reading-navigation .passport-reading-cta{background:rgba(229,196,126,.26);border-color:rgba(229,196,126,.36);color:rgba(255,246,222,.92)}
.passport-reading-navigation button:hover,.passport-reading-navigation a:hover{background:rgba(190,213,232,.24)}
.passport-reading-navigation .passport-reading-arrow,#arControls .passport-reading-navigation .passport-reading-arrow{position:fixed;top:42%;transform:translateY(-50%);width:36px;height:44px;min-height:44px;padding:0;border:1px solid rgba(235,243,248,.16);border-radius:18px;background:rgba(10,25,42,.12);font-size:28px;font-weight:400;line-height:1;color:rgba(245,248,251,.82)}
.passport-reading-navigation .passport-reading-previous{left:max(8px,env(safe-area-inset-left))}
.passport-reading-navigation .passport-reading-next{right:max(8px,env(safe-area-inset-right))}
.passport-reading button:focus-visible,.passport-reading a:focus-visible,.passport-reading summary:focus-visible{outline:3px solid rgba(105,227,220,.9);outline-offset:3px}
.passport-reading-text,#arControls .passport-reading .passport-reading-text{width:100%;max-height:32dvh;overflow:auto;margin-top:3px;border:0;border-radius:8px;background:transparent;text-align:left;pointer-events:auto}
.passport-reading-text[open],#arControls .passport-reading .passport-reading-text[open]{background:rgba(10,25,42,.32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.passport-reading-text summary{min-height:44px;padding:13px 14px;font-size:11px;cursor:pointer;color:rgba(236,244,250,.82);text-align:center}
.passport-reading-text h3{margin:0 14px 9px;font-size:18px;line-height:1.25;color:rgba(245,220,164,.92);font-weight:550}
.passport-reading-text p{margin:0 14px 14px;font-size:13px;line-height:1.55;color:rgba(239,246,251,.88)}
.passport-reading-text .passport-reading-note{font-size:10px;color:rgba(218,231,241,.78)}
@media(max-width:420px){.passport-reading-navigation{gap:5px}.passport-reading-navigation a,.passport-reading-navigation .passport-reading-return{font-size:11px;padding:9px 11px}.passport-reading-status{gap:8px;font-size:10px}.passport-reading-text{max-height:27dvh}}
@media(prefers-reduced-motion:reduce){.passport-reading *{scroll-behavior:auto!important}}