:root {
    --gold-accent: #c9a227;
    --gold-hover: #d8b73a;
    --rose-accent: #d94f70;
    --rose-hover: #e56b86;
}

.comment-item {
    text-align: left !important;
    margin-bottom: 15px;
}
.comment-item p {
    margin: 5px 0 0 0;
    text-align: left;
}

html, body { margin:0; padding:0; overflow-x:hidden; background: linear-gradient(135deg, #ffffff, #632525); }

.post-wrapper { display:flex; justify-content:center; padding:2rem 1rem; }
.post-container {
    width:90%;
    background: linear-gradient(135deg, #ffffff, #f6fffb);
    padding:2rem; border-radius:16px;
    box-shadow:0 2px 12px rgba(179,0,42,0.12);
    text-align:left;
}
@media (max-width:991px) { .post-container{ width:80%; } }
@media (max-width:576px) { .post-container{ width:98%; } }

.post-container, .post-container * { text-align:left !important; }

.post-quote {
    font-style:italic; border-left:4px solid var(--rose-accent);
    padding-left:1rem; margin:1.5rem 0;
    background: linear-gradient(135deg, #fdf2f5, #ffffff);
}
.centered-image { display:block; margin:1.5rem auto; width:100%; border-radius:12px; }

.comment-wrapper {
    background: linear-gradient(135deg, #f6fffb, #ffffff);
    padding:3rem 1rem; display:flex; justify-content:center;
}
.comment-box {
    max-width:700px; width:100%;
    background: linear-gradient(145deg, #ffffff, #fdf9f9);
    border-radius:20px;
}
.btn-gradient {
    background: linear-gradient(90deg, var(--rose-accent), #00B37E);
    color:white; border:none; border-radius:12px;
    padding:10px 20px; font-weight:bold;
}
.comment-item {
    background: linear-gradient(135deg, #ffffff, #f6fffb);
    border-radius: 16px;
    width: 95%;
    margin: 1rem auto;
    padding: 1rem;
}
.post-container .text-muted { text-align:left; margin-bottom:1.5rem; }

.post-container p, .post-container blockquote {
    word-wrap:break-word; overflow-wrap:break-word; line-height:1.6;
}