/* Страница «Мой друг» (задача 429). Цветов здесь нет: палитра живёт в brand/theme.css, каркас,
   кнопки, карточки и подвал приходят из landing.css. Здесь только раскладка страницы.
   Узкий экран: страховки от переполнения нет, полагаемся на раскладку. Длинное (SHA-256, адреса) переносится
   внутри слова, колонки складываются в одну ниже 760 px. */
.md-hero{padding:var(--s6) 0 var(--s5)}
.md-hero h1{max-width:12ch}
.md-hero-grid{display:grid;gap:var(--s5);align-items:center;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.md-art{margin:0;justify-self:center;width:100%;max-width:300px}
.md-art svg{display:block;width:100%;height:auto}
.md-art figcaption{margin-top:var(--s2);text-align:center}

.md-dl{padding:var(--s4)}
.md-dl-grid{display:grid;gap:var(--s5);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}
.md-ver{font-family:var(--f-display);font-size:24px;margin:0 0 var(--s3);display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.md-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px var(--s4);margin:var(--s4) 0 0;font-size:14px}
.md-facts dt{color:var(--ink-2);white-space:nowrap}
.md-facts dd{margin:0;color:var(--ink);min-width:0}
.md-sha{display:block;overflow-wrap:anywhere;word-break:break-all;font-size:12px;line-height:1.5}
.md-copy{margin-top:var(--s2);min-height:var(--hit-min);padding:4px 12px;font-size:13px}
.md-qr{margin:0;justify-self:center;max-width:220px}
.md-qr img{display:block;width:176px;height:176px;max-width:100%;height:auto;background:#fff;
  border:1px solid var(--rule);border-radius:var(--r-s);padding:0}
.md-qr figcaption{margin-top:var(--s2);overflow-wrap:anywhere}
.md-qr code{overflow-wrap:anywhere}

.md-cols{display:grid;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}
.md-list{margin:0 0 var(--s3);padding-left:20px}
.md-list li{margin:0 0 var(--s2);overflow-wrap:anywhere}
.md-steps{margin:0 0 var(--s4);padding-left:22px;max-width:70ch}
.md-steps li{margin:0 0 var(--s3)}
.md-hist-meta{color:var(--ink-2);font-size:12.5px}
#install .wrap p,#docs .wrap p{max-width:70ch}
.wrap code{overflow-wrap:anywhere}

@media (max-width:760px){
  .md-hero-grid,.md-dl-grid,.md-cols{grid-template-columns:minmax(0,1fr)}
  .md-art{max-width:220px}
  .md-qr{justify-self:start}
  .md-facts{grid-template-columns:minmax(0,1fr)}
  .md-facts dt{margin-top:var(--s2)}
}

/* Малые подписи витрины (--ink-3) на этой странице дают контраст 2,9-3,6 против нужных 4,5:
   здесь они берут --ink-2. Витрину и общий landing.css это не меняет. */
.topbar .who,.kicker,footer h3{color:var(--ink-2)}