/* 단독 중앙 콘텐츠는 화면 폭에 따라 연속적으로 줄어들도록 최대 폭만 제한한다. */
.responsive-shell {
    width: 100%;
    margin-inline: auto;
}

.responsive-shell--compact {
    max-width: 536px;
}

.responsive-shell--form {
    max-width: 696px;
}

.responsive-shell--reading {
    max-width: 792px;
}

/* 중앙 카드 안쪽 여백도 브레이크포인트에서 갑자기 바뀌지 않도록 연속적으로 조절한다. */
.responsive-panel {
    padding: clamp(24px, 8%, 48px);
}

.responsive-panel--dense {
    padding: clamp(16px, 4%, 24px);
}