/* Three typographic voices; motion is limited to direct pointer interaction. */
/* Hidden bilingual captions must not widen the page on narrow screens. */
.personal-keywords { padding: var(--space-16) var(--gutter) var(--space-24); overflow-x: clip; background: var(--paper); }
.personal-keywords__title { margin: 0 0 var(--space-16); color: var(--muted); font-size: var(--font-h4); line-height: var(--leading-heading); font-weight: var(--weight-regular); letter-spacing: var(--tracking-heading); }
.personal-keywords__field { position: relative; height: clamp(250px, 40svh, 460px); }
.personal-keywords__list { display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px 24px; list-style: none; margin: 0; padding: 0; }
.personal-keywords__word { position: relative; width: max-content; margin: 0; color: var(--keyword-color-small); font-size: var(--keyword-small-size); line-height: 1.12; font-weight: var(--weight-regular); letter-spacing: .005em; }
.personal-keywords__word[data-weight="1"] { color: var(--keyword-color-medium); font-size: var(--keyword-medium-size); letter-spacing: -.015em; }
.personal-keywords__word[data-weight="2"] { color: var(--keyword-color-large); font-size: var(--keyword-size, 56px); font-weight: var(--weight-medium); letter-spacing: -.035em; }
.personal-keywords__word[data-accent] { color: var(--color-accent); }
.personal-keywords__label { display: block; white-space: nowrap; transform: scale(var(--keyword-scale, 1)); transform-origin: center; transition: color .24s ease-out; }
.personal-keywords__word[data-active] .personal-keywords__label { color: var(--keyword-color-active); }
.personal-keywords__word[data-active][data-accent] .personal-keywords__label { color: #135b9b; }
.personal-keywords__translation { position: absolute; left: 50%; top: calc(100% + var(--keyword-caption-offset, 7px)); transform: translateX(-50%); width: max-content; color: var(--keyword-color-caption); font-size: var(--font-micro); font-weight: var(--weight-regular); line-height: 1.3; letter-spacing: .055em; white-space: nowrap; opacity: var(--keyword-caption, 0); pointer-events: none; }
.personal-keywords__field[data-ready] .personal-keywords__list { display: block; }
.personal-keywords__field[data-ready] .personal-keywords__word { position: absolute; top: 0; left: 0; }
@media (min-width: 761px) and (max-width: 1100px) {
  .personal-keywords__word[data-weight="1"] { font-size: 22px; }
  .personal-keywords__word[data-weight="2"] { font-size: clamp(44px, calc(var(--keyword-size, 56px) * .85), 56px); }
}
@media (max-width: 760px) {
  .personal-keywords__word[data-weight="2"] { font-size: clamp(28px, calc(var(--keyword-size, 56px) * .56), 36px); }
}
@media (prefers-reduced-motion: reduce) {
  .personal-keywords__label { transition: none; }
}