/* Two pairs of photographs; destination planning lives in the Q&A. */
.marine-island-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,3.2vw,48px) clamp(22px,2.6vw,40px);align-items:start}
.marine-aerial-views,.marine-activities{display:contents}
#main .marine-snorkelling img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 57%}
.marine-activity figcaption strong{display:block;font:400 clamp(22px,2vw,28px)/1.2 var(--serif);color:var(--paper-light);margin-bottom:8px}
.marine-activity figcaption span{display:block;font-size:.78rem;line-height:1.6}
.marine-destinations{padding-top:32px;border-top:1px solid #d8e6df40}
.marine-destinations>.eyebrow{color:#c6d7d5;margin-bottom:24px;font-size:.75rem}
.marine-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.6vw,40px);align-items:start}
.marine-destination-grid figure{min-width:0;margin:0}
.marine-destination-grid img{display:block;width:100%;height:auto;object-fit:contain}
.marine-destination-grid figcaption{margin-top:18px;color:#dce5e0;font-size:.84rem;line-height:1.65}
.marine-destination-grid figcaption strong{display:block;color:var(--paper-light);font-weight:400;font-size:clamp(21px,2.1vw,29px);line-height:1.25;margin-bottom:9px}
.marine-life .marine-footnote{margin-top:30px;padding-top:18px;border-top:1px solid #d8e6df40}
.destination-questions{margin-top:64px;scroll-margin-top:110px}
.destination-questions>header{padding-bottom:27px}
.destination-questions>header .eyebrow{color:var(--blue);font-size:.75rem;margin-bottom:16px}
.destination-questions h3{font-size:clamp(32px,3.3vw,45px);line-height:1.2;font-weight:400;letter-spacing:-.025em}
.destination-questions details{scroll-margin-top:110px}
.destination-questions summary{align-items:center}
.destination-questions summary span{flex:none;width:20px;height:28px;line-height:28px;text-align:center}
.questions .day-trip-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:center;margin:28px 0}
.day-trip-map{margin:0;min-width:0}
.day-trip-map img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.day-trip-map figcaption{font-size:.69rem;line-height:1.6;color:var(--muted);margin-top:10px}
.questions .day-trip-times{margin:0}
.day-trip-times>div{padding:18px 0;border-top:1px solid var(--line)}
.day-trip-times>div:first-child{padding-top:0;border-top:0}
.day-trip-times dt{font-size:1rem;line-height:1.4}
.day-trip-times dt small{display:block;font-size:.74rem;line-height:1.5;color:var(--muted);margin-top:4px}
.day-trip-times dd{margin:8px 0 0;font-size:clamp(25px,2.5vw,34px);line-height:1.2;white-space:nowrap;color:var(--blue)}
.day-trip-times dd.day-trip-access{white-space:normal}
.day-trip-access small{display:block;font-size:.74rem;line-height:1.5;color:var(--muted);margin-top:5px}
.questions .destination-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:18px}
.destination-links a{font-size:.8rem;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.questions .day-trip-note{font-size:.88rem;color:var(--muted)}
.arrival-options .arrival-airstrip{grid-column:1/-1;max-width:564px;width:100%;justify-self:end;margin:0}
.arrival-airstrip img{display:block;width:100%;height:auto}
.arrival-airstrip figcaption{margin-top:13px;font-size:.8rem;line-height:1.65;color:var(--muted)}
@media(max-width:760px){
  .marine-island-views{grid-template-columns:1fr;gap:32px}
  .marine-activity figcaption strong{font-size:28px}
  .marine-activity figcaption span{font-size:.85rem}
  .marine-life .marine-footnote{display:flex;flex-wrap:wrap;gap:12px 26px}
  .marine-life .marine-footnote a{margin-top:0}
  .marine-destination-grid{grid-template-columns:1fr;gap:34px}
  .marine-destination-grid figcaption{font-size:.92rem;margin-top:15px}
  .marine-destination-grid figcaption strong{font-size:27px}
  .destination-questions{margin-top:46px}
  .questions .day-trip-overview{grid-template-columns:1fr;gap:28px}
  .day-trip-map{max-width:460px}
  .day-trip-times>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
  .day-trip-times dd{margin:0;font-size:27px}
  .arrival-options .arrival-airstrip{justify-self:start}
}
@media(max-width:380px){
  .day-trip-times>div{grid-template-columns:1fr;gap:9px}
  .day-trip-times dd{font-size:29px}
}