/* Раздел «Морфология» (часть Б). Цвета: только переменные site.css (договор §3). */
.pos{font:400 15px var(--font);color:var(--muted);margin-left:6px}
.m-other{margin:0 0 14px;color:var(--muted)}
.m-other a{margin-left:10px}
.m-sec{margin:22px 0}
.m-sec>h2,.m-sec>summary h2{display:inline;font:700 20px var(--font-head);margin:0}
.m-sec>summary{cursor:pointer;margin-bottom:10px}
.m-sec>h2{display:block;margin:0 0 10px}
.m-rule{font-size:13px;margin-left:10px;color:var(--muted)}
.mt-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r);-webkit-overflow-scrolling:touch}
.mt{border-collapse:collapse;width:100%;font-size:15px}
.mt th,.mt td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.mt tr:last-child>th,.mt tr:last-child>td{border-bottom:0}
.mt thead th{color:var(--muted);font-weight:400;font-size:13px}
.mt thead th.grp{text-align:left;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
.mt tbody th{position:sticky;left:0;z-index:1;background:var(--card);font-weight:700;box-shadow:1px 0 0 var(--line)}
.mt tbody th a{text-decoration:none}
.mt td .alt{color:var(--muted)}
.mt td.nil{color:var(--muted)}
.m-note{margin:8px 2px 0;color:var(--muted);font-size:14px}
/* переключатель вариантов без скрипта: радиокнопки + соседние блоки */
.mv{position:relative}
.mv>input{position:absolute;opacity:0;width:1px;height:1px}
.mv>label{display:inline-block;padding:6px 14px;margin:0 8px 10px 0;border:1px solid var(--line);border-radius:999px;background:var(--card);cursor:pointer;font-size:14px}
.mv>input:checked+label{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.mv>input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.mv>div{display:none}
.mv>input[value=a]:checked~.mv-a,.mv>input[value=b]:checked~.mv-b,.mv>input[value=c]:checked~.mv-c,.mv>input[value=d]:checked~.mv-d,.mv>input[value=e]:checked~.mv-e,.mv>input[value=f]:checked~.mv-f,.mv>input[value=g]:checked~.mv-g,.mv>input[value=h]:checked~.mv-h{display:block}
.m-tabs>label{font-size:15px}
.m-stem{font:700 18px var(--font-head);margin:0 0 10px}
/* разбор слова */
.m-parse{margin:0 0 22px}
.m-parse h2{font:700 18px var(--font-head);margin:0 0 8px}
.m-parse ul{list-style:none;margin:0;padding:0}
.m-parse li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin:0 0 8px}
.m-parse .stem{font-weight:700}
.m-parse .sfx{color:var(--accent);font-weight:700}
.m-parse .gl{color:var(--muted);font-size:14px;margin-top:2px}
.m-formof{margin:0 0 14px;color:var(--muted)}
.m-words{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.m-words a{display:block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);text-decoration:none}
.m-sug{margin:18px 0 8px;color:var(--muted)}
/* телефон: таблица по возможности помещается без прокрутки (12.10) */
@media (max-width:480px){.mt{font-size:14px}.mt th,.mt td{padding:7px 8px;white-space:normal;overflow-wrap:break-word}}
/* телефон: широкая таблица (лица, 8 столбцов) — каждая строка карточкой: слева жекелик, справа көптүк; без прокрутки вбок (12.10) */
@media (max-width:600px){
.mt-wide thead{display:none}
.mt-wide,.mt-wide tbody{display:block}
.mt-wide tr{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;padding:10px 10px;border-bottom:1px solid var(--line)}
.mt-wide tr:last-child{border-bottom:0}
.mt-wide tbody th{grid-column:1/-1;grid-row:1;position:static;box-shadow:none;background:none;padding:0 0 6px;border:0;white-space:normal}
.mt-wide td{display:block;position:relative;padding:3px 0 3px 44px;border:0;white-space:normal;min-width:0;overflow-wrap:break-word}
.mt-wide td::before{content:attr(data-l);position:absolute;left:0;top:5px;font-size:11.5px;color:var(--muted)}.mt-person tr{grid-template-rows:auto repeat(4,auto);grid-auto-flow:column}
.mt-wrap:has(.mt-wide){overflow-x:visible}
}
