/* CarDir · «Вопросы по модели» — полоса тем под H1 (шаблон _model_topics.html, данные cardir.model_topics).
   Липкая при прокрутке: на мобайле шапка не липкая — top:0; с 1120px шапка липкая (--top 88px). */
.mtopics{position:sticky;top:0;z-index:30;margin:0 -16px 6px;padding:8px 16px;background:color-mix(in srgb,var(--bg) 94%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.mtopics ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.mtopics ul::-webkit-scrollbar{display:none}
.mtopics li{flex:none;scroll-snap-align:start}
.mtopics a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line);
  background:var(--card);color:var(--ink2);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;transition:border-color .15s,color .15s}
.mtopics a:hover{border-color:var(--line2);color:var(--ink);text-decoration:none}
.mtopics a.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.mtopics li:first-child a{color:var(--ink)}
.mtopics li:first-child a.on{color:var(--bg)}
@media (min-width:760px){.mtopics{margin:0 0 8px;padding:8px 0;border-radius:0}}
@media (min-width:1120px){.mtopics{top:var(--top,88px)}}