/* Existing mobile tiles are also used on desktop. */
@media (min-width: 751px) {
 .tenmei-front-page .tenmei-section-06 .tenmei-top-attribute-grid,
 .tenmei-attribute-overview .tenmei-top-attribute-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  column-gap: 1.068702%;
  row-gap: 6.666667%;
  aspect-ratio: 1310 / 585;
  width: 100%;
  margin: 6em auto 8em;
 }
 .tenmei-front-page .tenmei-section-06 .tenmei-top-attribute-tile,
 .tenmei-attribute-overview .tenmei-top-attribute-tile {
  display: block;
  height: 100%;
  background-image: url("../images/top_sec6_02.webp");
  background-repeat: no-repeat;
  background-size: 522.328549% 214.285714%;
  background-position: calc(var(--attribute-x) * 25%) calc(var(--attribute-y) * 100%);
 }
}

.tenmei-attribute-overview .tenmei-top-attribute-grid { margin: 3em auto 4em; }
.tenmei-attribute-overview .tenmei-center-copy { text-align: center; }
@media (max-width: 750px) {
 .tenmei-attribute-overview .tenmei-top-attribute-grid { margin: 8vw auto; }
 .tenmei-attribute-overview .tenmei-heading-row > h2 {
  font-size: calc(var(--tenmei-font-size-base) * 1.6);
  line-height: 1.2;
  letter-spacing: .0500002em;
 }
 .tenmei-attribute-overview .tenmei-top-attribute-tile { box-shadow: inset 0 0 0 1px #c4a64d; }
}

.tenmei-top-attribute-grid > .tenmei-attribute-link {
 display: block;
 min-width: 0;
 text-decoration: none;
}
.tenmei-top-attribute-grid > .tenmei-attribute-link:focus-visible {
 outline: 2px solid var(--tenmei-color-gold);
 outline-offset: 3px;
}

/* Existing small/strong stay direct children: attribute colors remain unchanged. */
.tenmei-sixty-page .tenmei-sixty-cell { position: relative; transition: background-color .2s ease; }
.tenmei-sixty-page .tenmei-sixty-cell > a.tenmei-sixty-cell-link,
.tenmei-sixty-page .tenmei-sixty-cell > a.tenmei-sixty-cell-link:is(:hover, :focus, :active) {
 position: absolute;
 inset: 0;
 display: block;
 color: inherit;
 background: transparent;
 text-decoration: none;
}
.tenmei-sixty-page .tenmei-sixty-cell:has(> a.tenmei-sixty-cell-link:is(:hover, :focus, :active)) {
 background-color: rgb(196 166 77 / 20%);
}
.tenmei-sixty-page .tenmei-sixty-cell > a.tenmei-sixty-cell-link:focus-visible {
 outline: 2px solid var(--tenmei-color-gold);
 outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce) {
 .tenmei-sixty-page .tenmei-sixty-cell { transition: none; }
}