/* ===================================================================
   Standalone Article View — layout only
   Body / typography / article-body rules live in blog-post.css.
   TOC + keyboard shortcut rules live in resources.css.
   =================================================================== */

.article-view-layout {
    display: flex;
    min-height: calc(100dvh - 60px);
    color: var(--text-color);
    /* Golden-ratio left offset: shifts the reading column rightward so the
       ratio of left whitespace to right whitespace (before the TOC) ≈ φ (1.618).
       TOC stays on the far right as a visual anchor. */
    padding-left: 120px;
}

.article-view-layout .resources-main {
    max-width: none;
}

/* Side-panel shift: compress layout rightward (no sidebar to absorb it) */
@media (min-width: 769px) {
    body.panel-open .article-view-layout {
        padding-right: 400px;
        transition: padding-right 0.1s ease-out;
        box-sizing: border-box;
    }

    body.panel-open .article-view-layout .resources-toc {
        display: none;
    }
}

@media (min-width: 1800px) {
    body.panel-open .article-view-layout {
        padding-right: 25%;
    }
}

@media (max-width: 1100px) {
    .article-view-layout .resources-toc {
        display: none;
    }
}

@media (max-width: 768px) {
    .article-view-layout {
        padding-left: 0;
    }

    .article-view-layout .resources-main {
        padding: 20px 16px 48px;
    }
}