.oi-highlights-grid{grid-template-columns:repeat(3,1fr)}.oi-know{background-color:#fff}.oi-know-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);max-width:1000px;margin:0 auto}.oi-know-grid .oi-know-card:nth-child(4){grid-column:1 / 2}.oi-know-grid .oi-know-card:nth-child(5){grid-column:2 / 3}.oi-know-card{display:flex;gap:var(--space-3);align-items:flex-start;background-color:#fff;border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.oi-know-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.oi-know-card--ferry{border-left:4px solid #1d4ed8}.oi-know-card--timing{border-left:4px solid #d97706}.oi-know-card--arrive{border-left:4px solid #16a34a}.oi-know-card--weather{border-left:4px solid #ec4899}.oi-know-card--clothing{border-left:4px solid var(--color-primary-600)}.oi-know-icon{flex-shrink:0;margin-top:2px}.oi-know-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-900);margin-bottom:.4rem}.oi-know-card p{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.65;margin:0}@media (max-width: 1100px){.oi-highlights-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.oi-know-grid{grid-template-columns:1fr 1fr}.oi-know-grid .oi-know-card:nth-child(4),.oi-know-grid .oi-know-card:nth-child(5){grid-column:auto}}@media (max-width: 768px){.oi-highlights-grid{grid-template-columns:1fr 1fr}.oi-know-grid{grid-template-columns:1fr}body.orcas-island-tour-page{padding-bottom:76px}}@media (max-width: 480px){.oi-highlights-grid{grid-template-columns:1fr}}