/* Document layout; colors and focus styles come from the shared workspace CSS. */
body.information > header,
.information main { max-width: 860px; }
.information > header { align-items: center; flex-wrap: wrap; }
.information .brand { font-size: 18px; font-weight: 600; }
.information nav { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.information nav a { display: inline-flex; align-items: center; min-height: 44px; }
.information [aria-current="page"] { color: var(--text); text-decoration-thickness: 2px; }
.information main { padding-top: 36px; padding-bottom: 48px; overflow-wrap: anywhere; }
.information h1 { font-size: 34px; }
.information .introduction { font-size: 18px; margin: 20px 0 28px; }
.information section { margin-top: 32px; }
.information section h2 { margin-bottom: 12px; }
.information ul,
.information ol { padding-left: 24px; }
.information li + li { margin-top: 12px; }
.information li p { margin: 6px 0; }
.information .contact { font-size: 20px; }
.information footer { margin-top: 36px; }
.information code { font-size: .95em; }
@media (max-width: 760px) {
  .information > header { align-items: flex-start; }
  .information main { padding-top: 28px; }
  .information h1 { font-size: 28px; }
}