/* Страницы словаря /slovar/ — дополняет styles.css */
.sl-main {
    max-width: 720px;
    margin: 0 auto;
    padding: 48px 24px 80px;
}
.sl-breadcrumb { font-size: 13px; color: #888; margin-bottom: 16px; }
.sl-breadcrumb a { color: #534AB7; text-decoration: none; }
.sl-main h1 { font-size: 28px; color: #1A1433; margin-bottom: 24px; }
.sl-main h2 { font-size: 18px; color: #1A1433; margin: 36px 0 14px; }

.sl-card {
    background: linear-gradient(135deg, #1A1433, #534AB7);
    color: #fff;
    border-radius: 18px;
    padding: 32px 28px;
    text-align: center;
}
.sl-chips { display: flex; gap: 8px; justify-content: center; margin-bottom: 14px; }
.sl-chip {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 3px 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sl-he { font-size: 52px; font-weight: 300; line-height: 1.2; }
.sl-ru { font-size: 20px; font-weight: 500; margin-top: 10px; }
.sl-tr { font-size: 15px; font-style: italic; opacity: 0.75; margin-top: 4px; }
.sl-en { font-size: 13px; opacity: 0.6; margin-top: 8px; }
.sl-root {
    margin-top: 18px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 8px 16px;
    font-size: 15px;
}
.sl-root-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.7; }

.sl-binyan { font-size: 14px; color: #555; margin-bottom: 10px; }
.sl-tenses { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.sl-tense {
    background: #F5F5F5;
    border-radius: 12px;
    padding: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 17px;
    color: #1A1433;
}
.sl-tense-label { font-size: 9px; text-transform: uppercase; letter-spacing: 0.5px; color: #888; }

.sl-example { background: #EEEDFE; border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; }
.sl-example-he { font-size: 18px; color: #1A1433; margin-bottom: 6px; }
.sl-example-ru { font-size: 14px; color: #3C3489; }

.sl-cta {
    margin-top: 36px;
    border: 1px solid #E0E0E0;
    border-radius: 14px;
    padding: 20px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sl-cta p { font-size: 14px; color: #555; max-width: 420px; }
.btn-primary {
    background: #534AB7;
    color: #fff;
    border-radius: 14px;
    padding: 14px 22px;
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
}

.sl-related, .sl-index-list { list-style: none; padding: 0; columns: 2; column-gap: 24px; }
.sl-related li, .sl-index-list li { margin-bottom: 8px; font-size: 15px; }
.sl-related a, .sl-index-list a { color: #534AB7; text-decoration: none; }
.sl-related a:hover, .sl-index-list a:hover { text-decoration: underline; }
.sl-letters a { color: #534AB7; text-decoration: none; margin-right: 6px; font-weight: 500; }

@media (max-width: 600px) {
    .sl-he { font-size: 40px; }
    .sl-related, .sl-index-list { columns: 1; }
    .sl-tenses { grid-template-columns: 1fr; }
}