/* alphabet.css — только уникальные стили для главы 10. Базовые стили в chapter-base.css */

.info-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}
.info-card h4{font-size:16px;color:var(--cyan);margin-bottom:8px;font-weight:700}
.info-card p,.info-card li{font-size:14.5px;color:var(--ink);line-height:1.65}
.info-card ul,.info-card ol{padding-left:18px;margin:8px 0}
.info-card li{margin-bottom:4px}

.code-box{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:14px 18px;font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--amber);overflow-x:auto;margin:12px 0;line-height:1.7}

.slider-group{margin:12px 0;display:flex;flex-direction:column;gap:8px}
.slider-group label{font-size:13px;color:var(--muted)}

textarea{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:13px;width:100%;min-height:120px;resize:vertical}
textarea:focus{border-color:var(--cyan);outline:none}

table.iv{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}
table.iv th{background:var(--bg2);color:var(--cyan);font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;padding:8px 10px;text-align:left;border-bottom:2px solid var(--line)}
table.iv td{padding:8px 10px;border-bottom:1px solid var(--line);color:var(--ink)}

.tblbox{margin:16px 0;overflow-x:auto}

.cnv-inp{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--cyan);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 14px}

.svg-diag{margin:16px 0;border-radius:12px;background:var(--bg2)}