/* Travel Passport: native-inspired presentation refinements (web only).
   The shared paper/cover/stamp artwork and data contracts remain unchanged. */
.travel-book {
  --pb-navy: #071b38;
  --pb-gold: #eac785;
  --pb-ink: #13274d;
  max-width: 760px;
  margin: 12px auto 26px;
}
.travel-book-toolbar {
  max-width: 490px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.travel-book .travel-book-toolbar-quick {
  color: #f5d69c;
  font-size: 12px;
  font-weight: 700;
  background: transparent;
  border: 1px solid #375275;
  border-radius: 13px;
  min-height: 44px;
  padding: 8px 14px;
}
.travel-book-position {color:#a6bad3;font-size:11px;font-weight:700;letter-spacing:1px;white-space:nowrap}
.travel-book-frame {
  width: min(100%, 490px);
  min-height: min(74vh, 520px);
  height: clamp(520px, 76vh, 760px);
  margin-inline: auto;
  padding: 7px 6px 7px 12px;
  background: linear-gradient(90deg,#c39358 0 8px,#071b38 8px);
  border: 0;
  border-radius: 17px;
  box-shadow: 0 9px 15px #0005, 0 18px 40px #0004;
}
.travel-book-sheet {border-radius: 11px; background: #fbf0e2;}
.travel-book-paper {
  padding: 15px 18px 24px;
  background: #fbf0e2 url('./assets/passport-parchment-original-style.png') center / 100% 100% no-repeat !important;
}
.travel-book-paper h2 {font-size:18px;line-height:1.25;font-weight:900;letter-spacing:.4px;color:#061b43}
.travel-book-identity-header {min-height:74px;padding:0 52px 9px 0;gap:9px;border-bottom:1px solid #c8aa9399}
.travel-book-identity-mark {width:60px;height:69px}
.travel-book-identity-header .travel-book-kicker {font-size:12px;letter-spacing:1.6px;line-height:1.65}
.travel-book-airplane-art {width:62px;height:62px;position:absolute;right:0;top:0}
.travel-book-identity {display:flex;align-items:center;gap:13px;margin:13px 0 17px}
.travel-book-avatar {width:108px;height:129px;flex:0 0 108px;border:4px solid #fff;border-radius:13px;outline:0;overflow:hidden;background:linear-gradient(140deg,#f7bebb,#a3acf0,#57c9e8)}
.travel-book-avatar img{width:100%;height:100%;object-fit:cover}
.travel-book-avatar span {width:100%;height:100%;background:transparent;border-radius:0;font-size:55px;color:#244a86}
.travel-book-identity-info {min-width:0;flex:1}
.travel-book-identity b {font-size:18px;color:#081b43;line-height:1.3;font-weight:900}
.travel-book-identity-info>span {font-size:13px;color:#516591;margin-top:4px}
.travel-book-member-since {display:block;margin-top:11px;padding-top:9px;border-top:1px solid #cab7c4;font-size:10px;line-height:1.6;color:#69718d;letter-spacing:.5px}
.travel-book-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 0 13px;border:0;border-bottom:1px solid #c8aa93;gap:0}
.travel-book-stat {padding:0 2px;min-width:0}
.travel-book-stat+.travel-book-stat {border-left:1px solid #c8aa93}
.travel-book-stat strong {font-size:23px;color:#071d48;line-height:1.3;font-weight:900}
.travel-book-stat small {font-size:10px;color:#0b1e45}
.travel-book-engraving {width:100%;height:115px;opacity:.92;margin:11px auto 3px;filter:none}
.travel-book-engraving img{height:100%;width:100%;object-fit:contain}
.travel-book-stamps {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.travel-book-stamp,.travel-book-stamp:nth-child(2n),.travel-book-stamp:nth-child(3n) {min-height:202px;transform:none;border:1px solid #b8908228;border-radius:14px;padding:7px 7px 11px;background:#ffFAf230;text-align:center;color:#12274d!important}
.travel-book-stamp[open] {grid-column:1/-1;background:#d8cbf68c;border-color:#8769c8}
.travel-book-stamp summary{gap:3px}
.travel-book-stamp-graphic{height:131px;width:100%}
.travel-book-stamp-image{width:100%;height:100%;object-fit:contain}
.travel-book-polaroids{gap:15px 12px;margin:12px 0}
.travel-book-polaroid img{height:113px}
.travel-book-controls{margin:5px auto 0;max-width:490px}
.travel-book-chapters{max-width:490px;margin:3px auto 0;justify-content:space-between;gap:3px;overflow-x:auto}
.travel-book-chapters button{min-width:43px;min-height:51px;padding:3px 4px;border-radius:11px;gap:3px}
.travel-book-chapters button .travel-book-tab-icon{width:19px;height:19px;display:block}
.travel-book-chapters button>small{font-size:9px;color:#c9d5e8}
.travel-book-chapters button[aria-pressed=true]{background:#fff8ed;color:#071b38}
.travel-book-chapters button[aria-pressed=true]>small{color:#071b38;font-weight:800}
.travel-book-page-footer{min-height:26px;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:2px;color:#8d7797;background:#fbf0e2}
.travel-book-export-studio{gap:11px}
.travel-book-export-check{min-height:43px;padding:9px 11px;border:1px solid #dcc6b5;border-radius:11px;background:#fffaf0c2;color:#13274d}
.travel-book-export-check input{accent-color:#6245d9;min-width:18px;min-height:18px}
.travel-book-export-check[hidden]{display:none!important}
.travel-book-export-actions button{min-height:49px;border-radius:11px}
.travel-book-export-studio canvas{width:min(100%,340px);max-width:100%;height:auto;aspect-ratio:auto;background:#fbf0e2;border-radius:10px}
[dir=rtl] .travel-book-frame{padding:7px 12px 7px 6px}
[dir=rtl] .travel-book-identity-header{padding:0 0 9px 52px;flex-direction:row-reverse}
[dir=rtl] .travel-book-airplane-art{right:auto;left:0}
[dir=rtl] .travel-book-identity{flex-direction:row-reverse}
[dir=rtl] .travel-book-identity-info{text-align:right}
[dir=rtl] .travel-book-stats .travel-book-stat+.travel-book-stat{border-left:0;border-right:1px solid #c8aa93}
@media(max-width:540px) {
 .travel-book-frame{height:clamp(490px,70vh,690px);min-height:490px}
 .travel-book-paper{padding:15px 16px 24px}
 .travel-book-identity-mark{width:47px;height:52px}
 .travel-book-airplane-art{width:48px;height:48px}
 .travel-book-avatar{width:95px;height:116px;flex-basis:95px}
 .travel-book-identity-header .travel-book-kicker{font-size:10px}
 .travel-book-stamp-graphic{height:126px}
 .travel-book-stamp{min-height:194px}
 .travel-book-chapters button{min-width:43px}
}
@media(max-width:350px) {.travel-book-chapters{justify-content:flex-start}.travel-book-stat strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.travel-book .travel-book-stamp,.travel-book .travel-book-polaroid{transform:none}}