/* Guide pages only: migratedLanding longform + documentDownload renderer. */

/* ---------- Longform guide content ---------- */
.guide-content .post-wrap { max-width: 850px; margin-inline: auto; }
.guide-content .post-body { overflow-wrap: anywhere; }
.guide-content .post-body > :is(p, ul, ol) { margin-block: 0 1.25rem; }
.guide-content .post-body :is(ul, ol) { padding-inline-start: 1.6rem; }
.guide-content .post-body li { margin-block: .5rem; }
.guide-content .post-body li > :is(ul, ol) { margin-block: .5rem 0; }
.guide-content .post-body li > p { margin-block: 0 .5rem; }
.guide-content .post-body ol ol { list-style-type: decimal; }
.guide-content .post-body li:has(> ol:only-child) { list-style-type: none; }
.guide-content .post-body li::marker { color: var(--color-accent); font-weight: 700; }
.guide-content .post-body h2 { margin-block: 2rem 1rem; font-size: 1.5rem; }
.guide-content .post-body h3 { margin-block: 1.5rem .75rem; }
.guide-content .post-body :is(code, pre) { overflow-wrap: anywhere; white-space: pre-wrap; }
.guide-content .post-body img { display: block; margin-block: 1rem; border-radius: var(--radius-sm); }
.guide-content .post-body a { text-decoration: underline; text-underline-offset: .15em; overflow-wrap: anywhere; }
.guide-content .post-body a:focus-visible {
  outline: 3px solid var(--color-accent); outline-offset: 3px; border-radius: 4px;
}

/* ---------- Document download ---------- */
.guide-document-grid {
  display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 56px); align-items: center;
  max-width: 980px; margin-inline: auto;
}
.guide-document .guide-document-grid:not(:has(.guide-cover)) { grid-template-columns: 1fr; }
.guide-document .guide-cover {
  display: block; justify-self: center; width: 100%; max-width: 340px;
  border-radius: var(--radius-sm); overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--color-heading) 12%, transparent);
  background: var(--color-bg-soft); box-shadow: var(--shadow);
  transition: transform .2s ease, border-color .2s ease;
}
.guide-document .guide-cover:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--color-cobalt) 55%, transparent);
}
.guide-document .guide-cover img {
  display: block; width: 100%; height: auto; object-fit: contain;
}
.guide-document-copy { min-width: 0; overflow-wrap: anywhere; }
.guide-document-copy h2 { margin-bottom: 14px; }
.guide-document-copy p { color: var(--color-slate); margin-bottom: 24px; max-width: 60ch; }
.guide-document .guide-pdf-link { max-width: 100%; }
.guide-document :is(.guide-cover, .guide-pdf-link):focus-visible {
  outline: 3px solid var(--color-accent); outline-offset: 4px;
}
.guide-document .guide-pdf-link:focus-visible { border-radius: 999px; }

@media (max-width: 720px) {
  .guide-document-grid { grid-template-columns: 1fr; gap: 28px; }
  .guide-document .guide-cover { max-width: 260px; }
  .guide-document-copy { text-align: center; }
  .guide-document-copy p { margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .guide-document .guide-cover { transition: none; }
  .guide-document .guide-cover:hover { transform: none; }
}