/* ==========================================================================
   Guide pages (15 Oct 2026): lighter, easier to scan, solid buttons. Content and structure unchanged.
   Loaded after article.css on the seven guide pages only.
   ========================================================================== */
/* section headings: a light rule instead of a heavy black bar */
.prose h2 { margin: 56px 0 16px; padding-top: 24px; border-top: 1px solid var(--line); }
.prose h2:first-child { border-top: 0; padding-top: 0; }

/* tables: indigo header, quiet rows */
.prose .data-table th { background: #1d2142; font-size: 13px; letter-spacing: 0; text-transform: none; }
.prose .data-table tbody tr:nth-child(even) { background: #f7f5fc; }
.prose .table-wrap { border: 1px solid var(--line); }

/* in-article calls to action: a calm lavender card with a solid violet button, not a black block */
.prose .inline-cta { margin: 40px 0; padding: 24px 28px; border-left: 4px solid var(--violet); background: var(--lav2, #f3effc); color: #1d2142; }
.prose .inline-cta p { max-width: 26em; font: 600 clamp(18px, 1.7vw, 21px)/1.35 var(--sans); color: #1d2142; }
.prose .inline-cta .button, .prose .inline-cta .button:hover { min-height: 48px; padding: 12px 24px; background: var(--violet); border-color: var(--violet); color: #fff; font-size: 15px; }
.prose .inline-cta .button:hover { background: var(--violet-d); border-color: var(--violet-d); }
.prose .inline-cta .button span[aria-hidden] { display: none; }
.prose .inline-cta a:not(.button) { color: #1d2142; border-bottom-color: var(--violet); }

/* checklist: no heavy frame or offset shadow */
.checklist { border: 1px solid var(--line); border-top: 4px solid var(--violet); box-shadow: 0 18px 40px -30px rgba(29, 33, 66, .4); }

/* key takeaways: white card with a violet edge */
.takeaways { background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--violet); }

/* questions: same look as the rest of the site, with a plus that turns into a minus */
.prose .faq-list { border-top: 1px solid var(--line); }
.prose .faq-item { border-bottom: 1px solid var(--line); border-top: 0; }
.prose .faq-item summary { position: relative; padding: 18px 44px 18px 2px; color: #1d2142; font-size: 17px; font-weight: 600; line-height: 1.4; list-style: none; cursor: pointer; }
.prose .faq-item summary::-webkit-details-marker { display: none; }
.prose .faq-item summary::after { content: "+"; position: absolute; right: 6px; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 1.5px solid #1d2142; border-radius: 50%; font-size: 18px; font-weight: 400; line-height: 23px; text-align: center; }
.prose .faq-item[open] summary::after { content: "\2212"; background: var(--violet); border-color: var(--violet); color: #fff; }
.prose .faq-item summary:hover { color: var(--violet); }
.prose .faq-item p { padding: 0 2px 18px; color: var(--muted); }

/* author: a card, so the person is easy to spot */
.author-box { padding: 24px; border: 1px solid var(--line); background: #fff; }

/* cover illustration (an image file instead of the generated drawing) */
.ahero-art:has(.ahero-img) { padding: 0; }
.ahero-art:has(.ahero-img)::before { display: none; }
.ahero-img { display: block; width: 100%; height: auto; aspect-ratio: 1600 / 840; object-fit: cover; }