/* Insights article — Figma Blog 1 13131:21471: desktop 13131:21572 (1440) · mobile 13131:22092 (390).
   Шаблон статті: обкладинка, зміст збоку, текстова колонка 880 з фігурами «слабко / сильно», реальний кейс,
   підсумок. Класи з префіксом .ar- не залежать від конкретної статті — наступна стаття бере цей самий файл.
   Units: em on the site's fluid scale. Desktop: Figma px ÷ 16 (1em = 16px at 1440).
   Mobile (≤479): .ar-article resets its font-size to 16/16.38 of the body, so inside it 1em = 16px at 390
   and mobile Figma px ÷ 16 as well. Text tokens: Desktop/Body/1 20/1.2, Body/2 16/1.2, Body/3 14/1.2,
   Head/2 32/1.2, Head/3 Upper 24; Mobile/Body/1 Long 16/1.4, Body/2 14, Body/3 12, Head/2 24, Head/3 20. */

.article-page {
  --ar-ink: #141414;        /* ink/850 */
  --ar-gray-500: #6b7280;
  --ar-gray-300: #d1d5db;
  --ar-gray-100: #f3f4f6;
  --ar-red: #b91c1c;        /* support/red-700 — «Weak» */
  --ar-purple: #9f94f3;     /* brand/purple — активний пункт змісту (не текст) */
  --ar-violet: #7c3aed;     /* violet/600 — категорія картки: brand/purple як текст дає 2,3 : 1 */
  --ar-rg: "Rg Standardbook", Arial, sans-serif;
}

@media (min-width: 1920px) { .article-page { font-size: 21.333px; } }
@media (prefers-reduced-motion: no-preference) { html:has(> body.article-page) { scroll-behavior: smooth; } }

.ar-article { color: var(--ar-ink); }
.ar-article [id] { scroll-margin-top: 7.5em; }
.ar-sr {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.ar-container { width: 82.5em; margin-inline: auto; }   /* 1320 */
.ar-sep { margin-inline: .5em; }

/* ============ Text tokens ============ */

.ar-label { margin: 0; font-size: .875em; font-weight: 300; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; color: var(--ar-gray-500); }
.ar-p { margin: 0; font-size: 1.25em; font-weight: 300; line-height: 1.2; letter-spacing: -.025em; color: var(--ar-ink); }
.ar-p--muted { color: var(--ar-gray-500); }
.ar-h2 { margin: 0; font-family: var(--ar-rg); font-size: 2em; font-weight: 400; line-height: 1.2; letter-spacing: -.03125em; color: var(--ar-ink); }
.ar-h3 { margin: 0; font-family: var(--ar-rg); font-size: 1.5em; font-weight: 400; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; color: var(--ar-ink); }
.ar-note { margin: 0; font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }
.ar-link { color: inherit; text-decoration: underline; text-underline-offset: .15em; text-decoration-thickness: 1px; }
.ar-link:hover { text-decoration-thickness: 2px; }

/* Lists: Figma unordered list, bullet at 12, text at 30 (Body/1 20) */
.ar-list { margin: 0; padding: 0 0 0 1.5em; list-style: none; font-size: 1.25em; font-weight: 300; line-height: 1.2; letter-spacing: -.025em; color: var(--ar-ink); }
.ar-list li { position: relative; }
.ar-list li::before { content: "•"; position: absolute; left: -.9em; }
.ar-list--ordered { list-style: decimal; }
.ar-list--ordered li::before { content: none; }
.ar-list--ordered li::marker { font-variant-numeric: tabular-nums; }

/* Check list — Item/Benefit: icon 16 + gap 8, Body/3 gray */
.ar-checks { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75em 1.5em; }
.ar-checks li { display: flex; align-items: flex-start; gap: .5714em; font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }
.ar-check { flex: none; width: 1.1429em; height: 1.1429em; color: var(--ar-ink); }

/* Button/Outline 59 — the site's .button-main, as on Free tools */
.ar-btn { height: auto; padding: calc(1.25em - 1px) 1em; gap: .125em; line-height: 1.2; text-decoration: none; }
.ar-btn .ico-20 { width: 1.125em; height: 1.125em; }
.ar-btn svg { width: 100%; height: 100%; }

/* ============ 01 Cover ============ */

.ar-cover { display: flex; flex-direction: column; gap: 3.75em; padding: 12.4375em 0 6em; }   /* 103 header + 96 · 96; gap 60 */
.ar-cover__head { display: flex; flex-direction: column; align-items: center; gap: 1.5em; text-align: center; }
.ar-eyebrow { margin: 0; font-size: .875em; font-weight: 300; line-height: 1.2; text-transform: uppercase; color: var(--ar-gray-500); }
.ar-cover__title { width: 13.75em; color: var(--ar-ink); text-wrap: balance; }   /* 880 / 64 */
.ar-cover__lead { width: 31em; margin: 0; font-size: 1.25em; font-weight: 300; line-height: 1.2; letter-spacing: -.025em; color: var(--ar-gray-500); text-wrap: pretty; }   /* 620 / 20 */
.ar-cover__media { width: 82.5em; margin-inline: auto; }
.ar-cover__media img { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 1320 / 787; object-fit: cover; }

.ar-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5em; margin-block: 0; padding: 1.5em 0; border-top: 1px solid var(--ar-gray-300); border-bottom: 1px solid var(--ar-gray-300); }
.ar-meta__cell { display: flex; flex-direction: column; gap: .25em; }
.ar-meta dd { margin: 0; font-size: 1em; font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; color: var(--ar-ink); }

