/* Isolated account preview: the approved emerald cabin, copper and wine-red ink. */
.voyage.account-preview { width: min(1160px, calc(100% - 64px)); margin: 22px auto 34px; }
.account-preview .account-demo-note { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 11px 16px; margin: 0 0 22px; border: 1px solid #8d7448; background: #122b21de; color: #dcc8a1; font-size: 12px; line-height: 1.7; }
.account-demo-note strong { color: #f3e3bf; font-size: 13px; }
.account-demo-note > a { margin-left: auto; min-height: 44px; display: inline-flex; align-items: center; padding: 6px; color: #ebcf99; text-underline-offset: 5px; }
.account-demo-note > a:hover { color: #fff1d1; }
.account-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: stretch; gap: 24px; }
.account-layout > * { min-width: 0; }
.account-preview .account-scene { position: relative; isolation: isolate; min-height: 610px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 25px 27px; overflow: hidden; border-width: 14px; border-image-width: 14px; }
.account-scene-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 91% center; }
.account-scene::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #07150b16 12%, #081c146b 44%, #071a13f0 70%, #071a13fc); }
.account-scene-label { display: inline-flex; align-items: center; align-self: start; gap: 8px; padding: 9px 13px; color: #ead1a2; border: 1px solid #a98751; background: #173126e6; box-shadow: 0 4px 8px #070b0873; font-family: var(--voyage-title); font-size: 17px; letter-spacing: .12em; }
.account-scene-label .cabin-icon { width: 22px; height: 27px; }
.account-scene-copy { padding-top: 210px; }
.account-preview .account-scene-copy .eyebrow { margin-bottom: 14px; color: #e1c38d; }
.account-preview .account-scene-copy h2 { margin-bottom: 19px; color: #f5e2b5; font-size: clamp(29px, 3vw, 40px); line-height: 1.52; letter-spacing: .07em; text-shadow: 1px 2px 1px #755333, 0 4px 5px #06130b; }
.account-scene-copy h2 > span { display: block; }
.account-preview .account-scene-copy > p:not(.eyebrow) { max-width: 26em; color: #e0ceb0; font-size: 14px; line-height: 1.95; }
.account-scene-rule { display: flex; align-items: center; gap: 13px; color: #c2a16b; margin: 25px 0 9px; }
.account-scene-rule span { height: 1px; flex: 1; background: #9d82536b; }
.account-scene-rule .cabin-icon { width: 26px; height: 26px; }
.account-scene-signature { display: block; color: #c4ad83; font-family: var(--voyage-title); text-align: center; font-size: 13px; letter-spacing: .16em; }
.account-preview .account-sheet { padding: 22px 31px 30px; border-width: 14px; border-image-width: 14px; }
.account-tabs { display: flex; gap: 25px; margin: -5px 0 25px; padding-bottom: 3px; border-bottom: 1px solid #a38a5a70; }
.account-tabs a { min-height: 46px; display: flex; align-items: center; padding: 5px 0; color: #776146; border-bottom: 3px solid transparent; font-size: 14px; text-decoration: none; white-space: nowrap; }
.account-tabs a[aria-current='page'] { border-color: #813c2e; color: #75382b; font-weight: 700; }
.account-tabs a:hover { color: #572d21; border-bottom-color: #b39162; }
.account-preview .account-heading { margin-bottom: 25px; }
.account-preview .account-heading .eyebrow { margin-bottom: 7px; color: #80684a; }
.account-preview .account-heading h1 { margin: 0 0 12px; color: #6e3428; font-family: var(--voyage-title); font-size: clamp(31px, 3vw, 39px); letter-spacing: .06em; line-height: 1.3; text-wrap: balance; }
.account-preview .account-heading > p:last-child { margin-bottom: 0; color: #766047; font-size: 14px; line-height: 1.85; }
.account-form { display: grid; gap: 18px; }
.account-field { min-width: 0; }
.account-field > label, .account-label-row > label, .account-issued-link > label { display: block; margin-bottom: 8px; color: #483b29; font-size: 14px; font-weight: 600; }
.account-label-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.account-label-row > a { display: inline-flex; align-items: center; min-height: 44px; margin-top: -14px; font-size: 12px; color: #7b3b2f; text-underline-offset: 4px; }
.account-preview .account-form :is(input:not([type='checkbox']), textarea, select) { min-height: 49px; border-color: #aa8c5f; background: #fff8e8e6; box-shadow: inset 0 2px 4px #96784210; }
.account-preview .account-form textarea { min-height: 106px; line-height: 1.8; }
.account-password { display: flex; align-items: stretch; position: relative; }
.account-preview .account-password > input { padding-right: 64px; }
.account-password > button { position: absolute; top: 3px; right: 3px; bottom: 3px; min-width: 53px; min-height: 44px; padding: 6px 10px; border: 0; border-left: 1px solid #b8996a5c; color: #74583a; background: transparent; font-size: 12px; border-radius: 0; }
.account-password > button:hover { background: #e9d7b67d; color: #653428; }
.account-preview .account-field-note { margin: 6px 0 0; color: #7b654c; font-size: 12px; line-height: 1.7; }
.account-preview .account-submit { width: 100%; min-height: 50px; margin-top: 3px; font-size: 16px; letter-spacing: .08em; }
.account-preview .account-afterword { margin: -8px 0 0; color: #7a6249; text-align: center; font-size: 12px; line-height: 1.8; }
.account-preview .account-feedback:empty { display: none; }
.account-preview .account-feedback, .account-preview .account-error { padding: 13px 17px; margin-bottom: 20px; border-left: 4px solid #d2ac66; background: #244d35; color: #f4e7cd; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.account-preview .account-error { border-color: #c68365; background: #6a3429; color: #ffedd4; }
.account-preview .account-error:focus { outline: 2px solid #e9c485; outline-offset: 4px; }
.account-preview [aria-invalid='true'] { border-color: #a34431 !important; box-shadow: inset 0 0 0 1px #a34431 !important; }
.account-preview .field-error { margin: 6px 0 0; color: #8b3226; font-size: 12px; }
.account-demo-credentials { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; margin-top: 27px; padding-top: 20px; border-top: 1px solid #a38a5a70; }
.account-demo-credentials strong { color: #725332; font-size: 13px; font-weight: 600; }
.account-preview .account-demo-credentials p { margin: 5px 0 0; color: #80684a; font-size: 12px; }
.account-demo-credentials code { color: #70412b; font-family: Consolas, monospace; font-size: 12px; }
.credential-divider { padding: 0 8px; }
.account-demo-credentials .text-button { font-size: 12px; }
.account-preview .account-demo-credentials .account-demo-hint { width: 100%; color: #7c684f; font-size: 11px; line-height: 1.8; }
.account-preview .account-result { display: flex; gap: 17px; align-items: start; padding: 22px 18px; margin-top: 23px; border: 1px solid #b29765; background: #dbc79d66; }
.account-result > div { min-width: 0; flex: 1; }
.account-preview .account-result h2 { font-size: 24px; margin-bottom: 8px; line-height: 1.5; overflow-wrap: anywhere; }
.account-preview .account-result p:not(.eyebrow) { color: #705b40; font-size: 14px; line-height: 1.8; }
.account-preview .account-result .button-row { gap: 6px 12px; }
.account-preview .account-result .voyage-button { padding: 8px 13px; font-size: 13px; }
.account-result-seal { display: grid; place-items: center; width: 41px; height: 45px; flex: 0 0 41px; margin-top: 3px; border: 2px double #966340; color: #894831; font-family: var(--voyage-title); font-size: 26px; }
.account-result > .cabin-icon { width: 35px; height: 35px; flex: 0 0 35px; margin-top: 5px; color: #637549; }
.account-preview .account-result--success { background: #496d3e18; border-color: #8e9963; }
.account-inline-link { display: inline-flex; align-items: center; min-height: 44px; color: #77372d; font-size: 13px; text-underline-offset: 4px; }
.account-recovery-steps { margin: -4px 0 25px; padding: 0; list-style: none; }
.account-recovery-steps > li { display: flex; gap: 14px; padding: 12px 0; border-bottom: 1px solid #ae95664d; }
.account-recovery-steps > li:first-child { padding-top: 0; }
.account-recovery-steps > li > span { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 31px; margin-top: 2px; border: 1px solid #a58858; color: #7c4b31; font-family: Georgia, serif; font-size: 16px; background: #d4ba8659; }
.account-recovery-steps strong { font-size: 14px; color: #57432b; }
.account-preview .account-recovery-steps p { margin: 2px 0 0; color: #766047; font-size: 12px; line-height: 1.7; }
.account-preview .account-contact-result textarea { margin-bottom: 13px; min-height: 128px; font-size: 13px; line-height: 1.85; color: #614a32; background: #fff4da8c; }
.account-reset-invalid { display: grid; justify-items: center; text-align: center; padding: 22px 8px 28px; }
.account-reset-invalid > .cabin-icon { width: 52px; height: 52px; margin-bottom: 20px; color: #9a7547; }
.account-preview .account-reset-invalid h2 { font-size: 26px; }
.account-preview .account-reset-invalid p { color: #7b6248; font-size: 14px; }
.account-reset-identity { padding: 13px 16px; margin-bottom: 24px; border-left: 3px solid #856c42; background: #d7c29459; }
.account-reset-identity > strong { display: block; color: #6b3629; font-family: var(--voyage-title); font-size: 24px; overflow-wrap: anywhere; }
.account-preview .account-reset-identity > p { margin: 3px 0 0; font-size: 12px; color: #7a6347; }
.account-preview .account-footer { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 8px 26px; padding: 20px 0 0; margin-top: 25px; border-top: 3px double #a48a554d; font-size: 12px; }
.account-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #dac297; text-decoration-color: #8c724c; text-underline-offset: 5px; }
.account-footer a:hover { color: #fff0ce; }
.account-footer > span { flex-basis: 100%; color: #bba580; text-align: center; font-size: 11px; }
.account-preview .account-desk-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 25px; padding: 24px 30px; border-width: 13px; border-image-width: 13px; }
.account-preview .account-desk-heading h1 { margin: 0 0 10px; color: #f3dfb4; font-family: var(--voyage-title); font-size: clamp(34px, 4vw, 46px); letter-spacing: .1em; line-height: 1.3; text-shadow: 1px 2px 1px #6b482e; }
.account-preview .account-desk-heading p:last-child { margin-bottom: 0; color: #d5c3a3; font-size: 14px; }
.account-desk-seal { display: grid; justify-items: center; gap: 9px; flex: 0 0 100px; color: #c5a46b; font-family: var(--voyage-title); font-size: 15px; letter-spacing: .13em; }
.account-desk-seal > .cabin-icon { width: 57px; height: 57px; }
.account-desk-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.account-preview .account-desk-panel { min-width: 0; padding: 24px; }
.account-preview .account-desk-panel .section-heading h2 { font-size: 26px; }
.account-preview .account-panel-intro { margin-top: -3px; margin-bottom: 21px; color: #796249; font-size: 13px; line-height: 1.85; }
.account-desk-panel .queue-row { gap: 12px; align-items: start; }
.account-desk-panel .queue-actions { gap: 4px 7px; max-width: 43%; }
.account-desk-panel .queue-actions .voyage-button { padding: 7px 10px; }
.account-desk-panel .queue-main p { font-size: 13px; }
.account-queue-row { padding: 17px 0; border-top: 1px solid #ad8c5954; }
.account-queue-row:first-child { border-top: 0; }
.account-queue-row > header { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; align-items: center; }
.account-preview .account-queue-row p { color: #735b41; font-size: 13px; }
.account-verified-check { display: flex; gap: 10px; align-items: start; color: #6b5238; font-size: 13px; line-height: 1.85; cursor: pointer; padding: 13px 12px; border: 1px solid #b29a705c; background: #cfba8852; }
.account-verified-check > input { appearance: auto; flex: 0 0 19px; width: 19px; height: 19px; margin: 3px 0 0; accent-color: #6e3a2c; }
.account-issued-link { margin-top: 24px; padding: 19px 17px 13px; border-top: 3px double #9e7d4c; background: #ceb68240; }
.account-preview .account-issued-link h3 { font-family: var(--voyage-title); font-size: 25px; }
.account-preview .account-issued-link input { font-family: Consolas, monospace; font-size: 12px; background: #fff4d7; }
.account-issued-link > .button-row { margin-top: 16px; gap: 9px; }
.account-preview .account-issued-link .voyage-button { min-width: 0; font-size: 13px; padding: 8px 12px; }
.account-preview .account-issued-link > .text-button { font-size: 12px; margin-top: 4px; }
.account-desk-footnote { display: flex; justify-content: center; gap: 12px; padding: 24px 17px 0; color: #c3ad89; }
.account-desk-footnote > .cabin-icon { width: 22px; height: 28px; flex: 0 0 22px; }
.account-preview .account-desk-footnote > p { max-width: 52em; margin: 0; font-size: 12px; line-height: 1.85; }
.account-preview button:active:not(:disabled) { transform: translateY(1px); }
@media (max-width: 1050px) {
  .account-preview .account-sheet { padding: 20px 22px 26px; }
  .account-preview .account-scene { padding: 22px 19px; }
  .account-layout, .account-desk-layout { gap: 18px; }
  .account-preview .account-scene-copy h2 { font-size: 30px; }
  .account-preview .account-desk-panel { padding: 19px; }
  .account-desk-panel .queue-row { flex-wrap: wrap; }
  .account-desk-panel .queue-actions { max-width: 100%; flex-basis: 100%; justify-content: start; }
}
@media (max-width: 800px) {
  .voyage.account-preview { width: calc(100% - 40px); }
  .account-layout { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
  .account-preview .account-scene { padding: 18px 14px; border-width: 10px; border-image-width: 10px; }
  .account-preview .account-scene-copy h2 { font-size: 27px; letter-spacing: .02em; }
  .account-scene-label { font-size: 14px; padding: 8px 10px; }
  .account-preview .account-scene-copy > p:not(.eyebrow) { font-size: 13px; }
  .account-preview .account-sheet { padding: 20px 18px 24px; border-width: 10px; border-image-width: 10px; }
  .account-tabs { gap: 18px; }
  .account-desk-layout { grid-template-columns: 1fr; }
  .account-desk-panel .queue-row { flex-wrap: nowrap; }
  .account-desk-panel .queue-actions { max-width: 43%; flex-basis: auto; justify-content: end; }
}
@media (max-width: 620px) {
  .voyage.account-preview { width: calc(100% - 28px); margin-top: 15px; }
  .account-preview .account-demo-note { margin-bottom: 16px; padding: 8px 11px; gap: 1px 8px; }
  .account-demo-note > span:last-of-type { width: calc(100% - 20px); margin-left: 18px; font-size: 11px; }
  .account-demo-note > a { margin-left: 18px; min-height: 44px; padding: 4px 0; }
  .account-layout { grid-template-columns: 1fr; gap: 17px; }
  .account-preview .account-scene { min-height: 0; padding: 18px 21px 20px; }
  .account-scene-image { object-position: 85% 55%; }
  .account-scene::after { background: linear-gradient(90deg, #0c2018ef 0%, #0c2018d9 45%, #0c201830); }
  .account-scene-label { display: none; }
  .account-scene-copy { padding-top: 0; width: 72%; }
  .account-preview .account-scene-copy .eyebrow { margin-bottom: 7px; font-size: 10px; }
  .account-preview .account-scene-copy h2 { margin: 0; font-size: 27px; line-height: 1.55; letter-spacing: .04em; }
  .account-preview .account-scene-copy > p:not(.eyebrow), .account-scene-rule, .account-scene-signature { display: none; }
  .account-preview .account-sheet { padding: 19px 20px 25px; }
  .account-tabs { margin-bottom: 23px; gap: 24px; }
  .account-preview .account-heading h1 { font-size: 32px; }
  .account-preview .account-heading > p:last-child { font-size: 13px; }
  .account-preview .account-result { gap: 12px; padding: 18px 14px; }
  .account-result-seal { width: 30px; height: 37px; flex-basis: 30px; font-size: 23px; }
  .account-preview .account-result h2 { font-size: 23px; }
  .account-result > .cabin-icon { width: 29px; height: 29px; flex-basis: 29px; }
  .account-preview .account-footer { gap: 1px 19px; margin-top: 19px; padding-top: 14px; }
  .account-preview .account-desk-heading { padding: 20px 19px; border-width: 10px; border-image-width: 10px; }
  .account-desk-seal { display: none; }
  .account-preview .account-desk-heading h1 { font-size: 34px; }
  .account-preview .account-desk-panel { padding: 19px 16px; border-width: 10px; border-image-width: 10px; }
  .account-preview .account-desk-panel .section-heading { gap: 10px; }
  .account-preview .account-desk-panel .section-heading h2 { font-size: 25px; }
  .account-desk-panel .queue-row { flex-wrap: wrap; }
  .account-desk-panel .queue-actions { max-width: 100%; flex-basis: 100%; justify-content: start; }
}
@media (max-width: 360px) {
  .voyage.account-preview { width: calc(100% - 20px); }
  .account-preview .account-sheet { padding: 17px 13px 22px; }
  .account-tabs { gap: 20px; }
  .account-tabs a { font-size: 13px; }
  .account-preview .account-heading h1 { font-size: 29px; }
  .account-preview .account-scene { padding: 15px 16px 18px; }
  .account-preview .account-scene-copy h2 { font-size: 24px; }
  .account-preview .account-result { padding: 16px 12px; gap: 9px; }
  .account-result-seal, .account-result > .cabin-icon { display: none; }
  .account-preview .account-desk-panel { padding: 17px 12px; }
  .credential-divider { padding: 0 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .account-preview :is(a, button, input, textarea, select) { transition: none; }
  .account-preview button:active:not(:disabled) { transform: none; }
}