/*
 * Inline icon system, used in place of emoji in prose.
 *
 * The same rules also live in tailwind.min.css, because most of the site
 * loads that. The handcrafted pages (travel guides, accommodation and
 * airport-transfer guides) never load Tailwind at all, and without a size
 * constraint an inline <svg> expands to its container — so they link this
 * file instead. Keep the two copies in step.
 */
.cr-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  flex-shrink: 0;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cr-heading {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

.cr-heading .cr-icon {
  width: 1.1em;
  height: 1.1em;
  color: #c2410c;
}

.cr-ok {
  color: #047857;
}

.cr-no {
  color: #b91c1c;
}

.cr-warn {
  color: #b45309;
}

.cr-list {
  list-style: none;
  padding-left: 0;
}

.cr-list > li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.cr-list > li > .cr-icon {
  margin-top: 0.28em;
}

.cr-skip{position:absolute;left:-9999px;top:0;z-index:60}.cr-skip:focus{left:.5rem;top:.5rem;padding:.5rem 1rem;background:#fff;color:#c2410c;font-weight:600;border-radius:.25rem;box-shadow:0 2px 8px rgb(0 0 0/.2)}.cr-link{color:#c2410c}.cr-link:hover{color:#9a3412}