:root body :is(.board-wrapper, .board-write-wrapper):has(> .board-container > :is(
    .board-search-wrapper, .data-search-wrapper, .gallery-search-wrapper,
    .post-header, .data-header, .form-title, .gallery-edit-title, form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/edit"],
    form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/write"]
)) {
    box-sizing: border-box;
    width: 100%;
    max-width: 1044px;
    margin: 0 auto;
    padding: 50px 22px;
    background: transparent;
}

:root body :is(.board-wrapper, .board-write-wrapper) > .board-container:has(> :is(
    .board-search-wrapper, .data-search-wrapper, .gallery-search-wrapper,
    .post-header, .data-header, .form-title, .gallery-edit-title, form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/edit"],
    form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/write"]
)) {
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin-inline: auto;
    padding: 40px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
}

@media (max-width: 640px) {
    :root body :is(.board-wrapper, .board-write-wrapper):has(> .board-container > :is(
        .board-search-wrapper, .data-search-wrapper, .gallery-search-wrapper,
        .post-header, .data-header, .form-title, .gallery-edit-title, form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/edit"],
    form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/write"]
    )) {
        padding: 32px 16px;
    }

    :root body :is(.board-wrapper, .board-write-wrapper) > .board-container:has(> :is(
        .board-search-wrapper, .data-search-wrapper, .gallery-search-wrapper,
        .post-header, .data-header, .form-title, .gallery-edit-title, form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/edit"],
    form:is(#freeboardForm, #dataForm, .gallery-write-form)[action$="/write"]
    )) {
        padding: 16px;
    }
}