/* v1.2.0: additions only; styles.css is the unchanged original stylesheet. */
.header-nav > .network-link { white-space: nowrap; }
.language-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kana-cell[data-special="sokuon"]::after { content: none; }
.flashcard[data-special="sokuon"]:not(.is-revealed) .card-action::before { content: "i"; }
@media (max-width: 760px) {
  .header-inner { gap: 12px; }
  .header-nav { gap: 2px; }
  .header-nav > .network-link { display: inline-flex; padding-inline: 9px; }
}
@media (max-width: 520px) {
  .language-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  .header-inner { gap: 8px; }
  .brand { gap: 8px; }
  .brand-copy strong { font-size: 13px; }
  .header-nav > .network-link, .language-menu > summary {
    font-size: 12px;
    padding-inline: 6px;
  }
}