.experience-grid article {
  display: flex;
  flex-direction: column;
}

.experience-grid[hidden]{display:none!important}
.filters button{position:relative;padding-right:1.75rem}
.filters button::after{content:"";display:inline-block;width:.45rem;height:.45rem;margin:0 0 .15rem .6rem;border-right:3px solid #ffc44d;border-bottom:3px solid #ffc44d;transform:rotate(45deg);filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));transition:transform .2s ease}
.filters button[data-filter="all"]::after{width:.7rem;height:.7rem;border-width:4px;margin-left:.75rem}
.filters button[aria-expanded="true"]::after{transform:rotate(225deg);margin-bottom:-.1rem}
@media(prefers-reduced-motion:reduce){.filters button::after{transition:none}}

.filter-symbols{position:absolute;width:0;height:0;overflow:hidden}
.discover-head>.discover-intro{max-width:450px;min-width:0}
.discover-intro-track{display:block}
main .discover-head .discover-intro p{margin:0;font:400 1rem/1.6 "DM Sans",sans-serif}
@media(max-width:560px){
  .discover-head{gap:.25rem}
  .discover-head>div:first-child .eyebrow{margin-bottom:.35rem}
  .discover-head h2{margin:0}
  .discover-head>.discover-intro{max-width:100%;overflow:hidden;margin-top:.2rem}
  .discover-intro-track{display:flex;width:max-content}
  main .discover-head .discover-intro p{flex:none;width:max-content;padding-right:2rem;white-space:nowrap;font-size:.9rem;line-height:1.45}
  .discover-intro.is-running .discover-intro-track{animation:discover-intro-flow var(--discover-intro-duration,65s) linear infinite}
  .discover-intro.is-running:hover .discover-intro-track{animation-play-state:paused}
  .discover.section .filters{margin-top:.8rem}
  @keyframes discover-intro-flow{to{transform:translateX(-50%)}}
}
@media(prefers-reduced-motion:reduce){
  .discover-intro.is-running .discover-intro-track{animation:none}
  .discover-head>.discover-intro{overflow:visible}
  .discover-intro-track{width:auto}
  main .discover-head .discover-intro p{width:auto;white-space:normal;padding-right:0}
}
.discover .filters{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;margin:1.25rem 0 1.5rem}
.discover .filter-overview,.discover .filter-icons{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.discover .filter-overview{flex-wrap:nowrap}
.discover .filter-selection{display:flex;align-items:center;min-height:2.9rem;max-width:24rem;min-width:0;flex:1;padding:.4rem .85rem;border:1px solid rgba(255,255,255,.4);border-radius:.75rem;color:#fff;background:rgba(255,255,255,.035);line-height:1.25}
.discover .filters button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:3rem;min-height:2.9rem;padding:.4rem .55rem;border:1px solid rgba(255,255,255,.48);border-radius:.75rem;background:rgba(255,255,255,.04);color:#fff;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}
.discover .filters button[data-filter="all"]{padding-inline:.9rem;font-weight:700}
.discover .filters button svg{width:1.45rem;height:1.45rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.discover .filters button[data-filter="taxi"] .taxi-roof-sign{fill:#ffd170;stroke:#ffd170}
.discover .filters button[data-filter="taxi"].active .taxi-roof-sign{fill:#bd7b08;stroke:#bd7b08}
.discover .filters button[data-filter="taxi"] .taxi-roof-text{fill:#132a2b;stroke:none;font:700 3.6px/1 Arial,sans-serif;letter-spacing:0}
.discover .filters button[data-filter="taxi"].active .taxi-roof-text{fill:#fff}
.discover .filters button[data-filter="sos"] .sos-icon-text{fill:currentColor;stroke:none;font:700 5.4px/1 Arial,sans-serif;letter-spacing:0}
.discover .filter-icons button[data-filter="sos"]{order:99;margin-left:auto;min-width:5rem;padding-inline:.7rem;color:#ffd170;border-color:#ffd170;font-weight:800;letter-spacing:.04em}
.discover .filter-icons button[data-filter="sos"].active{color:#132a2b}
.discover .filters button:not([data-filter="all"])::after{width:.35rem;height:.35rem;border-width:2px;margin:0 .1rem .13rem 0}
.discover .filters button.active{background:#fff5d6;color:#132a2b;border-color:#ffd170;box-shadow:0 0 0 2px rgba(255,196,77,.45),0 0 18px rgba(255,196,77,.55)}
.discover .filters button.active::after{border-color:#9b6406}
.discover-head .eyebrow{scroll-margin-top:100px}
.discover .filters button.discover-tour-focus{position:relative;z-index:2;animation:discover-tour-glow var(--discover-tour-duration,3130ms) ease-in-out both}
@keyframes discover-tour-glow{
  0%,100%{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.48);box-shadow:0 0 0 0 rgba(255,196,77,0),0 0 0 0 rgba(255,196,77,0)}
  32%,60%{background:#fff2bf;color:#132a2b;border-color:#ffc44d;box-shadow:0 0 0 3px rgba(255,196,77,.9),0 0 24px 9px rgba(255,196,77,.7)}
}
.discover .filters button:hover,.discover .filters button:focus-visible{border-color:#ffc44d;box-shadow:0 0 0 2px rgba(255,196,77,.25)}
@media(max-width:560px){.discover .filters{gap:.5rem}.discover .filter-icons{gap:.35rem}.discover .filter-selection{min-height:2.6rem;font-size:.9rem}.discover .filters button{min-width:2.65rem;min-height:2.6rem;padding:.3rem .4rem}.discover .filters button svg{width:1.25rem;height:1.25rem}}
@media(prefers-reduced-motion:reduce){.discover .filters button{transition:none}.discover .filters button.discover-tour-focus{animation:none}}

.experience-grid article[hidden] {
  display: none;
}

.experience-grid article > b {
  margin-top: auto;
  padding-top: 1.35rem;
}

.experience-grid article.sea-safety-card {
  box-shadow: inset 0 5px 0 #e7aa60;
}

.experience-grid article.sea-safety-card > b {
  color: #ffd095;
}
.experience-grid article#sos-card { box-shadow: inset 0 5px 0 #ffd170; }
.experience-grid article#sos-card > b { color: #ffd170; }
.sos-primary-call { margin-top: 1rem; }
.sos-primary-call a {
  display: inline-block;
  padding: .45rem .8rem;
  border-radius: .6rem;
  color: #132a2b;
  background: #ffd170;
  font-weight: 800;
  text-decoration: none;
}
.sos-number-list { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .85rem; }
.sos-number-list a {
  padding: .38rem .58rem;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: .5rem;
  color: #fff;
  text-decoration: none;
  font-size: .82rem;
}
.sos-primary-call a:focus-visible,.sos-number-list a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.experience-grid details {
  margin-top: 1.15rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.experience-grid summary {
  color: #b8e2e4;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 700;
}

.experience-grid details p {
  margin: 0.75rem 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.9rem;
}

.experience-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.experience-actions a,
.experience-actions button {
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.52rem 0.78rem;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
}

.experience-actions a:first-child,
.experience-actions button:first-child {
  background: #e7aa60;
  border-color: #e7aa60;
  color: #132a2b;
}

.experience-actions a:hover,
.experience-actions a:focus-visible,
.experience-actions button:hover,
.experience-actions button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.experience-grid article.assistant-discover-result {
  border-color: rgba(255, 209, 112, .6);
}
.experience-grid.is-overview article.assistant-discover-result .experience-actions { display: flex; }
.experience-grid article.assistant-discover-result > p,
.experience-grid.is-overview article.assistant-discover-result > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

@media (min-width: 901px) {
  .experience-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .experience-grid.is-overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
  }

  .experience-grid.is-overview article {
    min-height: 0;
    padding: 1.15rem;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
  }

  .experience-grid.is-overview article:hover,
  .experience-grid.is-overview article:focus-visible {
    background: #14636a;
    outline: 2px solid #e7aa60;
    outline-offset: -2px;
  }

  .experience-grid.is-overview article.is-expanded {
    grid-column: span 2;
    cursor: default;
    padding: 1.65rem;
    background: #123f43;
  }

  .experience-grid.is-overview article span {
    font-size: 0.67rem;
  }

  .experience-grid.is-overview article h3 {
    font-size: 1.18rem;
    margin: 0.55rem 0;
  }

  .experience-grid.is-overview article > p {
    display: -webkit-box;
    font-size: 0.82rem;
    line-height: 1.45;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .experience-grid.is-overview details,
  .experience-grid.is-overview .experience-actions {
    display: none;
  }

  .experience-grid.is-overview article.is-expanded details,
  .experience-grid.is-overview article.is-expanded .experience-actions {
    display: block;
  }

  .experience-grid.is-overview article.is-expanded .experience-actions {
    display: flex;
  }

  .experience-grid.is-overview article.is-expanded > p {
    display: block;
    overflow: visible;
  }

  .experience-grid.is-overview article > b {
    font-size: 0.78rem;
    padding-top: 0.75rem;
  }
}

.discover .filters button[data-filter="health"] svg{color:#ffd170}
.experience-grid article#health-card{box-shadow:inset 0 5px 0 #ffd170}
.experience-grid article#health-card > b{color:#ffd170}