.c24-chronicle-page {
    background: #fff;
    min-height: 100vh;
    padding-bottom: 20px;
}

.c24-chronicle-page-header {
    padding: 16px;
    text-align: center;
}

.c24-chronicle-page-header h1 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #181818;
}

.c24-chronicle-page-search {
    padding: 16px;
}

.c24-chronicle-page-search-input {
    width: 100%;
    padding: 10px 12px 10px 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 50px;
    border: 0;
    background: #F4F4F4;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0xNS40NDYgMTUuNTc0N0wxMS41MDUyIDExLjYzMzlMMTEuNTQxMiAxMS41OTEzQzEyLjQwODIgMTAuNTc5NyAxMi44ODU4IDkuMjY5ODcgMTIuODg1OCA3LjkwMzA3QzEyLjg4NTggNC43NzM0NyAxMC4zNCAyLjIyODI3IDcuMjEwOTkgMi4yMjgyN0M1LjY5NjU5IDIuMjI4MjcgNC4yNzYzOSAyLjgxODA3IDMuMjEwNzkgMy44OTAyN0MyLjE0Njk5IDQuOTYwNjcgMS41NjA3OSA2LjM4NTY3IDEuNTYwNzkgNy45MDMwN0MxLjU2MDc5IDExLjAzMjEgNC4wOTU3OSAxMy41Nzc5IDcuMjEwOTkgMTMuNTc3OUM4LjU2MTU5IDEzLjU3NzkgOS44NzEzOSAxMy4wOTE5IDEwLjg5OTggMTIuMjA5M0wxMC45NDE4IDEyLjE3MzNMMTQuODc5NiAxNi4xMTExQzE0Ljk3OTIgMTYuMTg2NyAxNS4wNzk0IDE2LjIyNDUgMTUuMTc2NiAxNi4xMjQ1QzE1LjI3OCAxNi4yMjQ1IDE1LjM3NCAxNi4xODQ5IDE1LjQ0NiAxNi4xMTI5QzE1LjUxODYgMTYuMDQwOSAxNS41NTgyIDE1Ljk0NTUgMTUuNTU4MiAxNS44NDM1QzE1LjU1ODIgMTUuNzQxNSAxNS41MTg2IDE1Ljc2NDYgMTUuNDQ2IDE1LjU3NDdaTTcuMjM1NTkgMTIuODE1M0M0LjUyNzE5IDEyLjgxNTMgMi4zMjMzOSAxMC42MTE1IDIuMzIzMzkgNy45MDMwN0MyLjMyMzM5IDUuMTk0NjcgNC41MjcxOSAyLjk5MDI3IDcuMjM1NTkgMi45OTAyN0M4LjU1NzM5IDIuOTkwMjcgOS43OTMzOSAzLjQ5ODQ3IDEwLjcxNjggNC40MjE4N0MxMS42NDAyIDUuMzQ1MjcgMTIuMTQ4NCA2LjU4MTI3IDEyLjE0ODQgNy45MDMwN0MxMi4xNDg0IDEwLjYxMTUgOS45NDQ1OSAxMi44MTUzIDcuMjM1NTkgMTIuODE1M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: 12px center;
}

.c24-chronicle-page-search-input:focus {
    outline: none;
    background-color: #F4F4F4;
}

.c24-chronicle-page-subheader {
    font-size: 18px;
    padding: 10px 0;
}

.c24-chronicle-page-list {
    padding: 0 16px;
}

.c24-chronicle-page-list-container {
    margin-top: 10px;
}

/* List Item Styles (Reused) */
.c24-chronicle-list-item {
    display: flex;
    padding: 12px 0;
    text-decoration: none;
    color: #333;
    width: 100%; /* Ensure full width */
    box-sizing: border-box; /* Include padding in width */
    background-color: #fff; /* Opaque background */
    position: relative; /* Ensure z-index works if needed */
}

.c24-chronicle-list-item:hover {
    text-decoration: unset;
}

.c24-chronicle-list-item-image {
    width: 60px;
    height: 60px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    margin-right: 16px;
    flex-shrink: 0;
}

.c24-chronicle-list-item-title,
.c24-chronicle-list-item-text,
.c24-chronicle-list-item-pricing {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.c24-chronicle-list-item-content {
    flex: 1;
    font-size: 16px;
    line-height: 18px;
    min-width: 0; /* Crucial for flexbox truncation */
    display: flex;
    flex-direction: column;
}

.c24-chronicle-list-item-title {
    color: #6A6A6A;
    margin-bottom: 2px;
    font-weight: normal;
    font-size: 16px;
}

.c24-chronicle-list-item-text {
    margin-bottom: 2px;
}

.c24-chronicle-list-item-pricing {
    color: #666;
    text-align: right;
    margin-top: 4px;
}

.c24-chronicle-list-item-date {
    /* Deprecated / Not used in new layout */
    color: #888;
    font-size: 12px;
}

/* Action Swiper Styles (Reused) */
.c24-action-swiper-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #fff; /* Ensure wrapper matches item background */
}

.c24-action-swiper-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1px;
    right: 1px;
    left: 1px;
    background-color: #EB7F08; /* Changed to default orange to match JS config if needed, but JS sets inline style */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
    box-sizing: border-box;
}

