.tile-like-wrapper.svelte-w1tafb .material-symbols-outlined {
    font-size: 16px;
  }


  /* Tile labels: Manrope (h3 token) for the slightly heavier display feel
     seen in the reference, falling back to system sans where Manrope is
     not yet loaded. Two-line clamp keeps long localized titles aligned
     with their neighbours rather than blowing up the row height. */
  .practical-label.svelte-phjp7g {
    font-family: 'Manrope', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    /* Allow long marina-interpolated titles ("Provisioning in Athens,
       Marina Alimos") to wrap up to four lines instead of being clipped
       at two. Word-break catches the rare unbreakable token. */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  @media (min-width: 1024px) {
    .practical-label.svelte-phjp7g {
      font-size: 15px;
      line-height: 19px;
    }
  }


  .practical-label.svelte-sh05mp {
    font-family: 'Manrope', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
  }


  .strip-fit.svelte-18cn8jd { max-width: 100%; }
  @media (min-width: 1024px) {
    .strip-fit.svelte-18cn8jd {
      /* Desktop: clamp to an integer multiple of tile-stride (180 + 16)
         so the rightmost tile never appears half-cut and the buttons
         line up with the rightmost tile. Pure CSS so SSR == hydrate. */
      max-width: max(180px, calc(round(down, 100% + 16px, 196px) - 16px));
    }
  }


  /* Match LinkStripCard.practical-label so CTA tiles line up visually with
     the practical strip — same font, weight, line-clamp, wrap behaviour. */
  .cta-label.svelte-1o319uy {
    font-family: 'Manrope', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-shadow: 0 1px 2px rgb(0 0 0 / 0.4);
  }


  .tile-like-wrapper.svelte-57ivht .material-symbols-outlined {
    font-size: 16px;
  }


  .practical-label.svelte-yglyyj {
    font-family: 'Manrope', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
  }


  .practical-label.svelte-1l2ertt {
    font-family: 'Manrope', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
  }


  .practical-label.svelte-1pfofgd {
    font-family: 'Manrope', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
  }


  .practical-label.svelte-10qprj9 {
    font-family: 'Manrope', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
  }


  .strip-fit.svelte-6cxwgz { max-width: 100%; }
  @media (min-width: 1024px) {
    .strip-fit.svelte-6cxwgz {
      max-width: max(180px, calc(round(down, 100% + 16px, 196px) - 16px));
    }
  }