.feelings-dictionary [hidden] { display: none; }
.feelings-dictionary .editorial-lede { max-width: 620px; }
.word-search, .dictionary-intro { max-width: 680px; margin: var(--s-section) auto 0; }
.word-search label { display: block; margin-bottom: 12px; }
.word-search input {
  width: 100%; min-width: 0; padding: 14px 16px;
  color: var(--text); background: var(--bg); border: 1px solid var(--border);
  border-radius: 12px; font: inherit; -webkit-appearance: none; appearance: none;
}
.word-search input::placeholder { color: var(--text-3); }
#search-result { margin-top: 12px; color: var(--text-2); }
.feelings-dictionary :focus-visible { outline: 2px solid var(--text); outline-offset: 5px; }
.word-illustration {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-grid-label);
  margin: var(--s-checkin) auto 0; max-width: 780px;
}
.word-branch { position: relative; border-top: 1px solid var(--border); padding-top: var(--s-grid-label); }
.word-branch::before { content: ""; position: absolute; top: -12px; left: 0; height: 12px; border-left: 1px solid var(--border); }
.word-branch span { color: var(--text-2); }
.word-branch strong { display: block; font-size: var(--t-statement); font-weight: 600; letter-spacing: -.015em; margin: 8px 0; }
.word-branch p { color: var(--text-2); }
.word-illustration figcaption { grid-column: 1 / -1; color: var(--text-3); }
.dictionary-intro p { color: var(--text-2); }
#comparison { margin-top: var(--s-grid-label); padding-left: 20px; border-left: 2px solid var(--text); color: var(--text); scroll-margin-top: 160px; }
#word-list { margin-top: var(--s-section); }
.word-pair { padding: var(--s-section) 0; border-top: 1px solid var(--hair-2); }
.word-pair h2 { font-size: 24px; font-weight: 600; letter-spacing: -.015em; line-height: 1.28; }
.pair-difference { max-width: 680px; color: var(--text-2); margin-top: 18px; }
.pair-entries { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-section); margin-top: var(--s-section); }
.feeling-entry { min-width: 0; scroll-margin-top: 160px; }
.feeling-entry h3 { font-size: var(--t-body); font-weight: 600; }
.word-definition { margin-top: 12px; color: var(--text-2); }
.word-example { margin: 18px 0; }
.dictionary-ending { margin-top: var(--s-section); }
@media (max-width: 640px) {
  .pair-entries, .word-illustration { grid-template-columns: 1fr; gap: var(--s-section); }
  .word-pair h2 { overflow-wrap: anywhere; }
  .word-illustration { margin-top: var(--s-section); }
}
@media print {
  .word-search, #comparison { display: none; }
}