.c24-action-swiper-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTUuMjc3OCA4Ljc3MDUxQzE1LjAwMjkgOC43NzA1MSAxNC43NzkzIDguOTk0MTEgMTQuNzc5MyA5LjI2ODk5VjE2LjkxNjdDMTQuNzc5MyAxNy4xOTE2IDE1LjAwMjkgMTcuNDE1MyAxNS4yNzc4IDE3LjQxNTNDMTUuNTUyNyAxNy40MTUzIDE1Ljc3NjMgMTcuMTkxNiAxNS43NzYzIDE2LjkxNjdWOS4yNjg5OUMxNS43NzYzIDguOTk0MTEgMTUuNTUyNyA4Ljc3MDUxIDE1LjI3NzggOC43NzA1MVoiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNMTEuOTk5NSA4Ljc3MDUxQzExLjcyNDcgOC43NzA1MSAxMS41MDEgOC45OTQxMSAxMS41MDEgOS4yNjg5OVYxNi45MTY3QzExLjUwMSAxNy4xOTE2IDExLjcyNDcgMTcuNDE1MyAxMS45OTk1IDE3LjQxNTNDMTIuMjc0NCAxNy40MTUzIDEyLjQ5ODEgMTcuMTkxNiAxMi40OTgxIDE2LjkxNjdWOS4yNjg5OUMxMi40OTgxIDguOTk0MTEgMTIuMjc0NCA4Ljc3MDUxIDExLjk5OTUgOC43NzA1MVoiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNOC43MjIxOSA4Ljc3MDUxQzguNDQ3MzEgOC43NzA1MSA4LjIyMzYzIDguOTk0MTEgOC4yMjM2MyA5LjI2ODk5VjE2LjkxNjdDOC4yMjM2MyAxNy4xOTE2IDguNDQ3MzEgMTcuNDE1MyA4LjcyMjE5IDE3LjQxNTNDOC45OTcwNyAxNy40MTUzIDkuMjIwNjcgMTcuMTkxNiA5LjIyMDY3IDE2LjkxNjdWOS4yNjg5OUM5LjIyMDY3IDguOTk0MTEgOC45OTcwNyA4Ljc3MDUxIDguNzIyMTkgOC43NzA1MVoiIGZpbGw9IiMxODE4MTgiLz4KICA8cGF0aCBkPSJNMTguNTA3NyA2LjQ4OTc4SDE5LjEwMThDMTkuMzc2NiA2LjQ4OTc4IDE5LjYwMDMgNi4yNjYxIDE5LjYwMDMgNS45OTEyMkMxOS42MDAzIDUuNzE2MzQgMTkuMzc2NiA1LjQ5MjY2IDE5LjEwMTggNS40OTI2NkgxNS44Mjg1TDE0LjkyNjcgNC4wNTY3NEMxNC42MzQgMy41ODc3IDE0LjEyOTYgMy4zMDc2MiAxMy41Nzc3IDMuMzA3NjJIMTAuNDE5NkM5Ljg2NzU5IDMuMzA3NjIgOS4zNjMyNyAzLjU4NzcgOS4wNzA1NSA0LjA1Njc0TDguMTcyMjMgNS40OTI2Nkg0Ljg5ODk1QzQuNjI0MDcgNS40OTI2NCA0LjQwMDM5IDUuNzE2MzQgNC40MDAzOSA1Ljk5MTIyQzQuNDAwMzkgNi4yNjYxIDQuNjI0MDcgNi40ODk3OCA0Ljg5ODk1IDYuNDg5NzhINS40OTI5NVYxOC4wMDkyQzUuNDkyOTUgMTkuNDg4OSA2LjY5Njg3IDIwLjY5MjcgOC4xNzY1NSAyMC42OTI3SDE1LjgyNDNDMTcuMzA0IDIwLjY5MjcgMTguNTA3OSAxOS40ODg5IDE4LjUwNzkgMTguMDA5MlY2LjQ4OTc4SDE4LjUwNzdaTTkuODY3OTEgNC42NTYyNkw5LjkxNDc5IDQuNTgyNzRDMTAuMDI2MSA0LjQwODY2IDEwLjIxNDcgNC4zMDQ2NiAxMC40MTk0IDQuMzA0NjZIMTMuNTc3NUMxMy43ODI5IDQuMzA0NjYgMTMuOTc2NSA0LjQxMTM4IDE0LjA4MjYgNC41ODMzTDE0LjY1NDIgNS40OTI2Nkg5LjM0OTkxTDkuODcyMjMgNC42NTYxOEg5Ljg2NzU5IDkuODY3OTEgNC42NTYyNlpNMTcuNTEwNyAxOC4wMDkyQzE3LjUxMDcgMTguOTM5MiAxNi43NTQyIDE5LjY5NTggMTUuODI0MiAxOS42OTU4SDguMTc2MzlDNy4yNDYzOSAxOS42OTU4IDYuNDg5ODMgMTguOTM5MiA2LjQ4OTgzIDE4LjAwOTJWNi40ODk3OEgxNy41MTA3VjE4LjAwOTJaIiBmaWxsPSIjMTgxODE4Ii8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
}

.c24-action-swiper-content {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 100%;
}

.c24-action-swiper-text {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    width: 30%;
    box-sizing: border-box;
}