.mh-form[data-astro-cid-5rppanhh] {
  margin-top: var(--space-lg);
}

.mh-row[data-astro-cid-5rppanhh] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: var(--space-sm);
}

.mh-fields[data-astro-cid-5rppanhh] {
  flex: 0 12rem;
}

.mh-fields[data-astro-cid-5rppanhh] label[data-astro-cid-5rppanhh] {
  display: block;
  margin-bottom: calc(var(--space-xs) / 2);
  color: var(--color-heading);
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: .08em;
}

.mh-fields[data-astro-cid-5rppanhh] .select-wrap[data-astro-cid-5rppanhh] {
  width: 100%;
}

.mh-submit[data-astro-cid-5rppanhh] {
  margin: 0;
}

.mh-error[data-astro-cid-5rppanhh] {
  margin: var(--space-sm) 0 0;
  color: var(--color-support);
  font-weight: 600;
}

.mh-result[data-astro-cid-5rppanhh] {
  display: grid;
  grid-template-columns: minmax(0, 19rem) minmax(0, 1fr);
  gap: var(--space-xl);
  align-items: center;
  margin: 0 0 var(--space-xl);
  padding: var(--space-xl);
  border-radius: var(--radius-lg);
  background: var(--color-brand);
  color: var(--color-on-brand);
  box-shadow: var(--shadow-soft);
}

.mh-result[data-astro-cid-5rppanhh][hidden] {
  display: none;
}

.mh-result[data-astro-cid-5rppanhh] h2[data-astro-cid-5rppanhh] {
  margin: 0 0 var(--space-md);
  color: var(--color-on-brand-accent);
  font-size: var(--text-lg);
  letter-spacing: .16em;
}

.mh-result[data-astro-cid-5rppanhh] [data-astro-cid-5rppanhh]:focus-visible {
  outline-color: var(--color-on-brand-accent);
}

.mh-result-text[data-astro-cid-5rppanhh] > p[data-astro-cid-5rppanhh] {
  max-width: var(--prose-width);
}

.mh-result-text[data-astro-cid-5rppanhh] > p[data-astro-cid-5rppanhh]:last-child {
  margin-bottom: 0;
  color: var(--color-on-brand-muted);
}

.mh-result[data-astro-cid-5rppanhh] .more[data-astro-cid-5rppanhh] {
  color: var(--color-on-brand-accent);
}

.mh-result[data-astro-cid-5rppanhh] .more[data-astro-cid-5rppanhh]:after {
  background: var(--color-on-brand-accent);
}

.mh-name[data-astro-cid-5rppanhh] {
  display: inline-block;
  color: var(--color-on-brand-accent);
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.4;
}

.mh-wheel[data-astro-cid-5rppanhh] {
  position: relative;
}

.mh-wheel[data-astro-cid-5rppanhh] svg[data-astro-cid-5rppanhh] {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.mh-ring[data-astro-cid-5rppanhh] {
  fill: none;
  stroke: var(--color-on-brand-hairline);
  stroke-width: 1px;
}

.mh-wheel[data-astro-cid-5rppanhh] g circle {
  fill: var(--color-brand);
  stroke: var(--color-brand-line);
  stroke-width: .8px;
  transition: fill .8s var(--ease-out);
}

.mh-wheel[data-astro-cid-5rppanhh] g text {
  fill: var(--color-on-brand-muted);
  font-size: 15px;
  letter-spacing: 0;
}

.mh-wheel[data-astro-cid-5rppanhh] g.is-active circle {
  fill: var(--color-on-brand-accent);
  stroke: var(--color-on-brand-accent);
}

.mh-wheel[data-astro-cid-5rppanhh] g.is-active text {
  fill: var(--color-brand);
}

.mh-wheel[data-astro-cid-5rppanhh] g.is-early circle {
  stroke: var(--color-on-brand-accent);
  stroke-dasharray: 2.5 2.5;
}

.mh-wheel[data-astro-cid-5rppanhh] g.is-early text {
  fill: var(--color-on-brand-accent);
}

.mh-wheel-name[data-astro-cid-5rppanhh] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
  color: var(--color-on-brand);
  font-size: var(--text-fluid-sm);
  letter-spacing: .16em;
  line-height: 1.2;
  white-space: nowrap;
}

