/* sextas.css — Lámina VIII: la dualidad sexta ↔ semidisminuido. */

.sextas__banner { text-align: center; margin: 10px 0 22px; }
.sextas__eq { font-family: var(--font-display); font-weight: 300; font-size: clamp(40px, 8vw, 72px); }
.sextas__is { font-family: var(--font-display); font-size: var(--t-2); color: var(--live); margin: 0 14px; }
.sextas__sub { margin: 6px 0 0; font-size: var(--t--1); }
.sextas__sub b { color: var(--ink); }

#play-all { display: block; margin: 0 auto 24px; }

.invs { display: flex; flex-direction: column; gap: 10px; }
.inv {
  display: grid; grid-template-columns: auto 1fr; grid-template-areas: 'play label' 'play notes' 'play kb';
  align-items: center; gap: 4px 16px;
  background: var(--paper-sunk); border: 1px solid var(--line); border-radius: var(--radius); padding: 12px 16px;
}
.inv__play {
  grid-area: play; align-self: center; background: var(--live); color: var(--paper);
  border: none; border-radius: 50%; width: 38px; height: 38px; font-size: var(--t--1);
  transition: background var(--d-2) var(--ease);
}
.inv__play:hover { background: var(--live-bright); }
.inv__label { grid-area: label; font-family: var(--font-display); font-size: var(--t-0); }
.inv__notes { grid-area: notes; display: flex; flex-wrap: wrap; gap: 6px; }
.inv__notes .notepill { border-left: 3px solid var(--pc, var(--live)); padding: 3px 9px; }
.inv__kb { grid-area: kb; max-width: 280px; margin-top: 6px; }
.inv__kb .keyboard { max-width: 280px; }

.sextas__caveat { margin-top: 22px; font-size: var(--t--2); font-style: italic; max-width: 64ch; }
.sextas__caveat em { color: var(--ink); }