/* ============ 02 Body: rail 300 + gap 72 + text 880, centred ============ */

.ar-layout { display: flex; align-items: flex-start; gap: 4.5em; width: 78.25em; margin-inline: auto; padding-top: 6em; }
.ar-rail { flex: none; display: flex; flex-direction: column; gap: 2em; width: 18.75em; }
.ar-rail.is-sticky { position: sticky; top: var(--ar-rail-top, 2.5em); transition: top .28s cubic-bezier(.16, 1, .3, 1); }
.ar-text { flex: none; display: flex; flex-direction: column; gap: 6em; width: 55em; min-width: 0; }

/* Contents — Nav/TOC Item: padding 12/0/12/20, active = brand/purple left stroke 4 */
.ar-toc { display: flex; flex-direction: column; gap: 1em; }
.ar-toc__list { margin: 0; padding: 0; list-style: none; }
.ar-toc__link { display: flex; align-items: baseline; gap: .75em; padding: .75em 0 .75em 1em; border-left: .25em solid transparent; color: var(--ar-gray-500); text-decoration: none; transition: color .2s ease, border-color .2s ease; }
.ar-toc__num { flex: none; width: 1.7143em; font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }
.ar-toc__text { font-size: 1em; font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; }
.ar-toc__link:hover, .ar-toc__link[aria-current="true"] { color: var(--ar-ink); }
.ar-toc__link[aria-current="true"] { border-left-color: var(--ar-purple); }

/* Share */
.ar-share { display: flex; flex-direction: column; gap: 1em; padding-top: 2em; border-top: 1px solid var(--ar-gray-300); }
.ar-share__list { display: flex; flex-direction: column; align-items: flex-start; gap: .75em; margin: 0; padding: 0; list-style: none; }
.ar-share__link {
  display: inline-flex; align-items: center; gap: .5em; margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 1em; font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; color: var(--ar-ink); text-decoration: none;
}
.ar-share__link svg { flex: none; width: 1.125em; height: 1.125em; transition: transform .2s ease; }
.ar-share__link:hover svg { transform: translate(.125em, -.125em); }
.ar-share__status { margin: 0; font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }
.ar-share__status:empty { display: none; }
.ar-share--summary .ar-share__list { flex-direction: row; flex-wrap: wrap; gap: .75em 2.5em; }

