/* ===== the Antarctica expedition page: a story, the yacht, and a list of departures ===== */
.xwhy{padding:0}.xwhy .wrap{padding-top:28px}.xwhy p+p{margin-top:10px}
.xbody{padding-top:12px;padding-bottom:80px} /* side padding stays the .wrap gutter */
.xbody section{margin-top:36px;padding:0} /* the home-page section padding does not apply here */
.xbody h2{font-size:1.8rem;margin-bottom:10px}
.xbody h3{font-size:1.25rem;margin:22px 0 8px}
.xbody p,.xbody li{color:var(--ink-2);font-size:15.5px;max-width:68ch}
.xbody ul{margin-left:18px}
.xday{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line)}
.xday .xd{font-family:var(--serif);font-size:1.2rem;line-height:1.2}
.xday b{display:block;font-weight:500;font-size:16.5px;margin-bottom:4px}
.xday+.note,.xdates .note{margin-top:16px}
.xincl{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.xincl h3{margin-top:0}
.xsetup{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:520px;margin-top:18px}
.xsetup label{display:block;font-size:13px;color:var(--ink-3);margin-bottom:5px}
.xsetup input{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r);font:inherit;height:44px;-webkit-appearance:none;appearance:none;background:#fff}
.xprice{margin-top:16px}.xprice p+p{margin-top:4px;font-size:14px;color:var(--ink-3)}
.deps{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.dep{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;opacity:.72}
.dep.near{opacity:1;border-color:var(--ink);box-shadow:0 8px 24px rgba(31,26,20,.06)}
.dep.chosen{background:var(--paper-2)}
.dep b{display:block;font-weight:500;font-size:16px}
.dep small{display:block;color:var(--ink-3);font-size:13px}
.dep .dp{font-size:15px;white-space:nowrap}
.dep button{border:1px solid var(--ink);border-radius:999px;padding:7px 14px;font-size:14px;background:#fff;white-space:nowrap}
.dep.chosen button{background:var(--ink);color:var(--paper)}
.xbook{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 12px 40px rgba(31,26,20,.08)}
.xbook h3{margin-top:0}
.xbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.xbook .fine{font-size:13px;color:var(--ink-3);margin-top:12px}
#page-exp #home-guide{padding:0;margin-top:44px}
#page-exp .guide{grid-template-columns:1fr;gap:28px}#page-exp .gpreview{max-width:560px}#page-exp #g-plan{display:none}#page-exp #g-add{grid-column:1/-1}
@media (max-width:620px){
  .xday{grid-template-columns:1fr;gap:4px}
  .xincl{grid-template-columns:1fr}
  .xsetup{grid-template-columns:1fr 1fr}
  .dep{grid-template-columns:1fr auto}.dep>div:first-child{grid-column:1;grid-row:1}.dep .dp{grid-column:1;grid-row:2}.dep button{grid-column:2;grid-row:1/span 2}
  .xbtns .btn{width:100%;justify-content:center}
}

/* picture placeholders: a dashed frame that says what should go there */
.ph{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;border:2px dashed var(--line);border-radius:var(--r);background:var(--paper-2);color:var(--ink-3);font-size:14px;text-align:center;padding:16px;margin:22px 0;max-width:720px}
.ph span{max-width:28ch}
.gallery .ph{flex:0 0 auto;width:var(--pw);margin:0}
.xwhy.collapsed p:not(:first-of-type){display:none}
.xwhy #xwhy-more{display:inline-block;margin-top:6px;font-size:14px;color:var(--ink);text-decoration:underline} /* Read more / Read less */
.status{font-size:12.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}
.status.ok{color:var(--green);border-color:var(--green)}.status.sold{color:var(--ink-3)}
.dep.soldout{opacity:.55;grid-template-columns:1fr auto}
#exp-deps h3{margin:26px 0 10px}
#exp-deps .dep{opacity:1}

.xsetup{grid-template-columns:1fr;max-width:none}.xsetup .f{max-width:260px}
#x-warn{margin-top:14px;max-width:68ch}
#exp-soldout{margin-top:14px;font-size:14px;color:var(--ink-3);max-width:68ch}
#exp-soldout:empty{display:none}#exp-soldout a{color:var(--ink)}
.xbook .rule{font-size:14px;color:var(--ink-2);margin-top:8px}
/* the booking form in the box: the site's form, a little tighter; the handover line sits just above the buttons */
.xbook .xform{margin-top:16px;gap:12px}.xbook .xform textarea{min-height:84px}
.xbook .handover{font-size:14.5px;color:var(--ink-2);background:var(--paper-2);border-radius:var(--r);padding:12px 14px;max-width:none}
.xbook .xform .xbtns{margin-top:0}.xbook .xform .xbtns .btn{width:auto;flex:1 1 auto;padding:12px 16px;font-size:15px;min-height:46px}
.xbook .sent{padding:6px 0 0}.xbook .sent h3{margin-top:0}
#page-pay .note{margin-top:18px}

/* pictures in the text, and the yacht's own strip */
.xphoto{display:block;width:100%;max-width:720px;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);margin:22px 0}
.xstrip{--pw:min(80%,520px);margin:22px 0}
@media (max-width:620px){.xstrip{--pw:88%}}