.voyage-choice{width:100%;min-width:0}.voyage-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.voyage-options article{min-width:0;padding:16px;border:1px solid #baded634;border-radius:14px;background:#142733;display:flex;flex-direction:column;gap:10px}.voyage-options h3{font-size:19px;line-height:1.25;margin:0}.voyage-options p{overflow-wrap:anywhere;font-size:13px;line-height:1.55;flex:1;margin:0}.voyage-options .exp-button{min-height:44px;width:100%;white-space:normal}.draft-connection{padding:10px;border-left:3px solid #86cbb9;background:#16342e;overflow-wrap:anywhere}.draft-connection b{display:block;font-size:11px;letter-spacing:.05em;color:#b9eddd}@media(max-width:650px){.voyage-options{grid-template-columns:minmax(0,1fr)}}
/* Keep promise art inside its grid track and every choice in one body scroller. */
.exp-modal.exp-illustrated.modal-voyage{align-items:stretch;justify-items:stretch;grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(76px,16dvh,120px) minmax(0,1fr);width:min(780px,100%)}
.modal-voyage>.exp-location-art{grid-column:1;grid-row:1;align-self:stretch;height:100%;max-height:100%}
.modal-voyage>.exp-location-art>img{animation:none;transform:none}
.modal-voyage>.exp-dialog-body{box-sizing:border-box;grid-column:1;grid-row:2;align-self:stretch;align-items:stretch;justify-content:flex-start;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;padding:16px}
.voyage-choice{text-align:left;flex:0 0 auto}
.voyage-choice>h2{font-size:clamp(21px,4vw,27px);line-height:1.2;margin:8px 0}
.voyage-choice>p{font-size:13px;line-height:1.5;margin:0;max-width:none}
.voyage-choice .voyage-options{grid-template-columns:minmax(0,1fr);margin:16px 0 0;gap:12px}
.voyage-options article{box-sizing:border-box;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:14px}
.voyage-options .exp-upgrade-icon{box-sizing:border-box;width:40px;height:40px;border-radius:12px}
.voyage-options .exp-upgrade-icon .exp-icon{width:23px;height:23px}
.voyage-options h3{font-size:17px;grid-column:2;overflow-wrap:anywhere}
.voyage-options p,.voyage-options .exp-button{grid-column:1/-1}
.modal-voyage .voyage-options .exp-button{min-height:44px;font-size:13px;padding:10px 12px}
@media(min-aspect-ratio:4/3){
 .exp-modal.exp-illustrated.modal-voyage{grid-template-columns:minmax(100px,.45fr) minmax(0,1.55fr);grid-template-rows:minmax(0,1fr)!important}
 .modal-voyage>.exp-dialog-body{grid-column:2;grid-row:1}
}

/* Checkpoint reports stay readable and scroll to their action on short screens. */
.exp-modal.modal-checkpoint{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}
.exp-modal.modal-checkpoint>*{flex-shrink:0}