/**
 * 右側コンテンツの共通背景と、ホームの表示幅。
 * 左メニューの色・幅・操作は既存の site-shell / chosatai.css が管理する。
 */
body {
    --chosatai-content-bg: #0b1d30;
    --chosatai-content-text: #edf3fa;
    --ark-color--bg: var(--chosatai-content-bg);
    --ark-color--text: var(--chosatai-content-text);
    --ark-color--footer_bg: var(--chosatai-content-bg);
    --ark-color--footer_txt: #c7d6e6;
    color: var(--chosatai-content-text);
    background-color: var(--chosatai-content-bg);
}

#wrapper,
#wrapper > .l-content,
#wrapper > .l-footer {
    color: var(--chosatai-content-text);
    background-color: var(--chosatai-content-bg);
}

/* 本文が短いページも、画面の下端まで濃紺で満たす。 */
#wrapper {
    min-height: 100vh;
    min-height: 100dvh;
}

/* ホームは左メニューの右側を広く使用する。記事本文の幅には適用しない。 */
body.home #content > .l-content__body.l-container {
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 28px 32px 48px;
}

@media (max-width: 999px) {
    #wrapper {
        min-height: calc(100dvh - var(--chosatai-mobilebar-height));
    }

    body.home #content > .l-content__body.l-container {
        padding: 20px 20px 32px;
    }
}

@media (max-width: 480px) {
    body.home #content > .l-content__body.l-container {
        padding: 16px 14px 28px;
    }
}