@media (prefers-reduced-motion: no-preference) {
  .mh-result[data-astro-cid-5rppanhh] {
    animation: rise .9s var(--ease-out) both;
  }

  .mh-wheel-name[data-astro-cid-5rppanhh] {
    animation: fade 1.4s var(--ease-out) .3s both;
  }
}

.mh-table[data-astro-cid-5rppanhh] {
  margin-bottom: var(--space-md);
}

.mh-table[data-astro-cid-5rppanhh] th[data-astro-cid-5rppanhh][scope="row"] {
  width: 52%;
  font-weight: 600;
}

.mh-table[data-astro-cid-5rppanhh] td[data-astro-cid-5rppanhh], .mh-table[data-astro-cid-5rppanhh] th[data-astro-cid-5rppanhh] {
  padding-block: var(--space-sm);
}

.mh-head[data-astro-cid-5rppanhh] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-md);
  align-items: center;
}

.mh-head[data-astro-cid-5rppanhh] .kanshi-mark[data-astro-cid-5rppanhh] {
  width: 3rem;
  height: 3rem;
  font-size: var(--text-2xl);
}

.mh-honzon[data-astro-cid-5rppanhh] {
  color: var(--color-heading);
  font-weight: 600;
}

.mh-years[data-astro-cid-5rppanhh] {
  font-weight: 400;
  color: var(--color-muted);
}

.nw[data-astro-cid-5rppanhh] {
  white-space: nowrap;
}

.honzon-cards[data-astro-cid-5rppanhh] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-md);
  margin: var(--space-md) 0 0;
}

.honzon-card[data-astro-cid-5rppanhh] {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--space-md);
  padding: var(--space-lg);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.honzon-marks[data-astro-cid-5rppanhh] {
  display: grid;
  align-content: start;
  gap: var(--space-xs);
}

.honzon-card[data-astro-cid-5rppanhh] h3[data-astro-cid-5rppanhh] {
  margin: 0 0 var(--space-xs);
}

.honzon-card[data-astro-cid-5rppanhh] p[data-astro-cid-5rppanhh] {
  margin: 0;
}

@media (width <= 860px) {
  .mh-result[data-astro-cid-5rppanhh] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-lg);
    padding: var(--space-lg) var(--space-md);
  }

  .mh-wheel[data-astro-cid-5rppanhh] {
    width: min(100%, 16rem);
    margin-inline: auto;
  }

  .honzon-cards[data-astro-cid-5rppanhh] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (width <= 560px) {
  .mh-fields[data-astro-cid-5rppanhh] {
    flex-basis: 100%;
  }

  .mh-head[data-astro-cid-5rppanhh] {
    grid-template-columns: minmax(0, 1fr);
  }

  .mh-head[data-astro-cid-5rppanhh] .kanshi-mark[data-astro-cid-5rppanhh] {
    display: none;
  }

  .mh-table[data-astro-cid-5rppanhh] th[data-astro-cid-5rppanhh][scope="row"] {
    width: 36%;
  }

  .mh-table[data-astro-cid-5rppanhh] td[data-astro-cid-5rppanhh]:last-child {
    padding-left: var(--space-sm);
  }

  .mh-table[data-astro-cid-5rppanhh] th[data-astro-cid-5rppanhh], .mh-table[data-astro-cid-5rppanhh] td[data-astro-cid-5rppanhh] {
    padding-left: calc(var(--space-xs) * .6);
    padding-right: calc(var(--space-xs) * .6);
  }

  .honzon-card[data-astro-cid-5rppanhh] {
    padding: var(--space-md);
  }
}

@media (width <= 360px) {
  .mh-table[data-astro-cid-5rppanhh] {
    font-size: var(--text-sm);
  }
}