.t-kwanchai {
  margin: 0;
  color: var(--color-ink);
  background: var(--color-surface);
  font-family: var(--font-interface);
  line-height: 1.5;
}

.c-brand-mark {
  display: block;
  /* Natural SVG ratio derives the width; it is not an authored spacing value. */
  inline-size: min(100%, calc(var(--size-brand-mark-height) * 114 / 16));
  block-size: auto;
  aspect-ratio: 114 / 16;
  object-fit: contain;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

.c-home-link {
  display: grid;
  place-items: center;
  inline-size: min(100%, calc(var(--size-brand-mark-height) * 114 / 16));
  min-block-size: var(--size-touch-target);
}

.c-attribution__link {
  color: inherit;
}

.c-home-link:focus-visible,
.c-attribution__link:focus-visible {
  /* micro-adj: canonical keyboard focus uses a two-pixel outline at default root size. */
  outline: 0.125rem solid var(--color-focus);
  outline-offset: 0.25rem;
}
