/* Страница эмитента v3, макет «Конфетка» (принят 25.09.2026), поверх lib/bond-v2.css.
 * Разметку собирает scripts/issuer_page_v3.py, поведение - lib/issuer-v3.js.
 * Прототип - prototypes/issuer-page/.
 * Всё новое - с префиксом ip-, токены берутся из bond-v2.css. */

.ip { padding-bottom: 96px; }
.ip [hidden] { display: none !important; }
.wl-empty .wl-track { background: none; box-shadow: inset 0 0 0 1px var(--line); }
.wl-empty .wl-y, .wl-empty .wl-v, .wl-empty .wl-n { color: var(--ink3); font-weight: 500; }
.srt span { opacity: 0; transition: opacity 120ms ease; }
.srt:hover span, .srt.on span { opacity: 1; }
.ip-bonds td:first-child { white-space: normal; min-width: 190px; }
.ip-bonds td:first-child a { margin-right: 6px; }
.ip-sec { scroll-margin-top: 120px; }
.ip-lead { margin: 6px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink2); max-width: 72ch; text-wrap: pretty; }
.ip-lead b { color: var(--ink); font-weight: 600; }
.ip-note { margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink3); max-width: 90ch; }
.ip-h3 { margin: 30px 0 0; font-size: 17px; font-weight: 600; letter-spacing: -.015em; }
.ip-stack { display: grid; gap: 16px; margin-top: 16px; }
.ip-stack > .grid { margin-top: 0; }
.ip-2 > div > .pn { height: 100%; }

/* ── шапка ─────────────────────────────────────────────────────────── */
.ip-top { margin-top: 2px; }
.ip-head { flex: 1 1 auto; min-width: 0; }
.ip-logo { display: grid; place-items: center; }
.ip-logo-fb, .ip-peer-fb { font-weight: 700; font-size: 15px; color: var(--ink2); text-transform: uppercase; }
.ip-top-r { flex: 0 0 340px; display: flex; flex-direction: column; gap: 14px; padding-top: 22px; }
.ip-rate .bp-grade { min-width: 70px; height: 54px; font-size: 22px; }
.ip-grade-none { background: var(--bg3) !important; color: var(--ink3) !important; font-size: 15px !important; font-weight: 600 !important; }
/* Рейтинг связанной организации (поручитель, оригинатор, материнская): полая
 * плашка - чужая оценка, как .head-rate.aff на странице выпуска и .rt-aff в скринере. */
.ip-rate.aff .bp-grade { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; }
.ip-rate-more { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font-size: 13px; color: var(--ink3); }
.ip-rate-more b { color: var(--ink); font-weight: 600; }
.ip-rate-more .lnk { margin-left: auto; font-size: 13px; }
.ip-trend { font-weight: 600; }
.ip-trend.dn { color: var(--dn); } .ip-trend.up { color: var(--up); }
.btn svg { width: 16px; height: 16px; }
.bp-tag { text-decoration: none; }
a.bp-tag:hover { background: var(--bg3); color: var(--ink); }
.ip-tag-tk b { color: var(--ink); font-weight: 700; }
.bp-sub > * + *::before { display: inline-block; }

/* ── лента чисел ───────────────────────────────────────────────────── */
.ip-tick { grid-template-columns: repeat(var(--cols, 7), minmax(0, 1fr)); }
.ip-tick .v { font-size: 22px; }
.ip-tick .s { white-space: normal; line-height: 1.35; text-wrap: balance; }
.ip-tick .s .up, .ip-tick .s .dn { font-weight: 600; }

/* ── навигация по разделам (A) ─────────────────────────────────────── */
.ip-spy { position: sticky; top: 64px; z-index: 20; margin: 16px -8px 0; padding: 8px; background: color-mix(in srgb, var(--bg2) 90%, transparent);
  -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-radius: 999px; }
