/* InvestAI — общий стиль всех сгенерированных страниц.
   Один файл на весь сайт: браузер кэширует его один раз на 500 000 страниц. */
:root{
  --bg:#EEF1F5; --surface:#FFFFFF; --sunken:#E4E9F0;
  --line:#D5DCE5; --hair:#E5EAF1;
  --ink:#12161C; --dim:#59657A; --faint:#8A94A6;
  --brass:#8A6A2F; --long:#14684A; --short:#A2352A; --hold:#5E6B7E;
  --serif:"IBM Plex Serif",Georgia,serif;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E1218; --surface:#161B23; --sunken:#11161D;
    --line:#28313E; --hair:#212934;
    --ink:#E3E9F1; --dim:#8B98AB; --faint:#6B7789;
    --brass:#C99B4E; --long:#43AC73; --short:#DE6459; --hold:#7C8899;
  }
}
:root[data-theme="dark"]{
  --bg:#0E1218; --surface:#161B23; --sunken:#11161D;
  --line:#28313E; --hair:#212934;
  --ink:#E3E9F1; --dim:#8B98AB; --faint:#6B7789;
  --brass:#C99B4E; --long:#43AC73; --short:#DE6459; --hold:#7C8899;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
     font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
.wrap{max-width:920px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
a:hover{border-bottom-color:var(--brass);color:var(--brass)}
a:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}

/* шапка сайта */
.top{border-bottom:1px solid var(--line);background:var(--surface)}
.top .wrap{display:flex;align-items:center;gap:26px;height:58px}
.logo{font:600 15px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
      color:var(--brass);border:0}
.nav{display:flex;gap:20px;font-size:14.5px;margin-left:auto;flex-wrap:wrap}
.nav a{border:0;color:var(--dim)}
.nav a:hover{color:var(--brass)}

/* хлебные крошки */
.crumbs{font:400 13px/1 var(--mono);color:var(--faint);padding:20px 0 0;
        display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{border:0;color:var(--faint)}
.crumbs a:hover{color:var(--brass)}

h1{font:600 34px/1.2 var(--serif);margin:16px 0 6px;letter-spacing:-.015em;text-wrap:balance}
h2{font:600 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
   margin:44px 0 0;padding-bottom:12px;border-bottom:1px solid var(--line)}
h3{font:600 17px/1.35 var(--sans);margin:24px 0 6px}
p{margin:14px 0;max-width:68ch}
.lede{color:var(--dim)}

/* строка ключевых цифр */
.quote{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:18px 0 0}
.px{font:600 38px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.chg{font:500 17px/1 var(--mono);font-variant-numeric:tabular-nums}
.up{color:var(--long)} .down{color:var(--short)}
.asof{font:400 12.5px/1 var(--mono);color:var(--faint);margin-left:auto}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
       border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 0}
.facts div{padding:13px 16px;border-right:1px solid var(--hair)}
.facts div:last-child{border-right:0}
.facts dt{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
          color:var(--faint);margin:0 0 7px}
.facts dd{margin:0;font:500 18px/1 var(--mono);font-variant-numeric:tabular-nums}

/* график */
.chartbox{margin:26px 0 0;padding:14px 0 4px;background:var(--surface);
          border:1px solid var(--line);border-radius:3px}
.spark{display:block}
.ct{font:400 11px var(--mono);fill:var(--faint)}
.cn{fill:var(--ink);font-weight:600}

/* сигнал */
.signal{margin:22px 0 0;padding:20px 22px;background:var(--sunken);
        border-left:2px solid var(--brass)}
.sighead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.dir{font:600 12px/1 var(--mono);letter-spacing:.1em;padding:6px 9px;border:1px solid}
.dir.LONG{color:var(--long);border-color:var(--long)}
.dir.SHORT{color:var(--short);border-color:var(--short)}
.dir.HOLD{color:var(--hold);border-color:var(--line)}
.sigmeta{font:400 12.5px/1 var(--mono);color:var(--faint)}
.signal p{margin:8px 0}
.signal ul{margin:10px 0 0;padding:0;list-style:none}
.signal li{position:relative;padding-left:18px;margin-top:6px;color:var(--dim);font-size:15px}
.signal li::before{content:"—";position:absolute;left:0;color:var(--brass)}

/* таблицы */
.scroll{overflow-x:auto;margin-top:4px}
table{width:100%;border-collapse:collapse;font:14px/1.5 var(--mono);
      font-variant-numeric:tabular-nums}
th{font-weight:500;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
   color:var(--faint);text-align:right;padding:14px 14px 10px;white-space:nowrap}
th:first-child,td:first-child{text-align:left;padding-left:0}
td{text-align:right;padding:10px 14px;border-top:1px solid var(--hair);white-space:nowrap}
td:last-child,th:last-child{padding-right:0}

/* вопросы и ответы */
.faq{margin-top:8px}
.faq details{border-bottom:1px solid var(--hair);padding:14px 0}
.faq summary{cursor:pointer;font-weight:500;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";color:var(--brass);font:600 16px var(--mono);margin-right:10px}
.faq details[open] summary::before{content:"−"}
.faq p{margin:10px 0 0 26px;color:var(--dim)}

/* сетка ссылок на другие активы */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:1px;
      background:var(--hair);border:1px solid var(--hair);margin-top:4px}
/* каждая карточка — своя колонка; min-width:0 обязателен, иначе длинное
   название распирает ячейку вместо того, чтобы обрезаться многоточием */
.grid a{display:grid;grid-template-rows:auto auto auto;gap:4px;align-content:start;
        padding:13px 15px;background:var(--surface);border:0;min-width:0}
.grid a:hover{background:var(--sunken)}
.grid .t,.grid .n,.grid .v{display:block;min-width:0}
.grid .t{font:600 15px/1.2 var(--mono)}
.grid .n{font-size:12.5px;color:var(--faint);line-height:1.35;
         overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grid .v{font:500 13px/1 var(--mono);font-variant-numeric:tabular-nums;margin-top:3px}

.note{margin-top:18px;padding:16px 18px;background:var(--sunken);color:var(--dim);font-size:14.5px}

footer{border-top:1px solid var(--line);background:var(--surface);padding:26px 0 40px;
       color:var(--faint);font-size:13px;line-height:1.7}
footer .wrap>p{max-width:78ch}
footer a{color:var(--dim)}

@media (max-width:600px){
  h1{font-size:26px} .px{font-size:30px} .wrap{padding:0 16px}
  .top .wrap{height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:12px}
  .nav{margin-left:0;width:100%;gap:14px}
  .asof{margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
                 overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


/* --- постраничная навигация раздела --- */
.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;
       margin:34px 0 0;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.pg-nums{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;flex:1}
.pg{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
    padding:0 12px;border:1px solid var(--line);border-radius:2px;background:var(--surface);
    font:500 14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--dim)}
a.pg:hover{border-color:var(--brass);color:var(--brass);background:var(--sunken)}
.pg-cur{background:var(--brass);border-color:var(--brass);color:var(--bg);font-weight:600}
.pg-off{opacity:.35;border-style:dashed}
.pg-gap{display:inline-flex;align-items:flex-end;height:38px;padding:0 2px;
        color:var(--faint);font:14px var(--mono)}
.pg-note{margin:14px 0 0;text-align:center;color:var(--faint);
         font:400 12.5px var(--mono)}
/* подвалу нужен воздух: раньше он прилипал к последнему блоку */
footer{margin-top:0}
@media (max-width:560px){
  .pager{justify-content:center}
  .pg-nums{order:-1;width:100%;margin-bottom:6px}
}

/* --- меню и бургер ------------------------------------------------------- */
.navtoggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;margin-left:auto;width:42px;height:42px;cursor:pointer;
        align-items:center;justify-content:center;flex-direction:column;gap:5px;
        border:1px solid var(--line);border-radius:2px;background:var(--surface)}
.burger span{display:block;width:18px;height:2px;background:var(--ink);
             transition:transform .18s ease, opacity .18s ease}
.navscrim{display:none}

@media (max-width:820px){
  .top .wrap{flex-wrap:nowrap;height:58px}
  .burger{display:flex}

  /* затемнение на весь экран — клик по нему закрывает меню */
  .navscrim{position:fixed;inset:0;background:rgba(8,11,16,.55);z-index:40;
            opacity:0;pointer-events:none;transition:opacity .2s ease}
  .navtoggle:checked ~ .navscrim{display:block;opacity:1;pointer-events:auto}

  .nav{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);z-index:50;
       flex-direction:column;align-items:stretch;gap:0;margin:0;padding:74px 0 24px;
       background:var(--surface);border-left:1px solid var(--line);
       transform:translateX(100%);transition:transform .22s ease;
       overflow-y:auto;box-shadow:-18px 0 40px rgba(8,11,16,.18)}
  .navtoggle:checked ~ .nav{transform:translateX(0)}
  .nav a{padding:15px 24px;border-bottom:1px solid var(--hair);color:var(--ink);
         font-size:16px}
  .nav a:first-child{border-top:1px solid var(--hair)}

  /* крестик вместо трёх полос, когда меню открыто */
  .navtoggle:checked ~ .burger{position:fixed;right:16px;top:8px;z-index:60}
  .navtoggle:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .navtoggle:checked ~ .burger span:nth-child(2){opacity:0}
  .navtoggle:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media (prefers-reduced-motion:reduce){
  .nav,.navscrim,.burger span{transition:none}
}

/* --- вертикальный ритм: страницам не хватало воздуха ---------------------- */
h2{margin-top:56px;padding-bottom:14px}
h3{margin-top:32px}
main>p,main .lede{margin:16px 0}
.facts div{padding:16px 18px 17px}
.grid a{padding:16px 18px;gap:5px}
.chartbox{margin-top:30px;padding:18px 0 8px}
.signal{margin-top:26px;padding:24px 26px}
.note{margin-top:22px;padding:20px 22px;line-height:1.6}
.faq details{padding:16px 0}
.scroll{margin-top:8px}
table{margin-bottom:4px}
.quote{margin-top:22px}
.crumbs{padding-top:24px}
h1{margin-top:20px}
footer{padding:34px 0 48px}
footer .wrap>p+p{margin-top:14px}

/* --- отступы после заголовков разделов ----------------------------------- */
.grid{margin-top:22px}
.scroll{margin-top:20px}
.faq{margin-top:18px}
.facts{margin-top:24px}
.feed{margin-top:14px}
.pending{margin-top:22px}
h2+p,h2+.note,h2+.quote{margin-top:20px}
.chartbox{margin-top:24px}
/* легенда графика вместо подписей поверх линий */
.legend{display:flex;gap:22px;flex-wrap:wrap;padding:0 18px 14px;
        font:400 12.5px/1 var(--mono);color:var(--faint)}
.legend i{display:inline-block;width:18px;height:2px;margin-right:7px;
          vertical-align:middle;background:currentColor}
.legend .a{color:var(--ink)}
.legend .b{color:var(--faint)}

/* --- сетка карточек: пустые колонки не должны висеть серым блоком --------- */
/* auto-fit вместо auto-fill: незанятые дорожки схлопываются, и две карточки
   растягиваются на всю ширину вместо того, чтобы оставлять пустоту */
.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* линия эталона на графике была почти не видна */
.spark polyline[stroke-dasharray]{stroke:var(--dim);stroke-width:1.8}

/* --- сетка карточек: пустые колонки висели серым блоком ------------------- */
/* auto-fit вместо auto-fill: незанятые дорожки схлопываются, и две карточки
   растягиваются на всю ширину вместо того, чтобы оставлять пустоту */
.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* линия эталона на графике была почти не видна */
.spark polyline[stroke-dasharray]{stroke:var(--dim);stroke-width:1.8}

/* --- подвал: был зажат и плохо читался ----------------------------------- */
footer{padding:40px 0 56px;line-height:1.75;font-size:13.5px}
footer .wrap>p{max-width:80ch;margin:0}
footer .wrap>p+p{margin-top:18px}

/* --- страница ведения ---------------------------------------------------- */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);
    border:1px solid var(--hair);border-radius:4px;overflow:hidden;margin-top:22px}
.vs-col{background:var(--surface);padding:22px 24px;min-width:0}
.vs-col.paid{background:var(--sunken)}
.vs-h{font:500 11px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;
      color:var(--brass);margin-bottom:16px}
.vs-h.free{color:var(--faint)}
.vs-col p{margin:0;font-size:14.5px;line-height:1.6;color:var(--dim);max-width:none}
.vs-col p+p{margin-top:12px}
.vs-col p b{color:var(--ink);font-weight:600}
.vs-note{margin-top:16px!important;padding-top:14px;border-top:1px solid var(--hair);
         font-size:13.5px;color:var(--faint)}
@media (max-width:680px){.vs{grid-template-columns:1fr}}

.demo{margin-top:22px;background:var(--surface);border:1px solid var(--line);
      border-radius:4px;padding:22px 24px}
.demo-msg{display:flex;gap:14px;align-items:flex-start}
.demo-msg+.demo-msg{margin-top:18px;padding-top:18px;border-top:1px solid var(--hair)}
.demo-who{flex:0 0 74px;font:500 11px/1.7 var(--mono);letter-spacing:.07em;
          text-transform:uppercase;color:var(--faint)}
.demo-what{flex:1;min-width:0;font-size:15px;line-height:1.65;color:var(--dim)}
.demo-what.u{color:var(--ink);font-weight:500}
.demo-what b{color:var(--ink);font-weight:600}
@media (max-width:560px){.demo-msg{flex-direction:column;gap:6px}}

.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:22px}
.price{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:22px 24px}
.price.best{border-color:var(--brass);box-shadow:inset 3px 0 0 var(--brass)}
.price-name{font:500 11px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}
.price-val{font:600 32px/1 var(--mono);margin:12px 0 10px;letter-spacing:-.02em}
.price-desc{font-size:14.5px;line-height:1.6;color:var(--dim)}

