/* Capture guides: long-form reading pages on the missionarylane.org identity (site.css supplies tokens and base type). */
.guide { max-width: 46rem; margin: 0 auto; padding: clamp(16px, 4vw, 40px) var(--gut) 72px; }
.guide h1 { font-size: clamp(2.1rem, 5vw, 3.2rem); line-height: 1.02; margin-bottom: .4em; }
.guide h2 { font-size: clamp(1.45rem, 3vw, 1.9rem); margin-top: 2.2em; padding-top: .9em; border-top: 2px solid var(--line); }
.guide h3 { margin-top: 1.6em; }
.guide .lede { font-size: 1.12rem; }
.guide ul, .guide ol { padding-left: 1.3em; margin: 0 0 1.2em; max-width: 36em; }
.guide li { margin: .35em 0; }
.guide li::marker { color: var(--pin); font-family: var(--display); font-weight: 700; }
.guide strong { color: var(--ink); }

/* Choosing between options: three short cards, the only boxed element on the page. */
.choose { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 14px; margin: 1.4rem 0 1rem; }
.choose a { display: block; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; text-decoration: none; color: var(--text); }
.choose a:hover { border-color: var(--ink); color: var(--text); }
.choose b { display: block; font: 650 1.05rem/1.25 var(--display); color: var(--ink); margin-bottom: .3em; }
.choose span { display: block; font-size: .92rem; line-height: 1.5; color: var(--muted); }

.note { border-left: 4px solid var(--gold); background: #fff; padding: 12px 16px; border-radius: 0 10px 10px 0; margin: 1.2em 0; max-width: 36em; }
.note p { margin: 0; }
.note p + p { margin-top: .6em; }

.specs { width: 100%; border-collapse: collapse; font-size: .92rem; line-height: 1.45; margin: .6rem 0 1.4rem; background: var(--card); border-radius: 12px; overflow: hidden; }
.specs th, .specs td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.specs th { font: 650 .9rem/1.3 var(--display); color: var(--ink); background: #F6F8FB; }
.specs tr:last-child td { border-bottom: 0; }
.table-wrap { overflow-x: auto; }

.guide-foot { margin-top: 3rem; padding-top: 1.2rem; border-top: 2px solid var(--line); font-size: .95rem; color: var(--muted); }
@media print { .top, .guide-foot nav { display: none; } .guide { padding-top: 0; } .guide h2 { break-after: avoid; } }