:root[data-theme="dark"] .ip-spy { background: color-mix(in srgb, var(--bg) 88%, transparent); }
.ip-spy .spy { overflow-x: auto; scrollbar-width: none; }
.ip-spy .spy::-webkit-scrollbar { display: none; }
.ip-spy .spy a { white-space: nowrap; text-decoration: none; }
.ip-spy .spy-ind { opacity: 0; transition: transform 260ms var(--ease), width 260ms var(--ease), opacity 150ms ease; }

/* ── таблица выпусков ──────────────────────────────────────────────── */
.ip-tabs { margin-top: 8px; border-bottom: 1px solid var(--line); }
.ip-tabs button { font-size: 14.5px; font-weight: 600; color: var(--ink3); }
.ip-tabs button[aria-selected="true"] { box-shadow: inset 0 -2px 0 var(--acc); }
.ip-bar { margin-top: 14px; }
.ip-count { font-size: 13px; }
.ip-bonds td { vertical-align: top; }
.ip-bonds td .sub { font-size: 12px; }
.ip-bonds td:first-child a { color: var(--ink); }
.ip-bonds td:first-child a:hover { color: var(--acc); }
.ip-bonds thead th { position: sticky; top: 0; background: var(--pn-bg); }
.ip-chips { display: inline-flex; flex-wrap: wrap; gap: 4px; vertical-align: 1px; }
.ip-chips .pill { height: 19px; padding: 0 7px; font-size: 11px; }
.ip-est { border-bottom: 1px dotted var(--ink3); cursor: help; }
.ip-tbl-foot { display: flex; align-items: flex-start; gap: 16px; margin-top: 14px; flex-wrap: wrap; }
.ip-tbl-foot .ip-note { margin: 0; flex: 1 1 360px; }
.tbl tbody tr { transition: background-color 120ms ease; }
@media (hover: hover) { .tbl tbody tr:not(.cur):hover td { background: var(--bg2); } }
:root[data-theme="dark"] .tbl tbody tr:not(.cur):hover td { background: var(--bg3); }

/* ── когда гасить: строки по годам ─────────────────────────────────── */
.wl { display: grid; gap: 2px; margin-top: 16px; }
.wl-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) 120px 48px 92px; align-items: center; gap: 14px; width: 100%;
  padding: 9px 10px; margin: 0 -10px; border: 0; border-radius: 12px; background: none; text-align: left; cursor: default;
  transition: background-color 140ms ease; }
.wl-row:hover, .wl-row:focus-visible { background: var(--bg2); }
:root[data-theme="dark"] .wl-row:hover { background: var(--bg3); }
.wl-y { font-size: 15px; font-weight: 600; color: var(--ink2); }
.wl-track { height: 26px; border-radius: 7px; background: color-mix(in srgb, var(--line) 60%, transparent); overflow: hidden; }
.wl-bar { display: flex; height: 100%; gap: 2px; }
.wl-bar i { display: block; height: 100%; border-radius: 6px; min-width: 3px; transform-origin: left; animation: wl-in 700ms var(--ease) both; }
.wl-row:nth-child(2) i { animation-delay: 40ms; } .wl-row:nth-child(3) i { animation-delay: 80ms; } .wl-row:nth-child(4) i { animation-delay: 120ms; }
.wl-row:nth-child(5) i { animation-delay: 160ms; } .wl-row:nth-child(n+6) i { animation-delay: 200ms; }
@keyframes wl-in { from { transform: scaleX(.02); opacity: .4; } }
@media (prefers-reduced-motion: reduce) { .wl-bar i { animation: none; } }
.wl-bar i.m, .wl-k.m, .ip-mix i.m, .ip-mix-leg i.m { background: var(--acc); }
.wl-bar i.o, .wl-k.o, .ip-mix i.o, .ip-mix-leg i.o { background: var(--c-vio); }
.wl-bar i.a, .wl-k.a, .ip-mix i.a, .ip-mix-leg i.a { background: var(--c-teal); }
.ip-mix i.g, .ip-mix-leg i.g { background: var(--ink3); }
.wl-row:not(.pk) .wl-bar i { opacity: .72; }
.wl-v { font-size: 16px; font-weight: 700; letter-spacing: -.02em; text-align: right; white-space: nowrap; }
.wl-s { font-size: 13px; color: var(--ink3); text-align: right; }
.wl-n { font-size: 12.5px; color: var(--ink3); white-space: nowrap; }
.wl-row.pk .wl-y { color: var(--ink); }
.wl-row.pk .wl-v::after { content: "пик"; margin-left: 8px; padding: 2px 7px; border-radius: 999px; background: var(--acc-soft); color: var(--acc); font-size: 11px; font-weight: 700; vertical-align: 2px; letter-spacing: 0; }
.ip-legend { margin-top: 14px; }
.wl-k { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }

/* ── когда гасить: месяцы календарём ───────────────────────────────── */
.ip-mc { margin-top: 16px; }
.ip-mc .mc-row { grid-template-columns: 52px repeat(12, minmax(0, 1fr)); }
.ip-mc .mc-c { height: 44px; border: 0; padding: 0; font: inherit; }
.mc-gone { background: repeating-linear-gradient(135deg, transparent 0 5px, var(--line) 5px 6px); opacity: .6; }
.ip-cell { cursor: default; background: color-mix(in srgb, var(--acc) calc(var(--k) * 100%), var(--bg2)); color: var(--ink);
  font-size: 12.5px; font-weight: 600; transition: transform 140ms var(--ease), box-shadow 140ms ease; }
.ip-cell.o { background: color-mix(in srgb, var(--c-vio) calc(var(--k) * 100%), var(--bg2)); }
.ip-cell.a { background: color-mix(in srgb, var(--c-teal) calc(var(--k) * 100%), var(--bg2)); }
.ip-cell.hi { color: #fff; }
.ip-cell:hover, .ip-cell:focus-visible { transform: translateY(-1px); box-shadow: 0 0 0 2px var(--pn-bg), 0 0 0 4px var(--acc-ring); }
.ip-mc-leg { margin-top: 12px; }
.ip-grad { width: 64px !important; height: 10px !important; border-radius: 3px; background: linear-gradient(90deg, color-mix(in srgb, var(--acc) 14%, var(--bg2)), var(--acc)); }
.mc-legend i.mc-none { box-shadow: inset 0 0 0 1px var(--line2); }

/* ── подсказка ─────────────────────────────────────────────────────── */
.ip-tip { max-width: 340px; pointer-events: none; }
.ip-tip-rows { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 14px; margin-top: 6px; font-size: 12.5px; }
.ip-tip-rows span { opacity: .75; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-tip-rows b { text-align: right; font-weight: 600; font-size: 12.5px; }


/* ── рейтинг: агентства строками, лесенка, история под раскрытием ──── */
.ip-re { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ip-re.one { grid-template-columns: minmax(0, 1fr); }
.ip-re > .pn { min-width: 0; }
.ip-hlink { font-size: 13.5px; }
.rt-ags { margin-top: 10px; }
.rt-ag { display: grid; grid-template-columns: 8px auto minmax(0, 1fr) auto 84px; align-items: baseline; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.rt-ag i { width: 8px; height: 8px; border-radius: 50%; align-self: center; }
.rt-ag b { font-weight: 600; }
.rt-ag span { font-size: 13px; color: var(--ink3); }
.rt-ag strong { font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.rt-ag time { font-size: 13px; color: var(--ink3); text-align: right; }
.rt-chart { margin-top: 12px; }
.rt-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.rt-grid { stroke: var(--line); stroke-width: 1; }
.rt-yr { stroke: var(--line); stroke-width: 1; stroke-dasharray: 2 4; }
.rt-ax { fill: var(--ink3); font-size: 11px; }
.rt-line { fill: none; stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; }
.rt-pt { fill: var(--pn-bg); stroke: var(--c); stroke-width: 2; cursor: default; }
.rt-pt.dn { fill: var(--dn); stroke: var(--pn-bg); }
.rt-pt.up { fill: var(--up); stroke: var(--pn-bg); }
.rt-pt.off { fill: var(--pn-bg); stroke: var(--ink3); stroke-dasharray: 2 2; }
.rt-end { font-size: 12px; font-weight: 700; }
.rt-foot { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-top: 8px; font-size: 13.5px; color: var(--ink2); }
.rt-foot > span { font-weight: 600; }
.rt-foot > span.dn { color: var(--dn); } .rt-foot > span.up { color: var(--up); }
.rt-more { flex: 1 1 100%; }
.rt-more summary { position: absolute; right: 0; top: 0; list-style: none; cursor: pointer; color: var(--acc); font-weight: 600; font-size: 13.5px; }
.rt-more summary::-webkit-details-marker { display: none; }
.rt-more summary::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 7px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform 180ms var(--ease); }
.rt-more[open] summary::after { transform: translateY(0) rotate(-135deg); }
.rt-more .ip-rhl { margin-top: 8px; border-top: 1px solid var(--line); }
.ip-rhl { list-style: none; margin: 12px 0 0; padding: 0; }
.ip-rh { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto 20px; gap: 12px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.ip-rh time { font-size: 13px; color: var(--ink3); }
.ip-rh b { font-weight: 600; }
.ip-rh i { font-style: normal; color: var(--ink3); font-size: 13px; }
.ip-rh em { font-style: normal; font-size: 13px; color: var(--ink2); }
.ip-rh a { color: var(--ink3); align-self: center; display: inline-grid; }
.ip-rh a:hover { color: var(--acc); }
.ip-rh a svg { width: 15px; height: 15px; }
.ip-rh.up b { color: var(--up); } .ip-rh.dn b { color: var(--dn); } .ip-rh.off b { color: var(--ink3); }

/* ── события: полоса года и строки в одну линию ─────────────────────── */
.ev-strip { margin-top: 8px; }
.ev-strip svg { display: block; width: 100%; height: auto; overflow: visible; }
.ev-ax { stroke: var(--line2); stroke-width: 1.5; }
.ev-tk { stroke: var(--line2); stroke-width: 1; }
.ev-mk { cursor: pointer; }
.ev-mk circle { stroke: var(--pn-bg); stroke-width: 2; transform-box: fill-box; transform-origin: center; transition: transform 140ms var(--ease); }
.ev-mk text { font: 700 9px 'Public Sans', sans-serif; fill: #fff; pointer-events: none; }
.ev-mk.is-hl circle, .ev-mk:hover circle { transform: scale(1.25); }
.evc-o { fill: var(--c-vio); }
.evc-oc { fill: var(--c-vio-soft); stroke: var(--c-vio) !important; stroke-width: 1.5 !important; }
.evc-oc + text { fill: var(--c-vio); }
.evc-a { fill: var(--c-teal); }
.evc-p { fill: var(--acc); }
.evc-k { fill: var(--acc-soft); stroke: var(--acc) !important; stroke-width: 1.5 !important; }
.evc-k + text { fill: var(--acc); }
.evc-g { fill: var(--bg3); }
.evc-g + text { fill: var(--ink3); }
.ev-rows { list-style: none; margin: 8px 0 0; padding: 0; }
.ev-rows li { display: grid; grid-template-columns: 52px 20px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 40px; padding: 6px 8px; margin: 0 -8px;
  border-bottom: 1px solid var(--line); font-size: 14px; transition: background-color 120ms ease; }
.ev-rows li[hidden] { display: none; }
.ev-rows li.is-hl { background: var(--bg2); border-radius: 10px; }
:root[data-theme="dark"] .ev-rows li.is-hl { background: var(--bg3); }
.ev-rows time { font-weight: 600; color: var(--ink); white-space: nowrap; }
.ev-rows .ev-dot { width: 20px; height: 20px; font-size: 10px; }
.ev-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink2); }
.ev-t b { font-weight: 600; color: var(--ink); margin-right: 8px; }
.ev-t a { color: var(--ink2); text-decoration: none; }
.ev-t a:hover { color: var(--acc); }
.ev-t i { font-style: normal; color: var(--ink3); margin-left: 8px; }
.ev-rows em { font-style: normal; font-weight: 600; color: var(--ink); white-space: nowrap; }
.ev-none { color: var(--ink3); font-size: 14px; }
.ev-more { margin-top: 10px; }
.ev-g { background: var(--bg3); color: var(--ink3); }
.ip-evp { background: var(--acc); color: #fff; }

/* ── акции ────────────────────────────────────────────────────────── */
.ip-stks { display: grid; gap: 0; margin-top: 8px; }
.ip-stk { display: grid; grid-template-columns: minmax(150px, 1.2fr) minmax(110px, 1fr) repeat(5, minmax(0, 1fr)) minmax(120px, 1.1fr) 20px; align-items: center; gap: 16px;
  padding: 14px 12px; margin: 0 -12px; border-radius: 14px; text-decoration: none; color: inherit; transition: background-color 140ms ease; }
.ip-stk + .ip-stk { border-top: 1px solid var(--line); }
.ip-stk:hover { background: var(--bg2); }
:root[data-theme="dark"] .ip-stk:hover { background: var(--bg3); }
.ip-stk-id { display: flex; align-items: center; gap: 12px; }
.ip-stk-id img { width: 36px; height: 36px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line); }
.ip-stk b { display: block; font-size: 16px; font-weight: 700; letter-spacing: -.015em; white-space: nowrap; }
.ip-stk small { display: block; font-size: 12.5px; color: var(--ink3); margin-top: 1px; white-space: nowrap; }
.ip-stk-m b { font-size: 15px; font-weight: 600; }
.ip-stk-m small { margin: 0 0 3px; }
.ip-stk-go { color: var(--ink3); display: grid; transition: transform 160ms var(--ease), color 140ms ease; }
.ip-stk-go svg { width: 18px; height: 18px; }
.ip-stk:hover .ip-stk-go { color: var(--acc); transform: translateX(3px); }
.ip-rng { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; font-size: 12px; color: var(--ink3); }
.ip-rng i { position: relative; height: 4px; border-radius: 2px; background: var(--line2); }
.ip-rng i b { position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--acc); transform: translate(-50%, -50%); box-shadow: 0 0 0 2px var(--pn-bg); }


/* ── кто рядом и группа: одна строка чипов ───────────────────────────── */
.ip-peers-pn { display: flex; align-items: center; gap: 14px 20px; flex-wrap: wrap; padding: 18px 24px; }
.ip-peers-pn h2 { margin: 0; flex: none; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
.ip-pchips { display: flex; flex-wrap: wrap; gap: 8px; flex: 1 1 400px; min-width: 0; }
.ip-pchip { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px 0 6px; border-radius: 999px; background: var(--bg2);
  box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); text-decoration: none; font-size: 14px; white-space: nowrap;
  transition: background-color 140ms ease, box-shadow 140ms ease, transform 160ms var(--ease); }
.ip-pchip:hover { background: var(--acc-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--acc) 30%, transparent); }
.ip-pchip:active { transform: scale(.97); }
.ip-pchip img { width: 26px; height: 26px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px var(--line); object-fit: contain; }
.ip-pchip b { font-weight: 600; }
.ip-pchip span { color: var(--ink3); font-size: 13px; }
.ip-peer-fb { display: inline-grid; place-items: center; border-radius: 50%; background: var(--bg3); color: var(--ink2); font-weight: 700; text-transform: uppercase; }
.ip-peer-fb.sm { width: 26px; height: 26px; font-size: 10px; }
.ip-peers-pn .ip-hlink { flex: none; margin-left: auto; }
.ip-hnote { font-size: 13px; color: var(--ink3); }

/* ── О компании: текст слева, вопросы справа, реквизиты строкой ──────── */
.ab-grid { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 0 44px; }
.ab h2 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
.ab-text .prose { margin-top: 12px; font-size: 15px; line-height: 1.6; }
.ab-text .prose p { margin: 0 0 10px; }
.ab-faq2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 32px; margin-top: 6px; }
.ab-faq { margin: 0; border-top: 0; }
.ab-faq details { border-bottom: 1px solid var(--line); }
.ab-faq summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 13px 0; font-size: 14.5px; font-weight: 600; line-height: 1.35; cursor: pointer; }
.ab-faq summary::-webkit-details-marker { display: none; }
.ab-faq summary::after { display: none; }
.ab-faq summary svg { flex: none; width: 18px; height: 18px; color: var(--ink3); transition: transform 200ms var(--ease); }
.ab-faq details[open] summary svg { transform: rotate(180deg); }
.ab-faq summary:hover { color: var(--acc); }
.ab-faq p { margin: 0 0 14px; font-size: 14px; line-height: 1.55; color: var(--ink2); }
.ab-faq p a { color: var(--acc); text-decoration: none; }
.ab-terms { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin-top: 14px; font-size: 13.5px; }
.ab-terms span { color: var(--ink3); margin-right: 2px; }
.ab-terms a { color: var(--ink); font-weight: 600; text-decoration: none; }
.ab-terms a:hover { color: var(--acc); }
.ab-req { display: grid; grid-template-columns: 1.4fr .8fr 1fr 1.4fr; margin: 20px 0 0; border-top: 1px solid var(--line); }
.ab-req > div { padding: 14px 18px 0; min-width: 0; }
.ab-req > div:first-child { padding-left: 0; }
.ab-req > div + div { border-left: 1px solid var(--line); }
.ab-req dt { font-size: 12.5px; color: var(--ink3); }
.ab-req dd { margin: 4px 0 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.ab-src { display: flex; flex-wrap: wrap; gap: 2px 14px; }
.ab-src a { display: inline-flex; align-items: center; gap: 5px; color: var(--acc); text-decoration: none; }
.ab-src a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ab-src svg { width: 13px; height: 13px; }

/* ── адаптив ──────────────────────────────────────────────────────── */
@media (max-width: 1180px) {
  .ip-stk { grid-template-columns: minmax(130px, 1.2fr) minmax(100px, 1fr) repeat(3, minmax(0, 1fr)) 18px; }
  .ip-stk-m:nth-of-type(n+4), .ip-stk-r { display: none; }
}
@media (max-width: 1100px) {
  .ip-tick { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ip-re { grid-template-columns: minmax(0, 1fr); }
  .ab-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ab-req { grid-template-columns: 1fr 1fr; }
  .ab-req > div:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 860px) {
  .ip-top { flex-direction: column; gap: 18px; }
  .ip-top-r { flex-basis: auto; width: 100%; padding-top: 0; }
  .wl-row { grid-template-columns: 44px minmax(0, 1fr) 96px; gap: 10px; }
  .wl-s, .wl-n { display: none; }
  .ab-faq2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .ip-tick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ip-spy { top: 56px; margin: 12px 0 0; }
  .ip-stk { grid-template-columns: minmax(0, 1fr) auto 18px; row-gap: 10px; margin: 0 -8px; padding: 12px 8px; }
  .ip-stk-m { display: none; }
  .ip-mc .mc-row { grid-template-columns: 36px repeat(12, minmax(0, 1fr)); gap: 3px; }
  .ip-mc .mc-c { height: 32px; border-radius: 6px; font-size: 0; }
  .ip-mc .mc-head span { font-size: 9.5px; }
  .ip-rh { grid-template-columns: 78px minmax(0, 1fr) 18px; }
  .ip-rh em { display: none; }
  .rt-ag { grid-template-columns: 8px auto minmax(0, 1fr) auto; }
  .rt-ag time { display: none; }
  .ev-rows li { grid-template-columns: 46px 20px minmax(0, 1fr); }
  .ev-rows em { display: none; }
  .ip-peers-pn { padding: 16px; }
  .ip-pchips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; flex-basis: 100%; }
  .ip-pchips::-webkit-scrollbar { display: none; }
  .ab-req { grid-template-columns: minmax(0, 1fr); }
  .ab-req > div { padding-left: 0 !important; border-left: 0 !important; }
  .bp-name { font-size: 26px; }
  .bp-sub > * + *::before { display: none; }
  .bp-sub { flex-direction: column; align-items: flex-start; gap: 2px; }
}

/* ── размещение, погашенные выпуски, звезда ─────────────────────────── */
.ip-pls { display: grid; gap: 10px; margin-top: 12px; }
.ip-pl { padding: 14px 16px; border-radius: 14px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--line); }
.ip-pl-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ip-pl-h b { font-size: 15px; font-weight: 600; }
.ip-pl-f { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 10px 0 0; }
.ip-pl-f dt { font-size: 12.5px; color: var(--ink3); }
.ip-pl-f dd { margin: 2px 0 0; font-size: 14px; font-weight: 600; }
.ip-tag-pl { background: var(--acc-soft) !important; color: var(--acc) !important; box-shadow: none !important; }
.ip-more-chips { display: contents; }
.ip-more-chips summary { display: inline-flex; align-items: center; height: 38px; padding: 0 14px; border-radius: 999px; cursor: pointer; list-style: none;
  color: var(--acc); font-size: 14px; font-weight: 600; }
