/* BODY */
body {
    margin: 0;
    background: var(--bg);
    font-family: 'Mercenary-Regular', system-ui, 'Glacial Indifference', 'Arial';
    overflow-x: hidden;
}

.page-layout {
    display: flex;
    max-width: 1400px;
    margin: 20px auto 0;
    gap: 20px;
}


.content {
    flex: 1;
    padding: 20px;
    margin-top: -18px;
    margin-right:-2000px;
    font-size: 18px;
    color: var(--main);
}

.likeBtn {
    cursor: pointer;
    transition: color 0.2s ease;
    user-select: none;
}

.likeBtn.liked {
    color: #e03131;
    font-variation-settings: 'FILL' 1;
}

@keyframes likePop {
    0%   { transform: scale(1);   }
    40%  { transform: scale(1.35);}
    70%  { transform: scale(0.9); }
    100% { transform: scale(1);   }
}

.likeBtn.like-pop {
    animation: likePop 0.35s ease forwards;
}