/* TASK-1092 — the six service pages on new (about, contact, disclosure, editorial-approach, privacy, terms) = the guide
   template C of TASK-1074 (site-new/layouts/article.html + guide.css) with body.guide-page.info-page, the owner's
   variant А «Как статьи» (INBOX #250). Loaded after guide.css on these six pages only (tools/new_info.py; the file
   is also the gate: without it the six are not built). Owner's tokens only (styles.css :root) — no new token. */

/* 1) text 17 px at every width (content.css sets 16 px below 760 px — brief req. 3, the production page gives 17/27),
      a measure of 35em ≈ 595 px ≈ 75 characters on a computer (brief req. 3: 45–80; the 780 px guide column gives
      ~105). ux* UX2-01: a descendant selector — five of the six keep their text in an <article> of their own */
body.info-page .prose.guide-text :is(p, li) { font-size: 17px; line-height: 1.65; }
body.info-page .guide-body .prose.guide-text :is(p, ul, ol) { max-width: 35em; }
/* ux* UX2-02: headings in px — 35em of a 26 px heading would be wider than the text under it */
body.info-page .guide-body .prose.guide-text :is(h2, h3) { max-width: 595px; }

/* 2) e-mail and long addresses never widen the page at 320 px (brief req. 7); links stay underlined (styles.css a).
      layout* UX3-02: specificity (0,5,3) — above content.css «body:not(.review-page) main .prose > p:not([class])
      a[href^=mailto:]» (0,4,4, break-all), which otherwise broke the address after its dot */
body.guide-page.info-page main .prose.guide-text a[href^="mailto:"] { overflow-wrap: anywhere; word-break: keep-all; }

/* 3) the end block «About us · Policies»: the footer's two link groups with the page names (H1), the current page
      left out — the reader goes to the next rule page without scrolling to the footer (sample 2 of «Образцы») */
.info-more { margin: 44px 0 0; }
.info-more .im-group + .im-group { margin-top: 22px; }
.info-more h2 { margin: 0 0 12px; padding-top: 0; border-top: 0; font-size: 22px; letter-spacing: -.03em; }
.info-more ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.info-more li { margin: 0; }
.info-more li a { display: flex; align-items: center; min-height: 52px; height: 100%; box-sizing: border-box; padding: 12px 14px;
                  background: var(--surface); border: 1px solid var(--line); border-radius: 12px; font-size: 16px;
                  font-weight: 800; line-height: 1.35; text-decoration: none; color: var(--ink); }
.info-more li a:hover { background: var(--purple-soft); }
.info-more li a:focus-visible { outline-offset: 2px; }
@media (min-width: 760px) {
  .info-more { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
  .info-more .im-group + .im-group { margin-top: 0; }
}

/* 4) a page without sections (Contact): no «On this page» bar (toc() gives none), the text starts right under the head */
body.info-page.info-short .guide-body { padding-top: 26px; }

@media (max-width: 759px) {
  body.info-page.info-short .guide-body { padding-top: 20px; }
}
@media print {
  .info-more { display: none; }
}