/* Inherits the app's light, paper and dark theme tokens. */
.word-usage {
  margin: 20px 0 4px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm, 8px);
  background: var(--surface);
  color: var(--ink);
  min-width: 0;
  overflow-wrap: anywhere;
}
.word-usage h4 { margin: 0 0 16px; font-size: 17px; line-height: 1.6; color: var(--blue); }
.word-usage h4 span { font-family: 'Noto Sans JP', sans-serif; }
.word-usage h5 { margin: 0 0 8px; font-size: 15px; line-height: 1.6; }
.word-usage-context { margin: 0 0 16px; font-size: 14px; line-height: 1.85; }
.word-usage-structure { margin-bottom: 20px; }
.word-usage ul { margin: 0; padding-left: 22px; }
.word-usage li { padding-left: 3px; margin-bottom: 8px; font-size: 15px; line-height: 1.9; }
.word-usage li:last-child { margin-bottom: 0; }
.word-usage-table-wrap { max-width: 100%; }
.word-usage-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; line-height: 1.75; }
.word-usage-table caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.word-usage-table th, .word-usage-table td { border: 1px solid var(--line); padding: 12px 14px; vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.word-usage-table thead th { background: var(--surface-soft); color: var(--ink); font-weight: 700; }
.word-usage-table thead th:first-child { width: 52%; }
.word-usage-table tbody th { font-weight: 500; }
.word-usage-phrase { display: block; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; line-height: 1.85; }
.word-usage-reading { display: block; font-family: 'Noto Sans JP', sans-serif; color: var(--muted); font-size: 12px; line-height: 1.7; margin-top: 3px; font-weight: 400; }
.word-usage-note { margin: 16px 0 0; font-size: 13px; line-height: 1.85; color: var(--muted); }
@media (max-width: 480px) {
  .word-usage { padding: 14px 12px; }
  .word-usage h4 { font-size: 16px; }
  .word-usage-table th, .word-usage-table td { padding: 10px 9px; }
  .word-usage-table { font-size: 13px; }
  .word-usage-phrase { font-size: 15px; }
}