/* The "Guides" pages (guides/*.html): legal.css's reading layout (.legal-wrap), plus the
   guide list, the date line and the call to create a carnet. */
.guide-meta { margin: 0 0 24px; font-family: var(--font-mono); font-size: 12.5px; color: var(--muted); }
.guide-cta {
    margin: 32px 0; padding: 22px; border-radius: 16px; background: var(--white); border: 1px solid var(--hair);
    display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px;
}
.guide-cta p { flex: 1 1 260px; margin: 0 !important; font-size: 15px; }
.guide-cta p b { display: block; font-size: 16.5px; color: var(--ink); margin-bottom: 2px; }
.guide-cta-links { display: flex; flex-wrap: wrap; gap: 10px; }
.guide-btn {
    display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 18px; border-radius: 11px;
    background: var(--green); color: #fff !important; font-weight: 600; font-size: 14.5px; text-decoration: none !important; white-space: nowrap;
}
.guide-btn:hover { background: var(--green-dark); }
.guide-btn.is-ghost { background: transparent; color: var(--ink) !important; border: 1px solid var(--hair); }
.guide-btn.is-ghost:hover { border-color: var(--ink-2); background: transparent; }
.guide-list { list-style: none; padding: 0 !important; margin: 28px 0 0 !important; display: grid; gap: 12px; }
.guide-list li { margin: 0 !important; }
.guide-list a {
    display: block; padding: 18px 20px; border-radius: 14px; background: var(--white); border: 1px solid var(--hair);
    text-decoration: none !important; color: var(--ink) !important;
}
.guide-list a:hover { border-color: var(--green); }
.guide-list b { display: block; font-size: 17px; margin-bottom: 4px; }
.guide-list span { display: block; font-size: 14.5px; color: var(--ink-2); line-height: 1.55; }
.guide-more { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--hair); }
.guide-more h2 { margin-top: 0 !important; }