/* Дополнения к doc.css для инструкции «Прайсы для 2ГИС» */

.manual-lead {
  max-width: 820px;
  margin-bottom: 24px;
  color: var(--g4);
  font-size: 17px;
  line-height: 1.75;
}
.manual-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 32px;
}
.manual-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 18px;
  border: 1px solid var(--bp);
  border-radius: 10px;
  background: var(--bp);
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}
.manual-action:hover { background: var(--bi); color: #fff !important; }
.manual-action--outline { background: transparent; color: var(--bp) !important; }
.manual-action--outline:hover { background: rgba(29,78,216,.07); color: var(--bp) !important; }
.manual-figure {
  max-width: 920px;
  margin: 24px 0 32px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: var(--shadow-md);
}
.manual-figure img { display: block; width: 100%; height: auto; }
.manual-figure figcaption {
  padding: 11px 16px 13px;
  border-top: 1px solid var(--border);
  color: var(--g6);
  font-size: 12px;
  line-height: 1.55;
}
.manual-figure--narrow { max-width: 560px; }
.manual-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 820px;
  margin: 22px 0 32px;
}
.manual-summary-card {
  padding: 18px;
  border: 1px solid rgba(29,78,216,.12);
  border-radius: 12px;
  background: #fff;
}
.manual-summary-card strong { display: block; margin-bottom: 5px; color: var(--bp); font-size: 14px; }
.manual-summary-card span { color: var(--g4); font-size: 12px; line-height: 1.55; }
.manual-video {
  width: min(860px, 100%);
  margin: 24px 0 30px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: #0a1a35;
  box-shadow: var(--shadow-md);
}
.manual-video video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; }
.manual-related {
  max-width: 820px;
  margin-top: 48px;
  padding: 22px 24px;
  border: 1px solid rgba(29,78,216,.14);
  border-left: 4px solid var(--bp);
  border-radius: 0 12px 12px 0;
  background: #fff;
}
.manual-related strong { display: block; margin-bottom: 6px; color: #0a1a35; }
.manual-related p { margin: 0; color: var(--g4); font-size: 14px; }
@media (max-width: 720px) {
  .manual-summary { grid-template-columns: 1fr; }
  .manual-actions > * { width: 100%; }
  .manual-figure { margin-left: 0; margin-right: 0; }
}