/* Guides: scan-to-word, vs-pdf-converters, what-is-a-house-style. Shares the marketing-v2 shell; layout mirrors sample-conversion.css. */
.guide-page { background: var(--mkt-paper); }
.guide-hero { padding: 96px 48px 48px; }
.guide-hero-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.guide-hero h1 { margin: 20px 0 0; font-family: "Newsreader", "Newsreader Fallback", Georgia, serif; font-size: clamp(36px, 5vw, 52px); font-weight: 400; line-height: 1.12; }
.guide-hero h1 em { font-weight: 300; }
.guide-hero-copy { padding-top: 28px; border-top: 1px solid var(--mkt-paper-border); }
.guide-hero-copy p { margin: 0 0 18px; color: var(--mkt-paper-muted); font-size: 16px; line-height: 1.75; }
.guide-hero-copy p.guide-updated { margin: 0; font-size: 12px; letter-spacing: .04em; }
.guide-section { padding: 72px 48px; border-top: 1px solid var(--mkt-paper-border); }
.guide-section-raised { background: var(--mkt-paper-raised); }
.guide-section .mkt-heading { max-width: 720px; margin-top: 16px; }
.guide-lead { max-width: 760px; margin: 20px 0 0; color: var(--mkt-paper-muted); line-height: 1.7; }
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px; }
.guide-grid-2 { grid-template-columns: repeat(2, 1fr); max-width: 860px; }
.guide-grid article { padding: 24px; border: 1px solid var(--mkt-paper-border); border-radius: 12px; background: var(--mkt-paper); }
.guide-grid span { display: block; font-family: "IBM Plex Mono", ui-monospace, Consolas, monospace; font-size: 11px; letter-spacing: .16em; color: var(--mkt-paper-accent); }
.guide-grid h3 { margin: 10px 0 8px; font-size: 18px; line-height: 1.3; }
.guide-grid span + h3 { margin-top: 10px; }
.guide-grid p { margin: 0; color: var(--mkt-paper-muted); font-size: 14.5px; line-height: 1.65; }
.guide-table-scroll { overflow-x: auto; margin-top: 32px; }
.guide-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px; }
.guide-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.guide-table th, .guide-table td { padding: 14px 16px; border-top: 1px solid var(--mkt-paper-border); text-align: left; vertical-align: top; line-height: 1.55; }
.guide-table thead th { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mkt-paper-accent); border-top: 0; }
.guide-table tbody th { width: 22%; color: var(--mkt-paper-ink); font-weight: 600; }
.guide-table td { color: var(--mkt-paper-muted); }
.guide-table td:last-child { color: var(--mkt-paper-ink); background: var(--mkt-paper-raised); }
.guide-note { margin: 22px 0 0; color: rgba(38, 33, 26, .55); font-size: 12.5px; }
.guide-prose { max-width: 720px; margin-top: 20px; }
.guide-prose p { margin: 0 0 16px; color: var(--mkt-paper-muted); font-size: 15.5px; line-height: 1.7; }
.guide-prose p:last-child { margin-bottom: 0; }
.guide-prose a, .guide-grid a, .guide-table a, .guide-hero-copy a, .guide-lead a, .guide-figures a, .guide-note a { color: var(--mkt-paper-ink); }
.guide-figures { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: 900px; margin: 32px 0 0; }
.guide-figures figure { margin: 0; }
.guide-figures picture { display: block; height: 320px; overflow: hidden; border: 1px solid var(--mkt-paper-border); border-radius: 8px; background: #fff; }
.guide-figures img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.guide-figures figcaption { margin-top: 10px; color: var(--mkt-paper-muted); font-size: 13.5px; line-height: 1.6; }
.guide-cta { padding: 90px 48px; text-align: center; }
.guide-cta .mkt-heading { margin: 16px 0 12px; }
.guide-cta p { margin: 0 0 28px; color: var(--mkt-paper-muted); }
@media (max-width: 760px) {
  .guide-hero, .guide-section, .guide-cta { padding-right: 20px; padding-left: 20px; }
  .guide-hero { padding-top: 64px; }
  .guide-hero-grid, .guide-grid, .guide-grid-2, .guide-figures { grid-template-columns: 1fr; gap: 24px; }
}