.palindrome-container {
    width: 80%;
    max-width: 600px; 
    margin: 40px auto;
    padding: 20px; 
    box-sizing: border-box;
    position: relative;
}

.palindrome-container::before {
    content: '';
    position: absolute;
    top: 20px; 
    bottom: 20px; 
    left: 50%;
    width: 1px;
    background-color: var(--pst-color-text-muted);
    transform: translateX(-0.5px);
    z-index: 0;
}

.center-line {
    padding: 8px 0;
    box-sizing: border-box; 
    text-align: center;
    position: relative; 
    z-index: 1;
}

.center-line:first-child {
    text-align: right;  
    padding-right: 49%; 
    padding-left: 0;
}

.center-line:last-child {
    text-align: left;   
    padding-left: 49%;  
    padding-right: 0;  
}

.center-line:first-child:last-child {
    text-align: center;
    padding-left: 0;   
    padding-right: 0;
}