.vgl-checklist-page {
    padding-bottom: var(--vgl-space-12);
}

.vgl-checklist-page .vgl-breadcrumb {
    margin-bottom: var(--vgl-space-5);
}

.vgl-checklist-page__header {
    margin-bottom: var(--vgl-space-5);
}

.vgl-checklist-page__featured {
    margin: 0 0 var(--vgl-space-6);
    border-radius: var(--vgl-radius-lg);
    overflow: hidden;
    box-shadow: var(--vgl-shadow-sm, 0 1px 3px rgba(15, 23, 42, 0.08));
}

.vgl-checklist-page__featured-img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: cover;
}

.vgl-checklist-page__body {
    margin-top: 0;
}

/* Author bio */
.vgl-author-bio {
    margin-top: var(--vgl-space-8);
    padding: var(--vgl-space-6);
    background: var(--vgl-color-bg-alt);
    border: 1px solid var(--vgl-color-border);
    border-radius: var(--vgl-radius-lg);
}

.vgl-author-bio__title {
    margin: 0 0 var(--vgl-space-4);
    font-size: var(--vgl-font-size-lg);
    font-weight: 700;
    color: var(--vgl-color-text);
}

.vgl-author-bio__inner {
    display: flex;
    gap: var(--vgl-space-4);
    align-items: flex-start;
}

.vgl-author-bio__avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 3px solid var(--vgl-color-surface);
    box-shadow: var(--vgl-shadow-sm);
}

.vgl-author-bio__name {
    margin: 0 0 var(--vgl-space-2);
    font-size: var(--vgl-font-size-lg);
    font-weight: 700;
}

.vgl-author-bio__name a {
    color: var(--vgl-color-primary);
    text-decoration: none;
}

.vgl-author-bio__name a:hover {
    color: var(--vgl-color-primary-hover);
}

.vgl-author-bio__text {
    margin: 0;
    color: var(--vgl-color-text-muted);
    line-height: var(--vgl-line-height-relaxed, 1.65);
}

.vgl-author-bio__tags {
    margin: var(--vgl-space-2) 0 0;
    font-size: var(--vgl-font-size-sm);
    color: var(--vgl-color-text-muted);
}

.vgl-author-bio__tags-label {
    font-weight: 600;
    color: var(--vgl-color-text);
    margin-right: var(--vgl-space-1);
}

/* Share + CTA footer */
.vgl-checklist-page__footer {
    text-align: center;
}

.vgl-editorial-share-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--vgl-space-4);
}

.vgl-editorial-share-cta__lead {
    margin: 0;
    max-width: 36rem;
    font-size: var(--vgl-font-size-lg);
    font-weight: 600;
    color: var(--vgl-color-text);
    line-height: var(--vgl-line-height-tight);
}

.vgl-editorial-share-cta__social .v-social-icons {
    justify-content: center;
}

.vgl-editorial-share-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--vgl-space-3);
    margin-top: var(--vgl-space-2);
}

/* Comments (editorial) */
.vgl-checklist-page .comments-area {
    margin-top: var(--vgl-space-10);
    padding: var(--vgl-space-6);
    background: var(--vgl-color-bg-alt);
    border: 1px solid var(--vgl-color-border);
    border-radius: var(--vgl-radius-lg);
}

.vgl-checklist-page .comments-area .comments-title {
    margin: 0 0 var(--vgl-space-5);
    font-size: var(--vgl-font-size-xl);
    font-weight: 700;
    color: var(--vgl-color-text);
}

.vgl-checklist-page .comment-list {
    list-style: none;
    margin: var(--vgl-space-6) 0 0;
    padding: 0;
}

.vgl-checklist-page .comment-list > li {
    padding: var(--vgl-space-4);
    margin-bottom: var(--vgl-space-3);
    background: var(--vgl-color-surface);
    border: 1px solid var(--vgl-color-border);
    border-radius: var(--vgl-radius);
}

.vgl-checklist-page .comment-list .comment-author img {
    border-radius: 50%;
    margin-right: var(--vgl-space-2);
}

.vgl-checklist-page .comment-list .comment-meta {
    font-size: var(--vgl-font-size-sm);
    color: var(--vgl-color-text-muted);
    margin-bottom: var(--vgl-space-2);
}

.vgl-checklist-page .comment-respond {
    margin-top: var(--vgl-space-6);
    padding-top: var(--vgl-space-6);
    border-top: 1px solid var(--vgl-color-border);
}

