/* Reading layouts use the existing font, palette and responsive navigation. */
.knowledge-page { max-width: 1000px; }
.guide-article { max-width: 760px; margin: 0 auto; }
.guide-intro h1 { margin: 14px 0 22px; text-wrap: balance; }
.guide-topic { margin: 0; color: var(--site--preset--color--mono-1); font-size: 15px; font-weight: 700; }
.guide-byline { font-size: 14px; line-height: 1.7; color: var(--site--preset--color--mono-2); }
.guide-answer { font-size: 20px; line-height: 1.65; margin: 28px 0; }
.guide-contents, .reading-tip {
  padding: 22px 28px;
  border-radius: 20px;
  background: var(--site--preset--color--mono-4);
}
.guide-contents p, .reading-tip p { margin: 0; }
.guide-contents ul { margin: 12px 0 0; padding-left: 20px; }
.guide-contents li { margin: 5px 0; line-height: 1.55; }
.guide-contents a { display: inline-block; padding-block: 5px; }
.guide-article .page-copy { margin-top: 36px; }
.guide-article h2[id] { scroll-margin-top: 24px; }
.guide-article a, .reading-tip a { text-underline-offset: 3px; }
.guide-contact { padding-top: 24px; border-top: 1px solid var(--site--preset--color--mono-3); }
.guide-overview { margin-top: 40px; }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 24px; }
.guide-card { padding: 28px; border-radius: 20px; background: var(--site--preset--color--mono-4); min-width: 0; }
.guide-card img { display: block; width: 64px; height: 64px; object-fit: contain; margin-bottom: 18px; }
.guide-card h3 { margin: 12px 0; font-size: 23px; line-height: 1.35; overflow-wrap: break-word; }
.guide-card h3 a { color: var(--site--preset--color--mono-1); text-decoration: none; }
.guide-card h3 a:hover, .guide-card h3 a:focus-visible { text-decoration: underline; }
.guide-card > p:last-child { font-size: 17px; line-height: 1.65; margin-bottom: 0; }
.knowledge-page a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: 2px; }
.guide-table-wrap { width: 100%; }
.guide-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 17px; line-height: 1.55; }
.guide-table caption { text-align: left; font-weight: 600; margin-bottom: 14px; }
.guide-table th, .guide-table td { text-align: left; vertical-align: top; border-bottom: 1px solid var(--site--preset--color--mono-3); padding: 12px; overflow-wrap: break-word; }
.guide-table th { background: var(--site--preset--color--mono-4); }
@media (max-width: 781px) {
  .guide-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .guide-card { padding: 24px; }
  .guide-answer { font-size: 18px; }
  .guide-contents, .reading-tip { padding: 20px; }
  .guide-contents a { padding-block: 8px; }
  .guide-table { font-size: 15px; }
  .guide-table th, .guide-table td { padding: 10px 8px; }
  .guide-byline { font-size: 13px; }
}