/* Long-form guides under /guides/ (templates/tenants/guides/). */
/* The landing navbar is fixed (≈73px): start the article below it. */
.guide { padding-top: 7.5rem; padding-bottom: 4rem; }
@media (min-width: 768px) { .guide { padding-top: 8.5rem; padding-bottom: 5rem; } }
.guide h1 { font-family: 'Cairo', system-ui, sans-serif; font-weight: 800; color: #252B4A; }
.guide h2 { font-family: 'Cairo', system-ui, sans-serif; font-weight: 800; color: #252B4A; font-size: 1.5rem; margin: 2.5rem 0 .9rem; line-height: 1.55; }
.guide p, .guide li { color: #334155; line-height: 2; font-size: 1.05rem; }
.guide p { margin: 0 0 1rem; }
.guide ul, .guide ol { margin: 0 0 1.25rem; padding-inline-start: 1.4rem; }
.guide ul { list-style: disc; } .guide ol { list-style: decimal; }
.guide li { margin-bottom: .5rem; }
.guide strong { color: #252B4A; }
.guide .callout { background: #f1f5f9; border-inline-start: 4px solid #252B4A; border-radius: .75rem; padding: 1rem 1.25rem; margin: 1.5rem 0; }
.guide table { width: 100%; border-collapse: collapse; margin: .5rem 0 1.5rem; font-size: 1rem; }
.guide th, .guide td { border: 1px solid #e2e8f0; padding: .7rem .8rem; text-align: right; vertical-align: top; line-height: 1.8; }
.guide th { background: #252B4A; color: #fff; font-weight: 700; }
.guide th[scope="row"] { width: 9rem; white-space: nowrap; }
@media (max-width: 480px) { .guide th[scope="row"] { width: auto; white-space: normal; } }

/* Wave 25: days to the integration date. */
.wave-countdown { display: flex; align-items: baseline; gap: .75rem; flex-wrap: wrap; background: #FFF4EC; border: 1px solid #FFD9BF; border-radius: 1rem; padding: 1rem 1.25rem; margin: 1.5rem 0; }
.wave-countdown__num { font-family: 'Cairo', system-ui, sans-serif; font-weight: 800; font-size: 2.5rem; line-height: 1; color: #C95100; }
.wave-countdown__label { color: #252B4A; font-weight: 700; }

/* Wave 25: "am I in it?" checker. */
.wave-check { border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.25rem; margin: 0 0 1.5rem; background: #fff; }
.wave-check fieldset { border: 0; padding: 0; margin: 0 0 1rem; }
.wave-check legend { font-weight: 700; color: #252B4A; margin-bottom: .6rem; line-height: 1.8; }
.wave-check label { display: flex; align-items: center; gap: .6rem; padding: .7rem .9rem; border: 1px solid #e2e8f0; border-radius: .75rem; margin-bottom: .5rem; cursor: pointer; font-size: 1rem; color: #334155; }
.wave-check label:has(input:checked) { border-color: #252B4A; background: #f1f5f9; }
.wave-check input { width: 1.1rem; height: 1.1rem; accent-color: #252B4A; flex: none; }
.wave-check__result { border-radius: .75rem; padding: 1rem 1.25rem; line-height: 1.9; font-weight: 600; }
.wave-check__result--due { background: #FFF4EC; color: #7A3100; border: 1px solid #FFD9BF; }
.wave-check__result--neutral { background: #f1f5f9; color: #252B4A; }
.wave-check__result--check { background: #EEF2FF; color: #252B4A; }

/* Guide FAQ: same questions as the FAQPage markup. */
.guide-faq details { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1rem 1.25rem; margin-bottom: .75rem; }
.guide-faq summary { font-weight: 700; color: #252B4A; cursor: pointer; line-height: 1.8; }
.guide-faq details p { margin: .75rem 0 0; }