.vgl-checklist-page .comment-respond textarea,
.vgl-checklist-page .comment-respond input[type="text"],
.vgl-checklist-page .comment-respond input[type="email"],
.vgl-checklist-page .comment-respond input[type="url"] {
    width: 100%;
    padding: var(--vgl-space-3);
    border: 1px solid var(--vgl-color-border);
    border-radius: var(--vgl-radius);
    background: var(--vgl-color-surface);
}

.vgl-checklist-page .comment-respond .form-submit input[type="submit"] {
    background: var(--vgl-color-accent);
    color: var(--vgl-color-text-inverse);
    border: none;
    border-radius: var(--vgl-radius);
    padding: var(--vgl-space-3) var(--vgl-space-5);
    font-weight: 600;
    cursor: pointer;
}

.vgl-checklist-page .comment-respond .form-submit input[type="submit"]:hover {
    filter: brightness(0.95);
}

/* Prev / next checklist navigation */
.vgl-checklist-page .vgl-post-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--vgl-space-4);
    margin-top: var(--vgl-space-10);
    padding-top: var(--vgl-space-6);
    border-top: 1px solid var(--vgl-color-border);
}

.vgl-checklist-page .vgl-post-nav > div {
    min-width: 0;
}

.vgl-checklist-page .vgl-post-nav > div:last-child {
    text-align: right;
}

.vgl-checklist-page .vgl-post-nav a {
    display: block;
    padding: var(--vgl-space-4);
    border: 1px solid var(--vgl-color-border);
    border-radius: var(--vgl-radius-lg);
    background: var(--vgl-color-bg-alt);
    color: var(--vgl-color-text);
    text-decoration: none;
    font-size: var(--vgl-font-size-sm);
    font-weight: 600;
    line-height: 1.45;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.vgl-checklist-page .vgl-post-nav a:hover {
    border-color: var(--vgl-color-primary);
    background: var(--vgl-color-primary-soft);
    color: var(--vgl-color-primary);
}

.vgl-checklist-page .vgl-post-nav__label {
    display: block;
    margin-bottom: var(--vgl-space-1);
    font-size: var(--vgl-font-size-xs, 0.75rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--vgl-color-text-muted);
}

.vgl-checklist-page .vgl-post-nav__title {
    display: block;
    font-size: var(--vgl-font-size-base);
    font-weight: 600;
    color: inherit;
}

.vgl-checklist-page .vgl-post-nav > div:empty {
    display: none;
}

/* Inline checklist proposal (compact) */
.vgl-checklist-page .vgl-editorial-share-cta .vgl-checklist-request {
    width: 100%;
    max-width: 40rem;
    margin-top: var(--vgl-space-4);
    border-radius: var(--vgl-radius-lg);
    background: linear-gradient(135deg, var(--vgl-color-primary-soft), var(--vgl-color-bg-alt));
    border: 1px solid var(--vgl-color-border);
    text-align: left;
}

.vgl-checklist-page .vgl-checklist-request--compact .vgl-checklist-request__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--vgl-space-4);
    padding: var(--vgl-space-5);
}

.vgl-checklist-page .vgl-checklist-request--compact .vgl-checklist-request__title {
    margin: 0 0 var(--vgl-space-1);
    font-size: var(--vgl-font-size-lg);
}

.vgl-checklist-page .vgl-checklist-request--compact .vgl-checklist-request__text {
    margin: 0;
    font-size: var(--vgl-font-size-sm);
    color: var(--vgl-color-text-muted);
}

.vgl-checklist-page .vgl-checklist-request__form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vgl-space-2);
}

.vgl-checklist-page .vgl-checklist-request__form input[type="text"] {
    flex: 1 1 220px;
    min-width: 0;
    border: 1px solid var(--vgl-color-border);
    border-radius: var(--vgl-radius);
    padding: var(--vgl-space-3) var(--vgl-space-4);
    font: inherit;
    background: var(--vgl-color-surface);
}

.vgl-checklist-page .vgl-checklist-request__feedback {
    flex: 1 0 100%;
    margin: 0;
    font-size: var(--vgl-font-size-sm);
}

.vgl-checklist-page .vgl-checklist-request__feedback.is-success {
    color: var(--vgl-color-success);
}

.vgl-checklist-page .vgl-checklist-request__feedback.is-error {
    color: var(--vgl-color-danger);
}

@media (max-width: 640px) {
    .vgl-author-bio__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .vgl-editorial-share-cta__actions {
        flex-direction: column;
        width: 100%;
    }

    .vgl-editorial-share-cta__actions .vgl-btn {
        width: 100%;
    }

    .vgl-checklist-page .vgl-post-nav {
        grid-template-columns: 1fr;
    }

    .vgl-checklist-page .vgl-post-nav > div:last-child {
        text-align: left;
    }
}