@import url("../Home/assets/css/fontawesome-all.min.css");
@import url("text-tools.css");
@import url("header-fix.css");
@import url("footer.css");

.translator-mode {
    display: grid;
    gap: 4px;
    min-width: 150px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
}

.translator-mode span {
    color: var(--muted);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.translator-mode strong {
    color: var(--ink);
    font-size: 0.92rem;
}

.translator-note {
    width: min(1440px, calc(100% - 32px));
    margin: 16px auto 64px;
    padding: 18px 20px;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 18px;
    background: rgba(15, 118, 110, 0.06);
    color: #475569;
    line-height: 1.7;
}

.translator-note p { margin: 0; }
.translator-note strong { color: #0f172a; }

@media (max-width: 640px) {
    .translator-mode { width: 100%; min-width: 0; }
}