.site-footer nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.site-footer nav a { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer nav a:hover { text-decoration: underline; }
.tool-promise { font-size: 15px; line-height: 1.65; font-weight: 700; }
.integrated-guides, .info-page { padding-block: 40px 60px; line-height: 1.8; }
.integrated-guides { border-top: 2px solid var(--ink); margin-top: 36px; }
.integrated-guide { padding-block: 24px; border-top: 1px solid var(--line); overflow-wrap: anywhere; scroll-margin-top: 24px; }
.integrated-guide > h3 { font-size: 25px; letter-spacing: -.7px; }
.integrated-guide h4 { font-size: 19px; margin-top: 28px; }
.integrated-guide img { display: block; max-width: 100%; height: auto; }
.integrated-guide figure { margin-inline: 0; }
.integrated-guide a, .info-page a { text-decoration: underline; text-underline-offset: 3px; }
.integrated-guide table { border-collapse: collapse; width: 100%; font-size: 14px; }
.integrated-guide td, .integrated-guide th { border: 1px solid var(--line); padding: 8px; text-align: left; }
.integrated-guide .comparison-scroll, .integrated-guide pre { overflow: auto; }
.integrated-guide svg { max-width: 100%; height: auto; }
.info-page { max-width: 780px; }
.info-page h2 { font-size: 21px; margin-top: 30px; }
@media (min-width: 761px) and (max-width: 1450px) {
  #boardToolbar { grid-template-columns: 1fr 1fr; }
  #boardToolbar .pen-group { grid-column: 1; flex-wrap: wrap; }
  #boardToolbar .toolbar-actions { grid-column: 2; }
  #boardToolbar .theme-group { flex-wrap: wrap; }
}