/* Rail CTA */
.ar-ask { display: flex; flex-direction: column; align-items: flex-start; gap: 1em; padding-top: 2em; border-top: 1px solid var(--ar-gray-300); }
.ar-ask__text { margin: 0; font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }
.ar-ask--mobile { display: none; }

/* Intro + numbers */
.ar-intro { display: flex; flex-direction: column; gap: 2.5em; }
.ar-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2em 2.5em; margin: 0; padding: 2em 0; border-top: 1px solid var(--ar-gray-300); border-bottom: 1px solid var(--ar-gray-300); }
.ar-stat { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: .75em; }
.ar-stat__value { margin: 0; font-family: var(--ar-rg); font-size: 4em; font-weight: 400; line-height: .9; letter-spacing: -.0234375em; color: var(--ar-ink); }
.ar-stats--summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5em; padding: 1.5em 0; }
.ar-stats--summary .ar-stat { gap: .5em; }
.ar-stats--summary .ar-stat__value { font-size: 2em; line-height: 1.2; letter-spacing: -.03125em; }

/* Element → rules */
.ar-element { display: flex; flex-direction: column; gap: 3.5em; }
.ar-element__head { display: flex; flex-direction: column; gap: 1em; }
.ar-rule { display: flex; flex-direction: column; gap: 1.5em; }
.ar-tools { display: flex; flex-direction: column; gap: .5em; }

/* Figure: pair of panes + caption */
.ar-fig { display: flex; flex-direction: column; gap: 1em; margin: 0; }
.ar-fig__panes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5em; }
.ar-fig__panes--1 { grid-template-columns: minmax(0, 1fr); }
.ar-fig__panes--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ar-pane { display: flex; flex-direction: column; gap: .75em; min-width: 0; margin: 0; }
.ar-pane__label { font-size: .875em; font-weight: 300; line-height: 1.2; text-transform: uppercase; color: var(--ar-ink); }
.ar-pane--weak .ar-pane__label { color: var(--ar-red); }
.ar-plate { display: block; }
.ar-plate img { display: block; width: 100%; max-width: none; height: auto; background: var(--ar-gray-100); }
.ar-fig__caption { font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }

/* «What it shows» — the text plate in 3.2b: white, padding 24, gap 12, 15/1.4 Regular */
.ar-plate--text { flex: 1; box-sizing: border-box; padding: 1.5em; background: #fff; }
.ar-checks--plate { grid-template-columns: minmax(0, 1fr); gap: .75em; }
.ar-checks--plate li { gap: .8em; font-size: .9375em; font-weight: 400; line-height: 1.4; color: var(--ar-ink); }
.ar-checks--plate .ar-check { width: 1.0667em; height: 1.0667em; margin-top: .1667em; }

/* Test result */
.ar-result { display: flex; align-items: center; justify-content: space-between; gap: 1.5em; padding: 1em 0; border-top: 1px solid var(--ar-gray-300); border-bottom: 1px solid var(--ar-gray-300); }
.ar-result__compare { display: flex; flex-direction: column; gap: .25em; min-width: 0; }
.ar-to { margin-inline: .5em; }
.ar-result__lift { flex: none; margin: 0; font-family: var(--ar-rg); font-size: 2em; line-height: 1.2; letter-spacing: -.03125em; white-space: nowrap; color: var(--ar-ink); }

/* Checklists */
.ar-checklist-mini { display: flex; flex-direction: column; gap: 1em; }
.ar-checklist { display: flex; flex-direction: column; gap: 2.5em; }
.ar-checklist__group { display: flex; flex-direction: column; gap: 1em; padding-top: 1.5em; border-top: 1px solid var(--ar-gray-300); }

/* Results table: Scenario 300 · Before 80 · After 300 · Lift 128, gap 24 */
.ar-results { display: flex; flex-direction: column; gap: 2.5em; }
.ar-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.ar-table th, .ar-table td { padding: 1.25em 1.5em 1.25em 0; border-bottom: 1px solid var(--ar-gray-300); text-align: left; vertical-align: middle; }
.ar-table thead th { padding-top: 0; padding-bottom: .75em; font-weight: 300; }
.ar-table th:nth-child(1) { width: 20.25em; }
.ar-table th:nth-child(2) { width: 6.5em; }
.ar-table th:nth-child(3) { width: 20.25em; }
.ar-table .ar-table__lift { padding-right: 0; text-align: right; }
.ar-table__name { font-size: 1em; font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; color: var(--ar-ink); }
.ar-table__before { font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; color: var(--ar-gray-500); }
.ar-table__to { display: none; }
.ar-table__bar-row { display: flex; align-items: center; gap: .75em; font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; }
.ar-table__bar { flex: none; width: var(--bar-d); height: .5em; background: var(--ar-ink); }
.ar-table__note { display: block; margin-top: .5714em; font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }
.ar-table__lift-value { font-family: var(--ar-rg); font-size: 1.5em; line-height: 1.2; letter-spacing: -.0625em; white-space: nowrap; }

/* Latest case — Card/Case Preview Size=small 424 */
.ar-case { display: flex; flex-direction: column; gap: 1.5em; padding: 2.5em 0; border-top: 1px solid var(--ar-gray-300); border-bottom: 1px solid var(--ar-gray-300); }
.ar-case__row { display: flex; align-items: flex-start; gap: 1.5em; }
.ar-card { flex: none; display: flex; flex-direction: column; gap: 1.5em; width: 26.5em; box-sizing: border-box; padding: .5em; background: rgba(0, 0, 0, .05); color: #000; text-decoration: none; }
.ar-card__media { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 408 / 343; object-fit: cover; }
.ar-card__body { display: flex; flex-direction: column; gap: 1em; padding: 0 1em 1.5em; }
.ar-card__cat { font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-violet); }
.ar-card__title { display: flex; align-items: center; justify-content: space-between; gap: .5em; font-family: var(--ar-rg); font-size: 2em; line-height: 1.2; letter-spacing: -.03125em; }
.ar-card__arrow { flex: none; width: .75em; height: .75em; transition: transform .2s ease; }
.ar-card:hover .ar-card__arrow { transform: translateX(.125em); }
.ar-case__meta { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 1.5em; min-width: 0; }
.ar-case__metric { display: flex; flex-direction: column; gap: .5em; margin: 0; }
.ar-case__value { font-family: var(--ar-rg); font-size: 2em; line-height: 1.2; letter-spacing: -.03125em; color: var(--ar-ink); }
.ar-case__metric-label { font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; color: var(--ar-gray-500); }

/* ============ 03 Real case ============ */

.ar-realcase { padding: 6em 0; }
.ar-realcase > .ar-container { display: flex; flex-direction: column; gap: 2.5em; }
.ar-realcase__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5em; }
.ar-realcase__shot { display: flex; flex-direction: column; gap: .75em; margin: 0; }
.ar-realcase__shot--after .ar-label { color: var(--ar-ink); }
.ar-realcase__frame img { display: block; width: 100%; max-width: none; height: auto; }
.ar-realcase__caption { width: 62.857em; margin: 0; font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }   /* 880 / 14 */

/* ============ 04 Summary ============ */