/* --- приглашение спросить, на каждой странице бумаги ---------------------- */
.ask{display:flex;align-items:center;gap:14px;margin-top:24px;padding:16px 20px;
     border:1px solid var(--brass);border-radius:4px;background:var(--sunken);
     text-decoration:none;flex-wrap:wrap}
.ask:hover{background:var(--surface);border-color:var(--brass)}
.ask-i{color:var(--brass);font:600 18px/1 var(--mono)}
.ask-t{flex:1;min-width:200px;color:var(--dim);font-size:14.5px;line-height:1.55}
.ask-go{color:var(--brass);font:500 13.5px var(--mono);white-space:nowrap}

/* --- кнопки оплаты и призыв к действию ------------------------------------ */
.pay{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;
     padding:12px 22px;border:1px solid var(--brass);border-radius:3px;
     font:500 14px var(--mono);color:var(--brass);background:transparent;text-decoration:none}
.pay:hover{background:var(--brass);color:var(--surface);border-color:var(--brass)}
.pay.pri{background:var(--brass);color:var(--bg);border-color:var(--brass)}
.pay.pri:hover{filter:brightness(1.08)}
.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px!important}
.cta-row .pay{margin-top:0}
.cta-note{color:var(--faint);font-size:13.5px}
.nav-hi{color:var(--brass)!important;font-weight:600}
ul.dashed{margin:16px 0 0;padding:0;list-style:none;max-width:66ch}
ul.dashed li{position:relative;padding-left:21px;margin-top:9px;color:var(--dim)}
ul.dashed li::before{content:"—";position:absolute;left:0;color:var(--brass)}

