.account-tools{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}.account-tools>a{color:var(--gilt,#e3c77d);text-decoration:none;font-size:.85rem;white-space:nowrap}.account-tools select{width:auto;max-width:148px;min-height:40px;padding:8px 28px 8px 10px;color:var(--gilt,#e3c77d);background:#171025;border:1px solid #5b4938;border-radius:6px;font:inherit;font-size:.82rem}.account-tools select option{background:#171025;color:#eee8dc}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.account-tools :focus-visible{outline:2px solid #e3c77d;outline-offset:4px}@media(max-width:600px){.site-header{flex-wrap:wrap;gap:12px}.site-header .account-header-links{order:3;flex-basis:100%;justify-content:flex-start}.account-tools{gap:12px}.account-tools select{max-width:116px}.site-header .brand{font-size:20px}nav .logo{font-size:18px}}.account-tools>a{min-height:44px;display:inline-flex;align-items:center}.account-tools select{min-height:44px}.nav-links a{min-height:44px;display:inline-flex;align-items:center}.page h1{overflow-wrap:anywhere;hyphens:auto}.legal-language-tools{display:flex;justify-content:center;gap:12px;margin:16px 0}.legal-language-note{font-size:13px;text-align:center;margin:12px 0;color:var(--haze-dim,#aaa)}html[lang=en] .legal-language-note{display:none}

/* Reading, checkout and account pages share the same mobile type scale. */
.localized-flow {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html[lang="zh-Hans"] .localized-flow {
  --display: "Songti SC", "Noto Serif CJK SC", "SimSun", serif;
  --ui: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;
}
html[lang="ja"] .localized-flow {
  --display: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK JP", serif;
  --ui: "Hiragino Sans", "Yu Gothic", "Noto Sans CJK JP", system-ui, sans-serif;
}
.localized-flow:lang(zh) :is(.eyebrow, .label),
.localized-flow:lang(ja) :is(.eyebrow, .label) {
  font-family: var(--ui);
  letter-spacing: .06em;
}
.localized-flow :is(h1, h2) {
  text-wrap: balance;
}
.localized-flow :is(main, dialog) :is(h1, h2, h3, .primary-button, .quiet, .status, .tarot-caption) {
  overflow-wrap: anywhere;
}
.localized-flow :is(.account-delivery, .pending-checkout, #return-summary) {
  overflow-wrap: anywhere;
}
.localized-flow .order-row .status {
  font-size: 12px;
  white-space: normal;
}
.localized-flow .order-row :is(.quiet, .status) {
  max-width: 100%;
  text-align: start;
}

@media (max-width: 720px) {
  .localized-flow .site-header {
    flex-wrap: wrap;
    column-gap: 12px;
  }
  .localized-flow .account-tools {
    flex-shrink: 1;
    min-width: 0;
    max-width: 100%;
  }
  .localized-flow .account-tools > a {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .localized-flow .account-tools select {
    flex: 0 0 auto;
  }
  .localized-flow .account-header-links {
    order: 3;
    flex-basis: 100%;
  }
  .localized-flow main h1,
  .localized-flow #introduction :is(.focus-intro, .hero) h1 {
    font-size: clamp(30px, 8.5vw, 38px);
    line-height: 1.24;
  }
  .localized-flow main .intro {
    font-size: 14px;
  }
  .localized-flow :is(main, dialog) .primary-button {
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    max-width: 100%;
  }
  .localized-flow .order-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .localized-flow .order-row .quiet {
    justify-self: start;
  }
}