.ar-summary { padding: 0 0 7.5em; }
.ar-summary__grid { display: flex; align-items: flex-start; gap: 2.5em; }
.ar-quote { flex: none; display: flex; flex-direction: column; gap: 1.5em; width: 25em; margin: 0; }
.ar-quote__mark { margin: 0; font-family: var(--ar-rg); font-size: 4em; line-height: .9; color: var(--ar-ink); }
.ar-quote__text { margin: 0; }
.ar-quote__text p { margin: 0; font-size: 1em; font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; color: var(--ar-ink); }
.ar-quote__author { display: flex; align-items: center; gap: 1em; }
.ar-quote__avatar { flex: none; width: 5em; height: 5em; border-radius: 50%; object-fit: cover; }
.ar-quote__who { display: flex; flex-direction: column; gap: .25em; }
.ar-quote__name { font-weight: 400; line-height: 1.2; letter-spacing: -.0625em; color: var(--ar-ink); }
.ar-quote__role { font-size: .875em; font-weight: 300; line-height: 1.2; color: var(--ar-gray-500); }
.ar-summary__main { display: flex; flex-direction: column; gap: 2.5em; width: 55em; min-width: 0; }
.ar-summary__title { color: var(--ar-ink); }

/* ============ Mobile ≤ 479 ============ */

