.customspost { padding:40px 24px; background:#fff; border-radius:20px; box-shadow:0 2px 20px #eee7; }
.carousel-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px;}
.carousel-header h2 { font-family:'Catamaran', 'Lato', sans-serif; font-size:2.4em; letter-spacing:-1px; color:#222; margin:0;}
.carousel-arrows { display:flex; gap:12px; }
.carousel-arrows button {
    background:#fff; border:1px solid #eee; border-radius:50%; font-size:1.7rem; width:48px; height:48px;
    cursor:pointer; color:#ff6720; box-shadow:0 1px 6px #0001; transition:all 0.18s;
}
.carousel-arrows button:hover { background:#ff6720; color:#fff; border-color:#ff6720; box-shadow:0 2px 14px #fc4c0750;}
.carousel-wrapper {
    overflow-x:auto;
    display:flex;
    gap:32px;
    scroll-behavior:smooth;
    padding-bottom:16px;
}
.carousel-slide {
    min-width: 320px;
    max-width: 350px;
    flex-shrink: 0;
    background:#fafbff;
    border-radius:18px;
    box-shadow:0 2px 16px #ddd8;
    display:flex;
    flex-direction:column;
    padding:24px 18px 18px 18px;
    margin-bottom: 12px;
    position:relative;
    transition:box-shadow 0.21s, transform 0.19s;
    outline:none;
    border:1.5px solid transparent;
}
.carousel-slide:hover, .carousel-slide:focus {
    box-shadow:0 8px 24px #fc4c0750;
    border-color:#ff6720;
    transform:translateY(-7px) scale(1.025);
}
.carousel-img img { width:100%; border-radius:11px; aspect-ratio:16/9; box-shadow:0 1px 8px #b9c3dd2b;}
.carousel-date {
    position:absolute; 
    top:22px; left:22px; 
    background:#ff6720;
    color:#fff;
    border-radius:7px;
    padding:8px 13px; 
    font-weight:700;
    text-align:center;
    font-size:16px;
    box-shadow:0 2px 12px #ff672066;
    z-index:3;
    letter-spacing:.5px;
}
.date-num { font-size:1.15em; display:block;}
.date-mon { font-size:0.92em; display:block; letter-spacing:1px;}
.carousel-meta { margin-top:18px; }
.carousel-title { font-size:1.11em; color:#213989; font-weight:700; margin-bottom:8px;}
.carousel-info { font-size:0.96em; color:#8a8e99; margin-bottom:18px;}
.carousel-readmore { 
    color:#ff6720; font-weight:700; letter-spacing:.25px; text-decoration:none; 
    border-bottom:2px solid #ffc5ab; 
    display:inline-block; 
    margin-top:10px;
    transition:color 0.2s, border 0.17s;
    font-size:1.05em;
}
.carousel-readmore:hover { color:#213989; border-color:#213989;}
@media (max-width:1200px) {
    .carousel-wrapper { gap:18px;}
    .carousel-slide { min-width:260px; max-width:84vw; padding:15px 10px;}
}
@media (max-width:900px) {
    .carousel-header h2 { font-size:2em;}
    .carousel-slide { min-width:240px;}
    .carousel-wrapper { gap:13px;}
}
@media (max-width:600px) {
    .customspost { padding:16px 3vw;}
    .carousel-header h2 { font-size:1.26em;}
    .carousel-slide { min-width:98vw; max-width:96vw;}
    .carousel-wrapper { gap:8px;}
}