/* Оформление сайта инструкций Aqua Delivery поверх стандартной темы Diplodoc. */
:root {
  --aq-blue: #006efe;
  --aq-navy: #070956;
}
body { font-feature-settings: "kern", "liga"; }

/* Шапка: тонкая фирменная линия снизу */
.pc-navigation-layout__navigation, .dc-doc-layout__navigation, header {
  border-bottom: 1px solid rgba(7, 9, 86, .08);
}
.pc-logo__text { font-weight: 600; letter-spacing: -.01em; color: var(--aq-navy); }
.g-root_theme_dark .pc-logo__text { color: #fff; }

/* Главная и страницы разделов: карточки вместо голого списка */
.dc-doc-leading-page__title { color: var(--aq-navy); letter-spacing: -.02em; }
.g-root_theme_dark .dc-doc-leading-page__title { color: #fff; }
.dc-doc-leading-page__description { font-size: 17px; opacity: .75; max-width: 760px; }
.dc-doc-leading-page__links {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  margin-top: 28px;
}
.dc-doc-leading-page__links-item {
  margin: 0 !important;
  padding: 18px 20px;
  border: 1px solid rgba(7, 9, 86, .10);
  border-radius: 14px;
  background: var(--g-color-base-background, #fff);
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.dc-doc-leading-page__links-item:hover {
  border-color: var(--aq-blue);
  box-shadow: 0 6px 20px rgba(0, 110, 254, .12);
  transform: translateY(-1px);
}
.dc-doc-leading-page__links-item a { text-decoration: none; }
.dc-doc-leading-page__links-title, .dc-doc-leading-page__links-item h2,
.dc-doc-leading-page__links-item a { font-weight: 600; font-size: 16px; line-height: 1.35; }
.dc-doc-leading-page__links-description { margin-top: 6px; font-size: 14px; line-height: 1.45; opacity: .7; }

/* Таблицы и картинки в инструкциях */
.yfm img { border-radius: 8px; box-shadow: 0 1px 6px rgba(7, 9, 86, .12); }

/* Название сайта уже в шапке (логотип) — над оглавлением его не дублируем */
.dc-toc__top { display: none !important; }

/* Простой поиск в шапке (custom.js) */
.aq-search { position: relative; display: flex; align-items: center; margin-right: 12px; }
.aq-search input {
  width: 320px; height: 36px; padding: 0 36px 0 14px;
  border: 1px solid rgba(7, 9, 86, .18); border-radius: 10px;
  font: inherit; font-size: 14px; outline: none;
  background: var(--g-color-base-background, #fff); color: inherit;
  transition: border-color .15s, box-shadow .15s, width .2s;
}
.aq-search input:focus { border-color: var(--aq-blue); box-shadow: 0 0 0 3px rgba(0, 110, 254, .15); width: 420px; }
.aq-search kbd {
  position: absolute; right: 10px; font: 12px/18px inherit; padding: 0 6px;
  border: 1px solid rgba(7, 9, 86, .18); border-radius: 5px; opacity: .55; pointer-events: none;
}
.aq-search input:focus + kbd { display: none; }
.aq-search__list {
  position: absolute; top: 44px; right: 0; width: 560px; max-height: 70vh; overflow: auto; z-index: 1000;
  background: var(--g-color-base-background, #fff); border: 1px solid rgba(7, 9, 86, .12);
  border-radius: 12px; box-shadow: 0 12px 36px rgba(7, 9, 86, .18); padding: 6px;
}
.aq-search__item { display: block; padding: 10px 12px; border-radius: 8px; text-decoration: none; color: inherit; }
.aq-search__item.is-sel, .aq-search__item:hover { background: rgba(0, 110, 254, .08); }
.aq-search__title { display: block; font-weight: 600; font-size: 15px; color: var(--aq-navy); }
.g-root_theme_dark .aq-search__title { color: #fff; }
.aq-search__section { display: block; font-size: 12px; opacity: .6; margin-top: 2px; }
.aq-search__snippet { display: block; font-size: 13px; line-height: 1.45; opacity: .8; margin-top: 4px; }
.aq-search mark { background: rgba(0, 110, 254, .16); color: inherit; border-radius: 3px; padding: 0 1px; }
.aq-search__empty { padding: 14px; font-size: 14px; opacity: .7; }
@media (max-width: 900px) {
  .aq-search input, .aq-search input:focus { width: 180px; }
  .aq-search__list { width: calc(100vw - 24px); right: -60px; }
}