@media screen and (max-width: 479px) {
  .ar-article { font-size: .97680098em; }   /* 16 / 16.38 → 1em = 16px at 390 */
  .ar-container { width: 22.375em; }          /* 358 */

  .ar-label, .ar-eyebrow, .ar-pane__label { font-size: .75em; font-weight: 400; }
  .ar-p { font-size: 1em; line-height: 1.4; letter-spacing: -.03125em; }        /* Mobile/Body/1 Long */
  .ar-h2 { font-size: 1.5em; letter-spacing: 0; }
  .ar-h3 { font-size: 1.25em; }
  .ar-list { font-size: 1em; line-height: 1.4; letter-spacing: -.03125em; }
  .ar-note, .ar-fig__caption { font-size: .75em; font-weight: 400; }
  .ar-checks { grid-template-columns: minmax(0, 1fr); }
  .ar-btn { width: 100%; justify-content: space-between; }

  /* Cover */
  .ar-cover { gap: 2.5em; padding: 10.5625em 0 3.5em; }   /* 89 header + 80 · 56 */
  .ar-cover__head { gap: 1em; }
  .ar-cover__title { width: 100%; }
  .ar-cover__lead { width: 100%; font-size: 1em; letter-spacing: -.0625em; }
  .ar-cover__media { width: 100%; }
  .ar-cover__media img { aspect-ratio: 390 / 260; }
  .ar-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25em 1em; }
  .ar-meta dd { font-size: .875em; letter-spacing: -.0714em; }

  /* Body */
  .ar-layout { flex-direction: column; align-items: stretch; gap: 4em; width: 22.375em; padding-top: 3.5em; }
  .ar-rail, .ar-text { width: 100%; }
  .ar-rail.is-sticky { position: static; }
  .ar-text { gap: 4em; }
  .ar-share--rail, .ar-ask--rail { display: none; }
  .ar-ask--mobile { display: flex; }
  .ar-ask__text { font-size: .875em; font-weight: 400; letter-spacing: -.0714em; }

  .ar-toc__link { gap: .75em; padding: 1em 0; border-left: 0; border-bottom: 1px solid var(--ar-gray-300); color: var(--ar-ink); }
  .ar-toc__link[aria-current="true"] { border-left: 0; }
  .ar-toc__num { width: auto; min-width: 1.3333em; font-size: .75em; font-weight: 400; }
  .ar-toc__text { font-size: .875em; letter-spacing: -.0714em; }

  .ar-stats { gap: 1.5em 1em; }
  .ar-stat__value { font-size: 2.5em; letter-spacing: -.0375em; }

  .ar-element { gap: 2.5em; }
  .ar-rule { gap: 1.25em; }
  .ar-fig__panes, .ar-fig__panes--3 { grid-template-columns: minmax(0, 1fr); gap: 2em; }
  .ar-plate--text { padding: 1.5em 1em; }
  .ar-checks--plate li { font-size: .875em; line-height: 1.43; }

  .ar-result { gap: 1.5em; }
  .ar-result__lift { font-size: 1.5em; letter-spacing: 0; }

  .ar-checklist__group { gap: 1em; }

  /* Results table → stacked rows: name / before → bar + value · lift */
  .ar-table, .ar-table tbody { display: block; }
  .ar-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
  .ar-table tr { display: grid; grid-template-columns: auto 12.875em auto; justify-content: start; align-items: center; gap: 1em; padding: 1.25em 0; border-bottom: 1px solid var(--ar-gray-300); }
  .ar-table th, .ar-table td { width: auto !important; padding: 0; border: 0; }
  .ar-table__name { grid-column: 1 / -1; font-size: .875em; letter-spacing: -.0714em; }
  .ar-table__before, .ar-table__bar-row { font-size: .875em; letter-spacing: -.0714em; }
  .ar-table__to { display: inline; }
  .ar-table__bar { width: var(--bar-m); }
  .ar-table__note { margin-top: .6667em; font-size: .75em; font-weight: 400; }
  .ar-table .ar-table__lift { text-align: left; }
  .ar-table__lift-value { font-size: 1.25em; letter-spacing: 0; }

  .ar-case { padding: 2em 0; }
  .ar-case__row { flex-direction: column; align-items: stretch; }
  .ar-card { width: 100%; gap: 1em; }
  .ar-card__media { aspect-ratio: 342 / 287; }
  .ar-card__body { gap: .75em; padding: 0 .5em 1em; }
  .ar-card__cat { font-size: .75em; font-weight: 400; }
  .ar-card__title { font-size: 1.5em; letter-spacing: 0; }
  .ar-card__arrow { width: 1em; height: 1em; }
  .ar-case__text { font-size: .875em; font-weight: 400; letter-spacing: -.0357em; }   /* Mobile/Body/2 Long */
  .ar-case__value { font-size: 1.5em; letter-spacing: 0; }
  .ar-case__metric-label { font-size: .875em; letter-spacing: -.0714em; }
  .ar-case__meta { align-items: stretch; }

  /* Real case */
  .ar-realcase { padding: 5em 0; }
  .ar-realcase > .ar-container { gap: 1.5em; }
  .ar-realcase__pair { grid-template-columns: minmax(0, 1fr); }
  .ar-realcase__caption { width: 100%; font-size: .75em; font-weight: 400; }

  /* Summary */
  .ar-summary { padding: 0 0 5em; }
  .ar-summary__grid { flex-direction: column; align-items: stretch; }
  .ar-quote { width: 100%; }
  .ar-quote__mark { font-size: 2.5em; }
  .ar-quote__text p { font-weight: 300; }
  .ar-quote__avatar { width: 4em; height: 4em; }
  .ar-quote__name { font-size: .875em; letter-spacing: -.0714em; }
  .ar-quote__role { font-size: .75em; font-weight: 400; }
  .ar-summary__main { width: 100%; }
  .ar-summary__main > .ar-p, .ar-summary__main > .ar-list { line-height: 1.2; letter-spacing: -.0625em; }
  .ar-stats--summary { grid-template-columns: minmax(0, 1fr); gap: 1.25em; }
  .ar-stats--summary .ar-stat { gap: .375em; }
  .ar-stats--summary .ar-stat__value { font-size: 1.5em; letter-spacing: 0; }

  .ar-share--summary .ar-share__list { flex-direction: column; align-items: stretch; gap: 0; }
  .ar-share--summary .ar-share__link { display: flex; justify-content: space-between; width: 100%; min-height: 3.125em; box-sizing: border-box; padding: 1em 0; border-bottom: 1px solid var(--ar-gray-300); font-size: .875em; letter-spacing: -.0714em; text-align: left; }
  .ar-share--summary .ar-share__link svg { width: 1.2857em; height: 1.2857em; }
}

@media (prefers-reduced-motion: reduce) {
  .ar-rail.is-sticky, .ar-toc__link, .ar-share__link svg, .ar-card__arrow { transition: none; }
}