@font-face {
  font-family: "NotoSansOldTurkic-Web";
  src: url("/resources/static/fonts/noto-sans-old-turkic-old-turkic-400-normal.woff2") format("woff2"),
       url("/resources/static/fonts/noto-sans-old-turkic-old-turkic-400-normal.woff") format("woff"),
       url("/resources/static/fonts/noto-sans-old-turkic-old-turkic-400-normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NotoSansNKo-Web";
  src: url("/resources/static/fonts/NotoSansNKo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+07F7;
}

.corpus-header-label { font-size: 1rem; font-weight: 600; }
.corpus-header-dropdown { font-size: 1rem; font-weight: 600; color: inherit; text-decoration: none; }
.corpus-header-dropdown.dropdown-toggle::after { margin-left: 0.35rem; }
.corpus-icon-btn { width: 1.25rem; height: 1.25rem; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--bs-secondary-color); line-height: 1; }
.corpus-icon-btn:hover { background: var(--bs-tertiary-bg); color: var(--bs-body-color); }
.corpus-icon-svg { width: 1.1rem; height: 1.1rem; display: block; }
.corpus-table-fixed { table-layout: fixed; width: 100%; }
.corpus-cell { white-space: pre-wrap; }
.corpus-token { border-radius: 0.25rem; padding: 0.05rem 0.15rem; transition: background-color .12s ease-in-out; touch-action: manipulation; }
.corpus-token-active { background-color: rgba(13,110,253,.15); }
.corpus-token-match { background-color: rgba(13,110,253,.15); }
.corpus-token-pinned { background-color: rgba(13,110,253,.22); }
.corpus-token-remark-sup { font-size: 0.72em; vertical-align: super; color: var(--bs-secondary-color); cursor: pointer; user-select: none; margin-left: 0.08rem; position: relative; display: inline-block; line-height: 1; }
.corpus-token-remark-sup:hover { color: var(--bs-body-color); }
.corpus-induced { color: var(--bs-tertiary-color,var(--bs-secondary-color,#adb5bd)); }
.corpus-remark { text-decoration: underline dotted; cursor: help; position: relative; }
.corpus-remark-pop { position: absolute; left: 0; top: 100%; margin-top: 0.25rem; background: #fff; border: 1px solid var(--bs-border-color); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1); padding: 0.35rem 0.5rem; border-radius: 0.5rem; z-index: 5; min-width: 160px; max-width: 240px; white-space: normal; line-height: 1.35; }
.corpus-original { text-align: right; }
.corpus-seq { width: 3.5rem; color: var(--bs-secondary-color); font-variant-numeric: tabular-nums; text-align: center; }
.corpus-mobile-toolbar { margin-bottom: 0.5rem; }
.corpus-mobile-toolbar .btn { font-size: 0.8rem; padding: 0.18rem 0.5rem; line-height: 1.2; }
.corpus-mobile-toolbar .btn.dropdown-toggle::after { margin-left: 0.3rem; }

@media (max-width: 576px) {
  .table-responsive { overflow-x: visible; }
  .corpus-table { width: 100%; }
  .corpus-table thead { display: none; }
  .corpus-table tbody tr { display: block; padding: 0.75rem 0; border-bottom: 1px solid var(--bs-border-color); }
  .corpus-table tbody tr.corpus-segment-image-row { border-bottom: 0; padding-bottom: 0.25rem; }
  .corpus-table-fixed { table-layout: auto; }
  .corpus-table-fixed colgroup { display: none; }
  .corpus-table tbody td { display: block; width: 100%; padding: 0.25rem 0; border: 0; }
  .corpus-table tbody td + td { margin-top: 0.25rem; }
  .corpus-table tbody td::before { content: ""; display: none; }
}