@import url('../assets/external/fonts.googleapis.com/css2.7a86cb87.css');

/* Apply the font globally */
body {
  font-family: "Stick", "Noto Sans TC", sans-serif; /* Primary font with fallbacks */
  /*font-size: 20px;*/ /* Base font size for the body */
  /*font-size: 1.125rem;*/ /* 1rem = 16px by default, so this is 18px */
  font-size: 1.38rem;
  line-height: 1.6; /* Readability */
}

/*
 * content area width
 * default: 80-100 characters
 * 1440px: for longer space
 * initial: stretch to available
 *
 * */
.md-grid {
  max-width: initial;
}

/* Container for the tag list */
.md-typeset .md-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0;
  margin: 1rem 0;
  list-style: none;
}

/* Individual cloud tags */
.md-typeset .md-tag-list a {
  background-color: var(--md-primary-color--light, #efefef);
  color: var(--md-primary-color, #333);
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

/* Hover effects */
.md-typeset .md-tag-list a:hover {
  background-color: var(--md-primary-color);
  color: var(--md-primary-color--text, #fff);
}