/*
 * Музейный раздел m1kle.ru. Собрано заново 15 августа 2026 года:
 * прежний файл дважды описывал строку отбора, и старое правило .mus-otbor a
 * перебивало кнопки — они выходили с дотошной точечной подчёркой.
 *
 * По ДНК раздела: минимализм, тонкая линия вместо рамки, воздух вместо
 * заливки, ни скруглений, ни теней. Цвет только смысловой: оценка,
 * «сейчас открыт», «осталось N дней», выбранная кнопка отбора.
 */

.mus       { font-family: "Times New Roman", Times, serif; font-size: 18px; line-height: 1.6;
             color: #1a1a1a; }
.mus a       { color: #24333f; text-decoration: none; border-bottom: 1px solid #cdd3d8; }
/* style.css сайта вешает на a:hover штриховую черту снизу — она ложилась
   и на снимок, и на кнопки отбора. В разделе линию задаём только сами. */
.mus a:hover { border-bottom-style: solid; }
.mus a:hover, .mus a:focus { color: #7d604e; border-bottom-color: #b0946f; }
.mus .mus-foto__lupa:hover, .mus .mus-foto__lupa:focus,
.mus .mus-f:hover, .mus .mus-pochemu:hover, .mus-kart__im a:hover { border-bottom: 0; }
.mus-kart__im a:hover { box-shadow: inset 0 -1px 0 #111; }
.mus h1    { font: normal 34px/1.15 Georgia, "Times New Roman", serif; margin: 0 0 4px; letter-spacing: -.01em; }
.mus__vvod { max-width: 44em; margin: 0 0 24px; color: #333; }
.mus-tochka{ color: #c0c0c0; padding: 0 2px; }

/* ---- шапка раздела --------------------------------------------------- */
.mus-shapka         { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
                      gap: 10px 24px; border-bottom: 2px solid #1a1a1a; padding-bottom: 10px; margin-bottom: 18px; }
.mus-shapka__pravo  { text-align: right; }
.mus-shapka__perekl { font: 13px/1.6 Tahoma, sans-serif; color: #555; }
.mus-shapka__perekl a { text-decoration: none; border-bottom: 1px solid #d5d5dd; }
.mus-shapka__perekl b { color: #1a1a1a; }
.mus-razdel__im     { font: bold 12px/1.3 Tahoma, sans-serif; letter-spacing: .26em; text-transform: uppercase;
                      color: #1a1a1a; margin-bottom: 10px; }
.mus-hleb           { font: 11px/1.5 Tahoma, sans-serif; letter-spacing: .14em; text-transform: uppercase;
                      color: #a0a0a0; margin-bottom: 14px; }
.mus-hleb a         { color: #7d604e; text-decoration: none; border-bottom: 1px solid #e0d6cc; }

/* ---- АФИША ----------------------------------------------------------- */
.mus-afisha           { margin: 0 0 40px; }
.mus-afisha--glavnaya { border-top: 4px double #1a1a1a; border-bottom: 1px solid #1a1a1a; padding: 14px 0 24px; }
.mus-afisha__shapka   { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
                        gap: 4px 18px; }
.mus-afisha__im       { font: bold 12px/1.3 Tahoma, sans-serif; letter-spacing: .3em; text-transform: uppercase;
                        color: #1a1a1a; }
.mus-afisha__pod      { font: 13px/1.3 Tahoma, sans-serif; color: #8a8a8a; }
.mus-afisha__pod a    { color: #555; text-decoration: none; border-bottom: 1px solid #d8d8d8; }
.mus-afisha__telo     { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
                        gap: 0 44px; align-items: start; margin-top: 16px; }
.mus-afisha__setka    { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 22px; }
.mus-afisha__arhiv    { margin-top: 12px; }

.mus-hero__foto     { margin: 0 0 14px; }
.mus-hero__daty     { font: 12px/1.4 Tahoma, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #7d604e; }
.mus-hero__im       { font: normal 38px/1.08 Georgia, "Times New Roman", serif; margin: 9px 0 7px; letter-spacing: -.015em; }
.mus-hero__im a     { color: #111; text-decoration: none; border-bottom: 2px solid #d8d2cb; }
.mus-hero__im a:hover { border-bottom-color: #111; }
.mus-hero__gde      { font: 13px/1.4 Tahoma, sans-serif; letter-spacing: .04em; color: #555; }
.mus-hero__gde a    { color: #555; text-decoration: none; border-bottom: 1px solid #d8d8d8; }
.mus-hero__o        { font: 17px/1.55 "Times New Roman", serif; color: #333; margin: 11px 0 0; }

.mus-vyst          { border-top: 1px solid #1a1a1a; padding: 11px 0 4px; }
.mus-vyst__daty    { font: 11px/1.4 Tahoma, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #7d604e; }
.mus-vyst__skoro   { color: #9c2b2b; }
.mus-vyst__arhiv   { color: #b0b0b0; }
.mus-vyst__im      { font: 19px/1.25 Georgia, "Times New Roman", serif; margin: 7px 0 4px; overflow-wrap: break-word; }
.mus-vyst__im a    { color: #151515; text-decoration: none; border-bottom: 1px solid #ccc; }
.mus-vyst__im a:hover { color: #000; border-bottom-color: #1a1a1a; }
.mus-vyst__gde     { font: 12px/1.4 Tahoma, sans-serif; color: #555; }
.mus-vyst__gde a   { color: #555; text-decoration: none; border-bottom: 1px solid #d8d8d8; }
.mus-vyst__o       { font: 15px/1.5 "Times New Roman", serif; color: #444; margin: 8px 0 0; }
.mus-vyst--stroka  { display: grid; grid-template-columns: 15em 1fr; gap: 0 26px; align-items: baseline; }
.mus-vyst--stroka .mus-vyst__im { margin-top: 0; font-size: 21px; }

/* ---- ОТБОР: видно, что выбрано --------------------------------------- */
.mus-otbor        { margin: 0 0 18px; }
.mus-otbor__ryad  { display: grid; grid-template-columns: 7.5em 1fr; gap: 0 14px; align-items: start;
                    padding: 7px 0; border-bottom: 1px solid #ededed; }
.mus-otbor__ryad:first-child { border-top: 1px solid #ededed; }
.mus-otbor__im    { font: 10px/2.6 Tahoma, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #a0a0a0; }
.mus-otbor__vybor { display: flex; flex-wrap: wrap; gap: 6px; }
.mus-f            { display: inline-block; padding: 5px 12px; border: 1px solid #dcdcdc; color: #444;
                    font: 13px/1.3 Tahoma, sans-serif; text-decoration: none; white-space: nowrap; }
a.mus-f:hover     { border-color: #1a1a1a; color: #000; }
.mus-f--on        { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }
.mus-f--o5.mus-f--on { background: #8f1d21; border-color: #8f1d21; }
.mus-f--o4.mus-f--on { background: #7d604e; border-color: #7d604e; }
.mus-f--den       { min-width: 3.1em; text-align: center; }
.mus-otbor__itog  { font: 13px/1.5 Tahoma, sans-serif; color: #8a8a8a; padding: 10px 0 0 8.9em; }
.mus-otbor__itog a{ color: #8a8a8a; }
.mus-otbor__itog b{ color: #1a1a1a; }

.mus-poisk        { margin: 0 0 34px; }
.mus-poisk input[type=text] { font: 15px "Times New Roman", serif; padding: 6px 8px; border: 1px solid #bbb; width: 22em; }
.mus-poisk button { font: 13px Tahoma, sans-serif; padding: 7px 15px; border: 1px solid #1a1a1a;
                    background: #fff; color: #1a1a1a; cursor: pointer; }
.mus-poisk button:hover { background: #1a1a1a; color: #fff; }

/* ---- КАРТОЧКА -------------------------------------------------------- */
.mus-kart         { border-top: 3px solid #1a1a1a; padding-top: 15px; margin: 0 0 50px; }
.mus-kart--zakryt { border-top-color: #b8b8b8; }
.mus-kart__verh   { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;
                    gap: 6px 24px; margin-bottom: 14px; }
.mus-kart__levo   { flex: 1 1 24em; min-width: 0; }
.mus-kart__pravo  { flex: 0 0 auto; display: flex; align-items: center; padding-top: 2px; }
.mus-nomer        { font: 11px/1 Tahoma, sans-serif; letter-spacing: .22em; color: #b0b0b0; margin-bottom: 7px; }
.mus-kart__im     { font: normal 29px/1.16 Georgia, "Times New Roman", serif; margin: 0; letter-spacing: -.01em;
                    max-width: 20em; }
.mus-kart__im a   { color: #111; text-decoration: none; }
.mus-kart__im a:hover { border-bottom: 1px solid #111; }
.mus-kart__rubr   { font: 11px/1.5 Tahoma, sans-serif; letter-spacing: .16em; text-transform: uppercase;
                    color: #999; margin-top: 6px; }
.mus-kart__rubr a { color: #999; text-decoration: none; border-bottom: 1px solid #e0e0e0; }

.mus-kart__telo      { display: grid; grid-template-columns: 340px 1fr; gap: 0 34px; align-items: start; }
.mus-kart__telo--bez { grid-template-columns: 1fr; }
.mus-kart__foto      { position: relative; }
.mus-foto            { margin: 0; position: relative; display: block; }
.mus-foto img        { display: block; width: 100%; height: auto; }
.mus-foto__lupa      { display: block; position: relative; text-decoration: none; border: 0; }
.mus-foto__znak      { position: absolute; right: 8px; bottom: 8px; width: 30px; height: 30px;
                       display: flex; align-items: center; justify-content: center;
                       background: rgba(255,255,255,.92); border: 1px solid #1a1a1a;
                       font: 15px/1 Tahoma, sans-serif; color: #1a1a1a;
                       opacity: 0; transition: opacity .16s ease; }
.mus-foto__lupa:hover .mus-foto__znak,
.mus-foto__lupa:focus .mus-foto__znak { opacity: 1; }
@media (hover: none) { .mus-foto__znak { opacity: 1; } }
.mus-kart__istochnik { font: 11px/1.5 Tahoma, sans-serif; color: #a0a0a0; margin: 6px 0 0; }
.mus-kart__istochnik a { color: #a0a0a0; text-decoration: none; border-bottom: 1px solid #e0e0e0; }
.mus-kart__podpis    { font: 13px/1.5 Tahoma, sans-serif; color: #666; margin-top: 8px; }
.mus-kart__nomer     { font: 11px/1.4 Tahoma, sans-serif; letter-spacing: .1em; color: #b0b0b0; }

/* оценка */
.mus-ocenka        { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.mus-ocenka__slovo { font: 11px/1 Tahoma, sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.mus-shkala        { display: inline-flex; gap: 3px; }
.mus-shkala i      { width: 7px; height: 7px; border: 1px solid currentColor; display: block; }
.mus-shkala i.e    { background: currentColor; }
.mus-ocenka--5 { color: #8f1d21; } .mus-ocenka--4 { color: #7d604e; } .mus-ocenka--3 { color: #3f3f3f; }
.mus-ocenka--2 { color: #8a8a8a; } .mus-ocenka--1 { color: #a8a8a8; }

/* «почему именно этот музей» */
.mus-pochemu        { position: relative; display: inline-block; margin-left: 12px; cursor: help; outline: none; }
.mus-pochemu__znak  { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px;
                      border: 1px solid #b8b8b8; border-radius: 50%; font: 12px/1 Georgia, serif; color: #8a8a8a;
                      background: #fff; transition: border-color .15s, color .15s; }
.mus-pochemu:hover .mus-pochemu__znak, .mus-pochemu:focus .mus-pochemu__znak { border-color: #1a1a1a; color: #1a1a1a; }
.mus-pochemu__telo  { position: absolute; right: 0; top: 30px; z-index: 40; width: 30em; max-width: 84vw;
                      background: #fff; border: 1px solid #1a1a1a; padding: 15px 17px 16px; text-align: left;
                      opacity: 0; visibility: hidden; transform: translateY(-4px);
                      transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.mus-pochemu:hover .mus-pochemu__telo, .mus-pochemu:focus .mus-pochemu__telo { opacity: 1; visibility: visible; transform: translateY(0); }
.mus-pochemu__im    { display: block; font: bold 10px/1.3 Tahoma, sans-serif; letter-spacing: .26em;
                      text-transform: uppercase; color: #b0946f; margin-bottom: 8px; }
.mus-pochemu__t     { display: block; font: 16px/1.6 "Times New Roman", serif; color: #1a1a1a; white-space: normal; }

/* блоки карточки */
.mus-blok       { margin: 0 0 18px; }
.mus-blok__im   { font: bold 10px/1.3 Tahoma, sans-serif; letter-spacing: .3em; text-transform: uppercase;
                  color: #b0946f; border-bottom: 1px solid #e2ddd6; padding-bottom: 5px; margin-bottom: 10px; }
.mus-glav       { font: 17px/1.55 "Times New Roman", serif; color: #1a1a1a; margin: 0 0 12px; }
.mus-glav i     { font-style: italic; color: #444; }
.mus-marshrut     { border-left: 2px solid #d8d2cb; padding: 1px 0 1px 14px; margin: 12px 0 0; }
.mus-marshrut__im { font: 11px/1.4 Tahoma, sans-serif; letter-spacing: .16em; text-transform: uppercase;
                    color: #7d604e; margin-bottom: 4px; }
.mus-marshrut__im span { letter-spacing: .04em; text-transform: none; color: #999; }
.mus-marshrut p   { font: 15.5px/1.6 "Times New Roman", serif; color: #333; margin: 0; }

.mus-pole       { display: grid; grid-template-columns: 10.5em 1fr; gap: 0 18px; padding: 6px 0; align-items: baseline; }
.mus-pole + .mus-pole { border-top: 1px solid #efefef; }
.mus-pole__im   { font: 10px/1.9 Tahoma, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #999; }
.mus-pole__zn   { font-size: 16.5px; }

.mus-seychas         { display: inline-block; font: 11px/1 Tahoma, sans-serif; letter-spacing: .08em;
                       text-transform: uppercase; padding: 5px 9px; margin-bottom: 8px; }
.mus-seychas--otkryt { color: #2f6b3a; border: 1px solid #b7d3bd; }
.mus-seychas--zakryt { color: #8a8a8a; border: 1px solid #dcdcdc; }
.mus-seychas--zhdat  { color: #7d604e; border: 1px solid #ddd0c4; }

.mus-chips        { margin-top: 7px; }
.mus-chip         { display: inline-block; font: 10px/1 Tahoma, sans-serif; letter-spacing: .08em;
                    text-transform: uppercase; color: #555; border: 1px solid #d5d5d5; padding: 5px 8px;
                    margin: 4px 5px 0 0; }
.mus-chip--vazhno { color: #8f1d21; border-color: #e0c2c3; }

.mus-chasy      { border-collapse: collapse; width: 100%; max-width: 28em; font: 14px/1.5 Tahoma, sans-serif; }
.mus-chasy td   { padding: 3px 10px 3px 0; border-bottom: 1px solid #f0f0f0; }
.mus-chasy tr:last-child td { border-bottom: 0; }
.mus-chasy .d   { color: #a0a0a0; width: 7.5em; text-transform: uppercase; font-size: 11px; letter-spacing: .08em; }
.mus-chasy .v   { color: #1a1a1a; }
.mus-chasy .z   { color: #bbb; }
.mus-chasy tr.segodnya .d { color: #7d604e; }
.mus-chasy tr.segodnya .v, .mus-chasy tr.segodnya .z { font-weight: bold; }

.mus-spravka          { margin: 4px 0 14px; }
.mus-spravka > summary{ font: bold 10px/1.3 Tahoma, sans-serif; letter-spacing: .3em; text-transform: uppercase;
                        color: #b0946f; border-bottom: 1px solid #e2ddd6; padding-bottom: 5px; cursor: pointer;
                        list-style: none; }
.mus-spravka > summary::-webkit-details-marker { display: none; }
.mus-spravka > summary::after { content: ' +'; color: #cbbfae; }
.mus-spravka[open] > summary::after { content: ' –'; }
.mus-spravka__t       { font: 15.5px/1.6 "Times New Roman", serif; color: #444; margin: 10px 0 0; }

.mus-sverka  { font: 12px/1.6 Tahoma, sans-serif; color: #a0a0a0; border-top: 1px solid #ececec; padding-top: 9px; }
.mus-zamet   { border: 0; border-left: 3px solid #9c2b2b; padding: 2px 0 2px 12px; margin: 0 0 14px;
               font: 15px/1.5 Tahoma, sans-serif; color: #9c2b2b; }
.mus-vmuzee  { margin-top: 20px; }
.mus-nazad   { margin-top: 28px; }

/* ---- окно просмотра снимка ------------------------------------------- */
.mus-lupa            { border: 0; padding: 0; background: transparent; max-width: 94vw; max-height: 94vh; }
.mus-lupa::backdrop  { background: rgba(20,20,20,.86); }
.mus-lupa img        { display: block; max-width: 92vw; max-height: 84vh; width: auto; height: auto; background: #fff; }
.mus-lupa__podpis    { font: 13px/1.5 Tahoma, sans-serif; color: #ddd; margin: 10px 0 0; text-align: center; }
.mus-lupa__zakryt    { position: absolute; top: -34px; right: 0; width: 30px; height: 30px; background: transparent;
                       border: 1px solid #999; color: #eee; font: 17px/1 Tahoma, sans-serif; cursor: pointer; }
.mus-lupa__zakryt:hover { border-color: #fff; color: #fff; }

/* ---- закрытые музеи --------------------------------------------------- */
.mus-zakrytye       { border-top: 1px solid #c8c8c8; padding-top: 16px; margin: 10px 0 36px; }
.mus-zakrytye__vvod { font: 15px/1.6 "Times New Roman", serif; color: #777; margin: 0 0 14px; }
.mus-zakrytye__st   { border-top: 1px solid #e6e6e6; padding: 9px 0; }
.mus-zakrytye__im   { font: 19px/1.3 Georgia, "Times New Roman", serif; }
.mus-zakrytye__im a { color: #555; text-decoration: none; border-bottom: 1px solid #ddd; }
.mus-zakrytye__o    { font: 14px/1.5 Tahoma, sans-serif; color: #999; margin-top: 3px; }

/* ---- простой список --------------------------------------------------- */
.mus-spisok    { border-collapse: collapse; width: 100%; font-size: 16px; }
.mus-spisok th { font: bold 10px/2 Tahoma, sans-serif; letter-spacing: .18em; text-transform: uppercase;
                 color: #999; text-align: left; border-bottom: 2px solid #1a1a1a; padding: 4px 12px 6px 0; }
.mus-spisok td { border-bottom: 1px solid #e6e6e6; padding: 10px 12px 10px 0; vertical-align: baseline; }
.mus-spisok .a { color: #666; font-size: 15px; }

/* ---- страницы и подвал ------------------------------------------------ */
.mus-stranicy   { font: 15px/2 Tahoma, sans-serif; margin: 6px 0 30px; }
.mus-stranicy a { text-decoration: none; border-bottom: 1px solid #d8d8d8; color: #333; padding: 0 6px; }
.mus-stranicy b { color: #7d604e; padding: 0 6px; }
.mus-niz        { border-top: 2px solid #1a1a1a; margin-top: 30px; padding-top: 16px;
                  font: 15px/1.65 "Times New Roman", serif; color: #555; max-width: 46em; }
.mus-niz p      { margin: 0 0 11px; }
.mus-niz b      { color: #333; }
.mus-legenda    { display: grid; grid-template-columns: 15em 1fr; gap: 7px 20px; margin: 12px 0 18px; }
.mus-legenda dt { margin: 0; }
.mus-legenda dd { margin: 0; font-size: 15px; color: #666; }

/* ---- правая колонка каркаса ------------------------------------------- */
.mus-bok        { font-family: Tahoma, sans-serif; text-align: left; padding: 14px 10px 18px;
                  border-top: 2px solid #1a1a1a; margin-bottom: 14px; }
.mus-bok__im    { font: bold 9px/1.3 Tahoma, sans-serif; letter-spacing: .22em; text-transform: uppercase;
                  color: #b0946f; margin: 16px 0 7px; }
.mus-bok__im:first-child { margin-top: 0; }
.mus-bok__data  { font: 15px/1.3 Georgia, serif; color: #1a1a1a; }
.mus-bok__cifra { font: 40px/1 Georgia, serif; color: #1a1a1a; margin-top: 12px; }
.mus-bok__pod   { font-size: 11px; line-height: 1.4; color: #8a8a8a; margin-top: 3px; }
.mus-bok__v     { font-size: 12px; line-height: 1.4; margin-bottom: 9px; }
.mus-bok__v a   { color: #333; text-decoration: none; border-bottom: 1px solid #d8d8d8; }
.mus-bok__v span{ display: block; color: #9c2b2b; font-size: 10px; letter-spacing: .06em;
                  text-transform: uppercase; margin-top: 2px; }
.mus-bok__s     { font-size: 12px; line-height: 1.5; margin-bottom: 6px; }
.mus-bok__s a   { color: #333; text-decoration: none; border-bottom: 1px solid #d8d8d8; }

@media screen and (max-width: 980px) {
    .mus-afisha__telo { grid-template-columns: 1fr; gap: 24px; }
    .mus-afisha__setka { grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); }
    .mus-hero__im     { font-size: 31px; }
}
@media screen and (max-width: 860px) {
    .mus-kart__telo { grid-template-columns: 1fr; gap: 16px; }
    .mus-kart__foto { max-width: 520px; }
}
@media screen and (max-width: 620px) {
    .mus h1            { font-size: 26px; }
    .mus-shapka__pravo { text-align: left; }
    .mus-kart          { border-top-width: 4px; margin-bottom: 44px; padding-top: 13px; }
    .mus-kart__im      { font-size: 24px; }
    .mus-pole          { grid-template-columns: 1fr; gap: 1px; padding: 9px 0; }
    .mus-pole__im      { color: #b0946f; }
    .mus-vyst--stroka  { grid-template-columns: 1fr; gap: 4px; }
    .mus-otbor__ryad   { grid-template-columns: 1fr; gap: 4px; }
    .mus-otbor__im     { line-height: 1.4; }
    .mus-otbor__itog   { padding-left: 0; }
    .mus-poisk input[type=text] { width: 100%; }
    .mus-hero__im      { font-size: 27px; }
    .mus-hero__o       { font-size: 16px; }
    .mus-legenda       { grid-template-columns: 1fr; gap: 2px 0; }
    .mus-legenda dd    { margin-bottom: 10px; }
    .mus-pochemu__telo { right: auto; left: 0; width: 88vw; }
    .mus-chasy .d      { width: 6.5em; }
}

/* ---- КАРКАС СТРАНИЦЫ.
   Слева каркас держит пустую серую колонку в 10%, справа держал рекламную.
   Рекламы больше нет, а пустых колонок быть не должно: левую убираем,
   правую отдаём боковой врезке и делаем её липкой, чтобы она шла с
   читателем и низ страницы не оставался брошенным.
   !important здесь по делу: ширина и фон заданы в каркасе прямо в атрибуте. */
.karkas-levaya  { width: 0 !important; padding: 0 !important; background: transparent !important; }
.karkas-shel    { width: 0 !important; }
.karkas-pravaya { width: 258px !important; background: transparent !important;
                  padding: 0 0 0 26px !important; border-left: 1px solid #ececec; }
.mus-bok        { position: sticky; top: 14px; border-top: 2px solid #1a1a1a; padding: 13px 0 20px;
                  margin: 0; }
.mus-bok__itog  { font-size: 12px; line-height: 1.55; color: #8a8a8a; }

@media screen and (max-width: 860px) {
    .karkas-pravaya { display: none !important; }
}


/* ---- ПРАКТИЧЕСКИЙ СЛОЙ: дети и доступность.
   Цвет здесь несёт смысл и потому допущен: зелёное — можно, янтарное —
   с оговорками, красное — нельзя, серое — не проверяли. */
.mus-metki        { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 16px; }
.mus-metka        { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px 5px 9px;
                    border: 1px solid #e0e0e0; font: 11px/1.3 Tahoma, sans-serif;
                    letter-spacing: .06em; color: #4a4a4a; white-space: nowrap; cursor: default; }
.mus-metka i      { width: 8px; height: 8px; display: block; background: currentColor; }
.mus-metka--deti    { color: #46664f; border-color: #cfdcd3; }
.mus-metka--nedeti  { color: #9a9a9a; border-color: #e6e6e6; }
.mus-metka--dostup1 { color: #2f6b3a; border-color: #c6dccb; }
.mus-metka--dostup2 { color: #8a6a2b; border-color: #e3d7bd; }
.mus-metka--dostup3 { color: #8f1d21; border-color: #e6c9ca; }
.mus-metka--dostup0 { color: #a8a8a8; border-color: #ececec; }
.mus-f--deti.mus-f--on   { background: #46664f; border-color: #46664f; }
.mus-f--dostup.mus-f--on { background: #2f6b3a; border-color: #2f6b3a; }

/* Боковая врезка: немного цвета, чтобы взгляд находил главное. */
.mus-bok__cifra   { color: #2f6b3a; }
.mus-bok__ryad    { display: flex; align-items: baseline; gap: 8px; margin-bottom: 7px; }
.mus-bok__ryad .mus-shkala { flex: 0 0 auto; }
.mus-bok__ryad a  { font-size: 12px; line-height: 1.35; }