/* Guide pages: layered on top of legal.css (same tokens and typography). */

.guide-card .legal-title h1 { max-width: 22ch; }

.guide-card h2 { margin-top: 2.2rem; margin-bottom: .6rem; }
.guide-card h3 { margin-top: 1.6rem; margin-bottom: .4rem; }

.guide-card ul, .guide-card ol { padding-left: 1.2rem; }
.guide-card li + li { margin-top: .45rem; }

.guide-meta { color: var(--muted); font-size: .9rem; margin-top: .6rem; }

.guide-card blockquote {
    margin: 1.6rem 0;
    padding: .9rem 1.2rem;
    background: var(--wash);
    border-left: 4px solid var(--brand);
    border-radius: 0 12px 12px 0;
    color: #344139;
}

.guide-card table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; font-size: .95rem; }
.guide-card th, .guide-card td { padding: .55rem .7rem; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.guide-card th { background: var(--wash); }

.guide-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    flex-wrap: wrap;
    margin-top: 2.6rem;
    padding: 1.4rem 1.6rem;
    background: var(--wash);
    border: 1px solid var(--line);
    border-radius: 18px;
}
.guide-cta h2 { margin: 0 0 .3rem; font-size: 1.2rem; }
.guide-cta p { margin: 0; color: #344139; max-width: 52ch; }
.guide-cta-button { display: inline-block; text-decoration: none; white-space: nowrap; }

.guide-related { margin-top: 2.6rem; padding-top: 1.6rem; border-top: 1px solid var(--line); }
.guide-related ul { padding-left: 1.2rem; }

.guide-card figure { margin: 0 0 1.6rem; }
.guide-card img.guide-art { display: block; width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--line); }

.guide-list { display: grid; gap: 1.1rem; margin: 0; padding: 0; list-style: none; }
.guide-list li { margin: 0; }
.guide-list a.guide-card-link {
    display: block;
    padding: 1.1rem 1.3rem;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    text-decoration: none;
}
.guide-list a.guide-card-link:hover { border-color: var(--brand); }
.guide-list .guide-list-title { display: block; font-weight: 700; color: var(--brand-dark); font-size: 1.08rem; margin-bottom: .3rem; }
.guide-list .guide-list-note { color: var(--muted); font-size: .95rem; }