/* --- страница ведения: три колонки «чего нет» ----------------------------- */
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;
       background:var(--hair);border:1px solid var(--hair);border-radius:4px;
       overflow:hidden;margin-top:22px}
.three>div{background:var(--surface);padding:22px 24px;min-width:0}
.three-n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
         border-radius:50%;border:1px solid var(--brass);color:var(--brass);
         font:500 12px/1 var(--mono);margin-bottom:12px}
.three b{display:block;font:600 15.5px/1.4 var(--sans);margin-bottom:7px}
.three p{margin:0;font-size:14px;line-height:1.6;color:var(--dim);max-width:none}

/* цифры базы */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
       border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}
.stats>div{padding:17px 20px;border-right:1px solid var(--hair)}
.stats>div:last-child{border-right:0}
.stats dt{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;
          color:var(--faint);margin:0 0 8px}
.stats dd{margin:0;font:600 21px/1 var(--mono);font-variant-numeric:tabular-nums}

/* чему научит */
.learn{margin-top:22px;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.learn-row{display:flex;border-bottom:1px solid var(--hair);background:var(--surface)}
.learn-row:last-child{border-bottom:0}
.learn-q{flex:0 0 210px;padding:17px 20px;background:var(--sunken);
         border-right:1px solid var(--hair);font:600 14.5px/1.45 var(--sans);color:var(--ink)}
.learn-a{flex:1;padding:17px 22px;min-width:0;font-size:14.5px;line-height:1.62;color:var(--dim)}
@media (max-width:640px){
  .learn-row{flex-direction:column}
  .learn-q{flex-basis:auto;border-right:0;border-bottom:1px solid var(--hair)}
}

/* --- макет чата на странице ведения --------------------------------------- */
.chatmock{margin-top:22px;border:1px solid var(--line);border-radius:5px;overflow:hidden;
          background:var(--surface)}
.chatmock-head{padding:11px 18px;background:var(--sunken);border-bottom:1px solid var(--line);
               font:400 12px var(--mono);color:var(--faint)}
.chatmock-body{padding:20px}
.cm-msg{max-width:82%;padding:13px 16px;border-radius:4px;font-size:14.5px;line-height:1.6}
.cm-msg.u{background:var(--brass);color:var(--bg);margin-left:auto;font-weight:500}
.cm-msg.a{background:var(--sunken);color:var(--dim);margin-top:14px}
.chatmock-input{display:flex;align-items:center;gap:12px;padding:14px 18px;
                border-top:1px solid var(--line);background:var(--sunken)}
.chatmock-input>span:first-child{flex:1;color:var(--faint);font-size:14.5px}
.cm-send{padding:8px 16px;border:1px solid var(--brass);border-radius:3px;
         color:var(--brass);font:500 13px var(--mono)}

/* готовые вопросы */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.chip{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:20px;
      background:var(--surface);color:var(--dim);font-size:14px;line-height:1.3}
.chip:hover{border-color:var(--brass);color:var(--brass)}

/* две колонки */
/* ровно две колонки: при трёх четвёртая карточка повисала одна с пустотой рядом */
.two{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
     background:var(--hair);border:1px solid var(--hair);border-radius:4px;
     overflow:hidden;margin-top:22px}
.two>div{background:var(--surface);padding:22px 24px;min-width:0}
.two b{display:block;font:600 15.5px/1.4 var(--sans);margin-bottom:10px}
.two p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:var(--dim);max-width:none}
.two p.small{font-size:13.5px;color:var(--faint);margin-bottom:0}
ul.ipo{margin:12px 0;padding:0;list-style:none}
ul.ipo li{display:flex;align-items:baseline;gap:9px;padding:8px 0;
          border-top:1px solid var(--hair);font-size:14px;color:var(--dim)}
