/* Scoped reading layout; shared theme tokens and native anchor navigation. */
.reader-guide .page-shell {
    padding-block: var(--al-space-8);
}

.reader-guide-layout {
    max-width: calc(var(--al-content-max) + 64px);
    margin-inline: auto;
}

.reader-guide-article {
    min-width: 0;
    padding: var(--al-space-8);
}

.reader-guide-article > .entry-header,
.reader-guide-article > .entry-content {
    max-width: var(--al-content-max);
    margin-inline: auto;
}

.reader-guide .entry-header h1 {
    margin: 0 0 var(--al-space-4);
    font-size: var(--al-text-3xl);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.reader-guide .entry-content {
    color: var(--al-text);
    overflow-wrap: anywhere;
}

.reader-guide .entry-content h2 {
    margin-top: var(--al-space-10);
    font-size: var(--al-text-2xl);
}

.reader-guide .entry-content h3 {
    font-size: var(--al-text-xl);
}

.reader-guide .entry-content [id] {
    scroll-margin-top: 140px;
}

.reader-guide .entry-content a:not(.al-cta) {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.reader-guide .guide-reviewed {
    color: var(--al-muted);
    font-size: var(--al-text-sm);
    margin-top: 0;
}

.reader-guide .guide-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--al-space-3);
    margin-block: var(--al-space-6);
}

.reader-guide .guide-actions .al-cta {
    min-height: 52px;
    margin: 0;
    text-decoration: none;
}

.reader-guide .guide-notice {
    padding: var(--al-space-5);
    margin-block: var(--al-space-6);
    border-left: 4px solid var(--al-primary);
    background: var(--al-surface-soft);
    border-radius: var(--al-radius-sm);
}

.reader-guide .guide-notice > :first-child {
    margin-top: 0;
}

.reader-guide .guide-notice > :last-child {
    margin-bottom: 0;
}

.reader-guide .guide-message {
    padding: var(--al-space-5);
    border: 1px solid var(--al-border);
    border-radius: var(--al-radius-md);
}

.reader-guide .page-subnav {
    position: sticky;
    top: 120px;
}

.reader-guide .page-subnav-inner {
    position: static;
    max-height: calc(100dvh - 144px);
    overflow-y: auto;
}

.reader-guide .page-subnav-inner a,
.reader-guide .page-mobile-subnav nav a {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: var(--al-text-sm);
}

.reader-guide .page-mobile-subnav summary {
    min-height: 44px;
    font-size: var(--al-text-md);
}

.reader-guide .al-author-box {
    margin-top: var(--al-space-8);
}

@media (max-width: 600px) {
    .reader-guide .page-shell {
        padding-block: var(--al-space-4);
    }

    .reader-guide-article {
        padding: var(--al-space-5);
    }

    .reader-guide .guide-actions {
        flex-direction: column;
    }

    .reader-guide .guide-actions .al-cta {
        width: 100%;
    }
}

.reader-guide .guide-media {
    margin: var(--al-space-6) 0;
}

.reader-guide .guide-media img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border: 1px solid var(--al-border);
    border-radius: var(--al-radius-sm);
}

.reader-guide .guide-media figcaption {
    margin-top: var(--al-space-3);
    color: var(--al-muted);
    font-size: var(--al-text-sm);
    line-height: 1.5;
}

.reader-guide .guide-video {
    aspect-ratio: 16 / 9;
    background: var(--al-text);
    border-radius: var(--al-radius-sm);
    overflow: hidden;
}

.reader-guide .guide-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
}

.reader-guide .guide-media-notes summary {
    min-height: 44px;
    padding-block: var(--al-space-3);
    cursor: pointer;
    font-weight: 700;
}