/* МХС Аннино: фирменный цвет поверх стилей МД (chunk_md_css) и вкладки с карточками. */
:root { --md: #6b2d5c; --md2: #4a1e40; --md-soft: rgba(107, 45, 92, .08); --md-line: rgba(107, 45, 92, .22); }
.mh-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 14px; margin-bottom: 8px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.mh-tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text); font: 600 14px 'Manrope', sans-serif; cursor: pointer; white-space: nowrap; }
.mh-tab:hover { border-color: var(--md); }
.mh-tab.is-on { background: var(--md); border-color: var(--md); color: #fff; }
.mh-tab__n { font-size: 12px; opacity: .75; }
.mh-tab:focus-visible { outline: 2px solid var(--md); outline-offset: 2px; }
.mh-js .mh-pane { display: none; }
.mh-js .mh-pane.is-on { display: block; }
.mh-tabtext { max-width: 820px; margin: 4px 0 22px; color: var(--muted); }
.mh-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 1000px) { .mh-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .mh-grid { grid-template-columns: 1fr; } }
.mh-card { display: flex; flex-direction: column; gap: 8px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px; }
.mh-card:hover { box-shadow: 0 8px 28px rgba(107, 45, 92, .14); }
.mh-card__t { font-size: 18px; font-weight: 800; line-height: 1.25; margin: 0; }
.mh-card__t a { color: inherit; text-decoration: none; }
.mh-card__t a:hover { color: var(--md); }
.mh-card__m { font-size: 13.5px; color: var(--muted); line-height: 1.5; }
.mh-card__s { font-size: 13px; line-height: 1.6; padding-top: 8px; border-top: 1px dashed var(--border); }
.mh-card__s b { color: var(--md); }
.mh-card__p { font-size: 14px; font-weight: 700; color: var(--md); }
.mh-card__a { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: auto; padding-top: 6px; }
.mh-card__a .md-btn { padding: 10px 16px; font-size: 14px; }
.mh-btn--line { background: transparent; color: var(--md); border: 1px solid var(--md); }
.mh-btn--line:hover { background: var(--md-soft); }
.mh-card.is-closed { opacity: .9; }