/* --------------------------------------------------------------------------
   Долг №94, вторая половина (Г18). Общий стиль двух публичных
   информационных страниц — «Доставка і оплата»/«Доставка и оплата» (Д-59)
   и «Гарантія та повернення»/«Гарантия и возврат» (Д-60).

   Палитра и размеры колонки — те же, что у страницы чтения статьи
   (storefront/static/storefront/css/articles.css, блок .hl-read__*):
   текстовая страница с ограниченной шириной колонки, уже проверенная на
   мобильной ширине. Свой префикс (.hl-info__*) и свой файл — чтобы не
   тянуть сюда весь articles.css (там есть лишнее для этих двух страниц:
   карточки списка статей, таблицы и т.п.).
   -------------------------------------------------------------------------- */
.hl-info {
    --hli-bg: #f7f3e9;
    --hli-text: #202124;
    --hli-muted: #5f6368;
    --hli-accent: #1a73e8;
    --hli-accent-hover: #1765cc;
    --hli-border: #dad5c3;

    background: var(--hli-bg);
    color: var(--hli-text);
    font-family: "Google Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 44px 0 48px;
}
.hl-info *, .hl-info *::before, .hl-info *::after { box-sizing: border-box; }
.hl-info :focus-visible { outline: 2px solid var(--hli-accent); outline-offset: 2px; }

.hl-info__shell { max-width: 760px; margin: 0 auto; padding: 0 20px; }

.hl-info__title { margin: 0 0 24px; font-size: 34px; font-weight: 800; line-height: 1.22; }
.hl-info__h2 { margin: 30px 0 12px; font-size: 23px; font-weight: 800; line-height: 1.3; }
.hl-info__h2:first-of-type { margin-top: 0; }

.hl-info__p { margin: 0 0 18px; font-size: 17px; line-height: 1.7; }

.hl-info__list { margin: 0 0 18px; padding: 0 0 0 22px; font-size: 17px; line-height: 1.7; }
.hl-info__list li { margin: 0 0 8px; }
.hl-info__list li:last-child { margin-bottom: 0; }

.hl-info__link { color: var(--hli-accent); text-decoration: underline; text-underline-offset: 3px; }
.hl-info__link:hover { color: var(--hli-accent-hover); }

@media (max-width: 767px) {
    .hl-info { padding: 26px 0 30px; }
    .hl-info__shell { padding: 0 16px; }
    .hl-info__title { font-size: 24px; }
    .hl-info__h2 { font-size: 20px; margin-top: 24px; }
    .hl-info__p, .hl-info__list { font-size: 16px; }
}