.divein-booking{--booking-image-width:calc(2 * var(--space-3xl) + var(--space-lg));--booking-image-height:calc(2 * var(--space-2xl) + var(--component-space-5));--booking-surface:#ECF4F2;--booking-border:#D2E5E0;--booking-row-border:#DFDEDA;--booking-row-radius:var(--media-space-medium);--booking-row-padding-y:var(--media-space-label);--booking-row-padding-x:var(--component-space-10);--booking-name-size:calc(var(--text-xs) + var(--border-width-tool) / 2);--booking-statement-size:calc(var(--text-2xs) + var(--border-width-tool) / 2);--booking-statement-gap:var(--border-width-tool);--booking-feature-inset:var(--text-sm);--booking-feature-width:var(--component-space-5);--booking-feature-accent:#5A9B8A;--booking-feature-check:#4A8575;--booking-feature-name:#1E1D1B;--booking-statement-color:#52504A;--booking-arrow-color:#549CC4;--booking-row-hover-shadow:0 var(--component-space-6) var(--space-md) calc(-1 * var(--component-space-10)) rgb(7 39 90 / 40%);--booking-statement-weight:500;padding:var(--space-md);border:1px solid var(--booking-border);border-radius:var(--radius);background:var(--booking-surface);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-loose);font-weight:var(--font-weight-normal);color:var(--color-text-body);& .divein-wtbook-list{display:grid;gap:var(--space-sm);margin:0;padding:0;scroll-margin-top:var(--booking-anchor-offset)}& .divein-wtbook-item{display:block;position:relative;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:var(--booking-row-padding-y) var(--booking-row-padding-x);background:var(--color-surface-page);border:1px solid var(--booking-row-border);border-radius:var(--booking-row-radius);text-decoration:none;text-align:start;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}& .divein-wtbook-item:hover{box-shadow:var(--booking-row-hover-shadow);border-color:var(--color-focus-ring)}& .divein-wtbook-item:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}& .divein-wtbook-item--featured{padding-left:var(--booking-feature-inset)}& .divein-wtbook-item--featured::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--booking-feature-width);border-radius:var(--booking-row-radius) 0 0 var(--booking-row-radius);background:var(--booking-feature-accent)}& .divein-wtbook-name{display:flex;align-items:center;justify-content:space-between;gap:var(--component-space-5);font-family:var(--font-display);font-size:var(--booking-name-size);font-weight:var(--font-weight-bold);line-height:1.25;color:var(--color-text-heading)}& .divein-wtbook-item--featured .divein-wtbook-name{color:var(--booking-feature-name)}& .divein-wtbook__arrow{flex:none;font-size:var(--text-xs);color:var(--booking-arrow-color)}& .divein-wtbook-stmt{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--booking-statement-gap);font-family:var(--font-display);font-size:var(--booking-statement-size);font-weight:var(--booking-statement-weight);line-height:1.3;color:var(--booking-statement-color)}& .divein-wtbook-check{flex:none;color:var(--booking-arrow-color);font-weight:var(--font-weight-bold)}& .divein-wtbook-item--featured .divein-wtbook-check{color:var(--booking-feature-check)}& .divein-wtbook-headline{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text-heading)}& .divein-booking__image{width:var(--booking-image-width);max-width:100%;margin:0;align-self:start;border-radius:var(--radius-sm);overflow:hidden}& .divein-booking__image img{display:block;width:100%;height:var(--booking-image-height);aspect-ratio:3 / 2;object-fit:cover}}.liveaboard-header-booking-grid{min-width:0}.divein-wtbook-list:target{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap);border-radius:var(--radius-button)}.divein-booking--card:has(.divein-booking__image){display:grid;grid-template-columns:var(--booking-image-width) minmax(0,1fr);gap:var(--space-sm) var(--space-md);& .divein-wtbook-headline{grid-column:1 / -1;margin-bottom:0}}@media (max-width:767px){.divein-booking--card:has(.divein-booking__image){grid-template-columns:minmax(0,1fr)}}