/* =========================
   单篇内容页公共边界
   ========================= */

.content-page {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-wrap: anywhere;

    padding:
        max(
            var(--site-floating-layout-clearance),
            40px,
            env(safe-area-inset-top, 0px)
        )
        max(20px, env(safe-area-inset-right, 0px))
        max(40px, env(safe-area-inset-bottom, 0px))
        max(20px, env(safe-area-inset-left, 0px));
}

.content-page a {
    text-underline-offset: 0.14em;
}


/* =========================
   响应式
   ========================= */

@media (max-width: 359.98px) {
    .content-page {
        padding-right: max(12px, env(safe-area-inset-right, 0px));
        padding-left: max(12px, env(safe-area-inset-left, 0px));
    }
}

@media (min-width: 576px) {
    .content-page {
        padding-right: max(24px, env(safe-area-inset-right, 0px));
        padding-bottom: max(48px, env(safe-area-inset-bottom, 0px));
        padding-left: max(24px, env(safe-area-inset-left, 0px));
    }
}