/* custom.css — 用户级 CSS 覆盖（不修改主题）
 * 在主题编译输出之后载入。可调整：
 *   - PC 页面宽度：min 800px，max 1280px，中间 80vw
 *   - 任何其它视觉细节（颜色、间距、字体等）
 *
 * 注意：keep this rule list minimal — only overrides. Theme handles the rest.
 */

/* === Page container: clamp(800px, 80vw, 1280px) ===
 * In Even, `.container` (in <body>) constrains the page width. Even sets it to
 * 800px via `$body-width` in _variables.scss. We override here.
 *
 * Mobile (screen < ~800px) keeps Even's mobile layout untouched.
 */
@media screen and (min-width: 600px) {
    .container {
        width: 80vw;
        max-width: 1280px;
        min-width: 800px;
    }
}

/* Even also constrains the article `.content` block. Loosen it too so the
 * extra width actually flows into the article body, not just whitespace. */
@media screen and (min-width: 600px) {
    .content {
        max-width: 100%;
        width: 100%;
    }
    main {
        max-width: 1280px;
    }
}

/* === Hide Even's floating TOC on every screen size. ===
 * Reason: Even's TOC anchors via `position:fixed; margin-left:785px`, designed
 * for the theme's default 800px body width. After widening .container to
 * 1280px, the TOC lands on top of the article body and obstructs reading.
 * The user's preference is no desktop TOC. Even's own breakpoint already
 * hides it below 1185px; we extend that to all sizes including desktop.
 *
 * The TOC HTML is still emitted (page.html line 9); we just stop rendering it.
 * To restore, delete this block — no other side effects.
 */
.post-toc {
    display: none !important;
}