:root {
    --csk-navy: #1a3a5c;
    --csk-orange: #f97316;
    --csk-border: #e2e8f0;
    --csk-muted: #64748b;
}
 

.cbs-cardview .dxcvTable {
    table-layout: fixed;
    width: 100%;
}

.cbs-cardview .dxcvCard {
    width: 23.5%;
    vertical-align: top;
}
 
.cbs-cardview .dxcvSeparator {
    width: 2%;
}
 
.cbs-cardview .dxcvSeparator[colspan] {
    width: auto;
    height: 20px;
}

.cbs-cardview .p-tile {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.cbs-cardview .p-tile-media {
    position: relative;
    width: 100%;
}

.cbs-cardview .p-tile-media img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
 
.cbs-cardview .dxp-summary,
.cbs-cardview [class*="dxp-summary"] {
    font-family: "DM Sans", sans-serif;
    font-size: .85rem;
    color: var(--csk-muted);
    margin-bottom: 10px;
    display: block;
}

.cbs-cardview .dxp-lite,
.cbs-cardview [class*="dxp-lite"] {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 32px 0 0;
    font-family: "DM Sans", sans-serif;
}
 
.cbs-cardview .dxp-lite a,
.cbs-cardview .dxp-lite span,
.cbs-cardview [class*="dxp-num"],
.cbs-cardview [class*="dxp-button"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--csk-border);
    background: #fff;
    color: var(--csk-navy);
    font-size: .88rem;
    font-weight: 500;
    text-decoration: none !important;
    cursor: pointer;
    transition: all .15s ease;
}

.cbs-cardview .dxp-lite a:hover,
.cbs-cardview [class*="dxp-num"]:hover,
.cbs-cardview [class*="dxp-button"]:hover {
    border-color: var(--csk-orange);
    color: var(--csk-orange);
}
 
.cbs-cardview .dxp-current,
.cbs-cardview [class*="dxp-current"] {
    background: var(--csk-navy) !important;
    border-color: var(--csk-navy) !important;
    color: #fff !important;
    pointer-events: none;
}
 
.cbs-cardview [class*="disabled"] {
    color: #cbd5e1 !important;
    border-color: var(--csk-border) !important;
    cursor: default;
    pointer-events: none;
}
 
.cbs-cardview [id$="_PBP"] img,
.cbs-cardview [id$="_PBN"] img {
    display: none;
}
 
.cbs-cardview [id$="_PBP"]::after,
.cbs-cardview [id$="_PBN"]::after {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
}
 
.cbs-cardview [id$="_PBP"]::after { content: "<"; }
.cbs-cardview [id$="_PBN"]::after { content: ">"; }
  
.cbs-cardview [id$="_FB"] img,
.cbs-cardview [id$="_LB"] img {
    display: none;
}
.cbs-cardview [id$="_FB"]::after { content: "«"; font-family: "DM Sans", sans-serif; }
.cbs-cardview [id$="_LB"]::after { content: "»"; font-family: "DM Sans", sans-serif; }