ul.ipo li::before{content:none}
ul.ipo span{font:600 13px var(--mono);color:var(--ink);flex:0 0 58px}
ul.ipo em{margin-left:auto;font-style:normal;font:400 12px var(--mono);color:var(--faint)}

/* --- пошаговое ведение ---------------------------------------------------- */
.steps-real{margin-top:22px;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.sr{display:flex;gap:16px;padding:20px 22px;background:var(--surface);
    border-bottom:1px solid var(--hair)}
.sr:last-child{border-bottom:0}
.sr-n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--brass);color:var(--bg);
      font:600 13px/28px var(--mono);text-align:center}
.sr b{display:block;font:600 15.5px/1.45 var(--sans);margin-bottom:6px}
.sr p{margin:0;font-size:14.5px;line-height:1.62;color:var(--dim);max-width:none}

@media (max-width:640px){.two{grid-template-columns:1fr}}

/* таблицы не должны упираться в край: последний столбец обрезался */
table{table-layout:auto}
th,td{padding-right:18px}
td:last-child,th:last-child{padding-right:2px}

/* --- конец страницы: контент упирался в подвал ---------------------------- */
footer{border-top:1px solid var(--line);background:var(--surface);
       padding:44px 0 64px;line-height:1.75;font-size:13.5px;color:var(--faint)}
footer .wrap>p{max-width:78ch;margin:0}
footer .wrap>p+p{margin-top:20px}

/* Отступ снизу задаётся через main.wrap, а не main: у .wrap стоит сокращённое
   padding:0 24px, которое обнуляет нижний отступ, и класс сильнее тега —
   поэтому правило main{padding-bottom} не действовало никогда. */
main.wrap{padding-bottom:104px}

/* пометка о прекращении торгов */
.delisted{margin-top:18px;padding:16px 20px;background:var(--sunken);
          border-left:2px solid var(--short);color:var(--dim);font-size:14.5px}
.delisted b{color:var(--short);font-weight:600}

/* Теги внизу страницы: это навигация, а не украшение и не фактор ранжирования,
   поэтому выглядят как ссылки и ведут только на существующие разделы. */
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:56px;padding-top:24px;
      border-top:1px solid var(--hair)}
.tags a{font-size:13.5px;color:var(--dim);text-decoration:none;
        padding:6px 12px;background:var(--sunken);border-radius:999px}
.tags a:hover{color:var(--fg);text-decoration:none}