.ip-more-chips summary::-webkit-details-marker { display: none; }
.ip-more-chips[open] summary { display: none; }
.ip .bp-star.on { color: var(--star); }
.ip .bp-star.on svg path { fill: currentColor; }
.ip-body .fav-star svg { width: 20px; height: 20px; }

/* ── телефон: доводка (25.09.2026) ──────────────────────────────────────
   Лента чисел: «36,0 млрд ₽» не помещалось в половину ширины и вылезало за
   панель, а пятое число висело одно в ряду. Таблица выпусков в одиннадцать
   колонок уезжала вбок - на телефоне это список: выпуск и метки слева,
   доходность справа, под ними погашение и купон. Сортировка шапкой на
   телефоне не нужна: выпусков у эмитента единицы, фильтр «Все / Фикс /
   Флоатеры» остаётся. */
@media (max-width: 760px) {
  .ip-tick .v { font-size: 19px; letter-spacing: -.02em; }
  .ip-tick > div:last-child:nth-child(odd) { grid-column: 1 / -1; }

  .ip-bonds, .ip-bonds tbody { display: block; }
  .ip-bonds thead { display: none; }
  .ip-bonds tr {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 4px;
    padding: 12px 0; border-bottom: 1px solid var(--line);
  }
  .ip-bonds td { display: none; padding: 0; border: 0; min-width: 0 !important; background: none !important; }
  .ip-bonds td[data-key="name"] { display: block; grid-column: 1; grid-row: 1; white-space: normal; }
  .ip-bonds td[data-key="name"] a { font-size: 15px; font-weight: 600; }
  .ip-bonds td[data-key="ytm"] { display: block; grid-column: 2; grid-row: 1; text-align: right; font-size: 16px; }
  .ip-bonds td[data-key="mat"] { display: block; grid-column: 1; grid-row: 2; text-align: left; color: var(--ink3); font-size: 13px; }
  .ip-bonds td[data-key="mat"] > span:first-child::before { content: "погашение "; }
  .ip-bonds td[data-key="mat"] .sub { display: none; }
  .ip-bonds td[data-key="coupon"] { display: block; grid-column: 2; grid-row: 2; text-align: right; color: var(--ink3); font-size: 13px; }
  .ip-bonds td[data-key="coupon"]::before { content: "купон "; }
  .ip-bonds tr:last-child { border-bottom: 0; }

  /* «пик» у самой тяжёлой строки не влезал в колонку суммы и резался краем:
     пик и так назван в строке над графиком, а строка выделена цветом. */
  .wl-row.pk .wl-v::after { display: none; }

  /* «Все действия» стояло поверх подписи «рейтинг не менялся». */
  .rt-more summary { position: static; display: inline-block; margin-top: 4px; }
}