.wt-general-info-page {
    width: 100%;
}

.wt-general-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.wt-general-search {
    width: min(22rem, 42vw);
}

.wt-pronunciation-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-inline-start: auto;
}

.wt-letter-select {
    width: 7rem;
}

.wt-select-dropdown-scroll-5 .kt-select-options {
    max-height: calc(5 * 2.625rem + var(--spacing));
    overflow-y: auto;
}

.wt-general-table {
    width: 100%;
    min-width: 100%;
}

.wt-general-table th,
.wt-general-table td {
    vertical-align: middle;
    white-space: normal;
}

.wt-general-table th {
    text-align: left;
}

.wt-general-table thead th button,
.wt-general-table-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 2.5rem;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 0;
}

.wt-general-table thead th button {
    cursor: pointer;
}

.wt-general-table .kt-table-col {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
}

.wt-general-table .kt-table-col-label {
    min-width: 0;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: manual;
    -webkit-hyphens: manual;
    line-height: 1.25;
}

.wt-general-table .kt-table-col-sort {
    flex: 0 0 auto;
    align-self: center;
}

.wt-caliber-size-table th,
.wt-caliber-size-table td {
    text-align: left;
}

.wt-caliber-size-table th:first-child,
.wt-caliber-size-table td:first-child {
    width: 28%;
}

.wt-pronunciation-table td {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.wt-brand-name {
    font-weight: 600;
}

.wt-brand-pronunciation {
    color: var(--color-secondary-foreground);
    font-weight: 400;
}

.wt-general-table tbody > .wt-last-visible-row {
    border-bottom-width: 0 !important;
}

.wt-pronunciation-dash {
    color: var(--color-muted-foreground);
}

.wt-logo-column,
.wt-logo-cell {
    width: 104px;
    text-align: left;
}

.wt-logo-cell img,
.wt-logo-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.wt-logo-cell img {
    filter: grayscale(1) contrast(1.1);
}

.wt-logo-placeholder {
    border: 1px dashed var(--color-border);
    border-radius: 0.65rem;
    background: var(--color-muted);
    color: var(--color-muted-foreground);
    font-size: 1.25rem;
}

#constructive-codes,
#movement-indexing,
#exterior-indexing {
    scroll-margin-top: 6rem;
}

.wt-index-code-table th:first-child,
.wt-index-code-table td:first-child,
.wt-small-code-table th:first-child,
.wt-small-code-table td:first-child {
    width: 110px;
    text-align: center;
}

.wt-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    padding: 0.25rem 0.55rem;
    border-radius: 0.45rem;
    background: var(--color-muted);
    color: var(--color-foreground);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
}

.wt-reference-prose {
    display: grid;
    gap: 1rem;
    line-height: 1.65;
}

.wt-reference-prose h4 {
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
}

.wt-reference-prose .wt-general-table {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

@media (max-width: 640px) {
    .wt-general-card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .wt-general-search {
        width: 100%;
    }

    .wt-pronunciation-toolbar {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        margin-inline-start: 0;
    }

    .wt-letter-select {
        width: 100%;
    }

    .wt-factories-table {
        min-width: 720px;
    }

    .wt-logo-column,
    .wt-logo-cell {
        width: 84px;
    }

    .wt-logo-cell img,
    .wt-logo-placeholder {
        width: 52px;
        height: 52px;
    }

    .wt-index-code-table {
        min-width: 640px;
    }
}