/* Public reading pages use the same type and palette as the approved Help shell. */
#editorial-main.seo-editorial {
  --editorial-forest: #223f2d;
  --editorial-paper: #f5f3e9;
  --editorial-lilac: #c8b5ed;
  --editorial-rule: #bec8b5;
  --editorial-reading: 'DM Sans', Arial, sans-serif;
  --editorial-display: 'Bricolage Grotesque', 'DM Sans', sans-serif;
  width: calc(100% - 112px);
  max-width: 1080px;
  min-width: 0;
  margin-inline: auto;
  padding-block: 22px 90px;
  color: var(--editorial-forest);
  font-family: var(--editorial-reading);
  font-size: 18px;
  line-height: 1.85;
  text-align: start;
  overflow-wrap: break-word;
}
#editorial-main.seo-editorial[lang='ar'] {
  --editorial-reading: 'IBM Plex Sans Arabic', Tahoma, sans-serif;
  --editorial-display: 'Baloo Bhaijaan 2', 'IBM Plex Sans Arabic', sans-serif;
}
#editorial-main :where(h1, h2, p) { margin: 0; }
#editorial-main :where(h1, h2) {
  font-family: var(--editorial-display);
  font-weight: 700;
  color: inherit;
  text-wrap: balance;
  letter-spacing: -.025em;
}
#editorial-main[lang='ar'] :where(h1, h2) { letter-spacing: 0; }
#editorial-main a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
#editorial-main a:hover { text-decoration-thickness: 2px; }
#editorial-main a:focus-visible {
  outline: 3px solid var(--editorial-forest);
  outline-offset: 5px;
}
#editorial-main .seo-editorial-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 12px;
  margin-bottom: 38px;
  font-size: 13px;
  line-height: 1.7;
}
#editorial-main .seo-editorial-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
#editorial-main .seo-editorial-hero { max-width: 850px; margin-bottom: 46px; }
#editorial-main .seo-editorial-eyebrow { margin-bottom: 16px; font-size: 14px; font-weight: 600; }
#editorial-main h1 {
  max-width: 22ch;
  margin-bottom: 25px;
  font-size: clamp(43px, 4.8vw, 66px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.04em;
}
#editorial-main[lang='ar'] h1 { max-width: 25ch; line-height: 1.3; letter-spacing: 0; }
#editorial-main .seo-editorial-intro { max-width: 64ch; font-size: 20px; line-height: 1.8; }
#editorial-main .seo-editorial-note {
  max-width: 850px;
  margin-block: 0 52px;
  padding: 18px 24px;
  border-inline-start: 5px solid var(--editorial-forest);
  background: var(--editorial-lilac);
  font-size: 17px;
}
#editorial-main .seo-editorial-section {
  display: grid;
  grid-template-columns: minmax(170px, .75fr) minmax(0, 1.65fr);
  gap: 34px;
  padding-block: 31px 35px;
  border-top: 1px solid var(--editorial-rule);
}
#editorial-main .seo-editorial-section h2 { font-size: 29px; line-height: 1.35; }
#editorial-main .seo-editorial-copy { min-width: 0; }
#editorial-main .seo-editorial-copy p + p { margin-top: 15px; }
#editorial-main .seo-editorial-links { display: flex; flex-direction: column; align-items: flex-start; margin-top: 12px; }
#editorial-main .seo-editorial-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 16px; font-weight: 600; }
#editorial-main .seo-editorial-source { margin-top: 15px; font-size: 13px; line-height: 1.9; }
#editorial-main .seo-editorial-source a { display: inline-block; padding-block: 10px; }
#editorial-main .seo-editorial-directory { margin-block: 12px 50px; }
#editorial-main .seo-editorial-directory article {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  padding-block: 30px;
  border-top: 1px solid var(--editorial-rule);
}
#editorial-main .seo-editorial-directory article:last-child { border-bottom: 1px solid var(--editorial-rule); }
#editorial-main .seo-editorial-directory h2 { font-size: 32px; line-height: 1.4; }
#editorial-main .seo-editorial-directory h2 a { display: inline-block; padding-block: 5px; }
#editorial-main .seo-editorial-directory p { max-width: 62ch; margin-top: 12px; font-size: 17px; }
#editorial-main .seo-editorial-arrow { flex: 0 0 auto; font-size: 32px; line-height: 1.4; }
#editorial-main[dir='rtl'] .seo-editorial-arrow { transform: scaleX(-1); }
#editorial-main .seo-editorial-related { margin-top: 35px; padding-top: 29px; border-top: 2px solid var(--editorial-forest); }
#editorial-main .seo-editorial-related h2 { margin-bottom: 14px; font-size: 26px; line-height: 1.4; }
#editorial-main .seo-editorial-related > div { display: flex; flex-wrap: wrap; gap: 0 28px; }
#editorial-main .seo-editorial-related a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
@media (max-width: 700px) {
  #editorial-main.seo-editorial { width: calc(100% - 40px); padding-block: 14px 60px; font-size: 17px; }
  #editorial-main .seo-editorial-breadcrumb { margin-bottom: 26px; }
  #editorial-main .seo-editorial-hero { margin-bottom: 32px; }
  #editorial-main h1 { font-size: clamp(36px, 7.2vw, 48px); }
  #editorial-main .seo-editorial-intro { font-size: 18px; }
  #editorial-main .seo-editorial-note { margin-bottom: 35px; padding: 16px 18px; font-size: 16px; }
  #editorial-main .seo-editorial-section { grid-template-columns: minmax(0, 1fr); gap: 15px; padding-block: 25px 29px; }
  #editorial-main .seo-editorial-section h2 { font-size: 27px; }
  #editorial-main .seo-editorial-directory article { gap: 15px; padding-block: 24px; }
  #editorial-main .seo-editorial-directory h2 { font-size: 27px; }
  #editorial-main .seo-editorial-directory p { font-size: 16px; }
  #editorial-main .seo-editorial-related > div { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 360px) {
  #editorial-main.seo-editorial { width: calc(100% - 32px); }
  #editorial-main h1 { font-size: 34px; }
}