/* Shared surfaces and spacing, matching the homepage hero and roulette. */
body.cscom-unified {
  --csui-bg:#0b0f17; --csui-panel:#10141e; --csui-raised:#151a25;
  --csui-line:#ffffff10; --csui-text:#f0f4fd; --csui-muted:#aab3c4; --csui-accent:#ff7b32;
  background:radial-gradient(ellipse at 12% 0%,#ff7b3209,transparent 34%),var(--csui-bg)!important;
  color:var(--csui-muted); font-family:'Manrope',sans-serif;
}
body.cscom-unified main>.blog-area {background:transparent!important;padding:116px 0 56px;background-image:none!important}
.cscom-unified .blog-area>.container {width:calc(100% - 56px);max-width:1520px;padding:0;margin-inline:auto}
.cscom-unified .blog-area>.container>.row {margin-inline:0}
.cscom-unified .blog-area>.container>.row>.col-12 {padding-inline:0}
.cscom-unified .blog-area>.container>.row>.cscom-main {padding-left:0;padding-right:24px}
.cscom-unified .blog-area>.container>.row>.col-lg-4 {padding:0}
.cscom-unified .blog-area>.container>.row>.col-lg-4>.blog-sidebar {width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}
.cscom-unified .cscom-catalog-frame {gap:28px;padding:24px;border-radius:26px;background:linear-gradient(145deg,#121722,#0e131c);border-color:var(--csui-line);box-shadow:0 18px 55px #0002}
.cscom-unified .cscom-listing-shell {border-radius:22px;border-color:var(--csui-line);background:var(--csui-panel);box-shadow:none}
.cscom-unified .cscom-catalog-frame .cscom-listing-shell {padding:0;border:0;background:transparent}
.cscom-unified .csort-bar {padding:17px 20px;margin-bottom:22px;border:1px solid var(--csui-line);border-radius:15px;background:var(--csui-raised);box-shadow:none}
.cscom-unified .csort-bar::before,.cscom-unified .csort-bar::after {display:none}
.cscom-unified .csort-counter-label {color:#96a4b9;font:600 10px/1.5 'Manrope',sans-serif;letter-spacing:1px}
.cscom-unified .csort-counter-num {color:var(--csui-text);font:700 21px 'Exo 2',sans-serif}
.cscom-unified .csort-counter-icon {border-radius:10px;border:0;background:#ff7b3210;color:var(--csui-accent)}
.cscom-unified .cscom-pagination {margin:30px 0 12px;padding:22px 12px 10px;border-top:1px solid var(--csui-line)}
.cscom-unified .cscom-pagination__range {color:#96a4b9;font-size:12px}
.cscom-unified .cscom-pagination__pages a,.cscom-unified .cscom-pagination__pages>span:not(.cscom-pagination__gap) {min-width:42px;min-height:42px;border-color:var(--csui-line);border-radius:11px;background:var(--csui-raised)}
.cscom-unified .cscom-pagination__pages>span.is-current[aria-current="page"] {background:var(--csui-accent);border-color:var(--csui-accent);color:#1d140e;box-shadow:0 4px 20px #ff7b321a}
.cscom-unified .cscom-pagination__pages a:hover {color:#ffd1b4;border-color:#ff7b3240;background:#ff7b320c}
.cscom-unified .cscom-pagination__more button {background:#ffffff04;border:1px solid #ff7b3238;border-radius:12px;font-size:13px;min-height:49px;box-shadow:none}
.cscom-unified .cscom-pagination__badge {background:#ff7b3218;color:#ffb98c;border-radius:7px}
.cscom-unified :where(.cscom-search-empty,.cscom-material-links,.cscom-related,.cscat-wrap) {border-color:var(--csui-line);border-radius:20px;background:var(--csui-panel);box-shadow:none}
.cscom-unified :where(.cscom-main,.blog-sidebar) :where(button,a,input,summary):focus-visible {outline:2px solid #ffad78;outline-offset:3px}
.cscom-unified ::selection {background:#ff7b323d;color:#fff}
.cscom-unified .cscom-listing-shell>.entry-title-wrap {padding:10px 4px 24px;border:0;background:transparent}
.cscom-unified .cscom-listing-shell>.entry-title-wrap h1 {margin:0;color:#edf2fc;font:700 clamp(24px,3vw,36px)/1.2 'Exo 2',sans-serif;letter-spacing:-.7px;text-transform:none}
.cscom-unified .cscom-listing-shell>.entry-title-wrap::before,.cscom-unified .cscom-listing-shell>.entry-title-wrap::after {display:none}
.cscom-unified .cscat-body {padding:24px}
.cscom-unified .cscat-title {color:#edf2fc;font-family:'Exo 2',sans-serif;letter-spacing:-.5px;text-transform:none}
.cscom-unified .cscat-title-accent {color:#ffad78}
.cscom-unified .cscat-desc {color:#aab3c4;font:400 14px/1.85 'Manrope',sans-serif}
.cscom-unified .cscat-desc :where(h2,h3,h4) {color:#e4ecf8;font-family:'Exo 2',sans-serif}
.cscom-unified .cscat-desc a {color:#ffad78}
.cscom-unified :where(.cscom-material-neighbor,.cscom-material-related) {border-color:#ffffff10;border-radius:19px;background:linear-gradient(145deg,#171c28,#111620);box-shadow:none;padding:22px}
.cscom-unified .cscom-material-neighbor-label {color:#ffb184;font:600 11px 'Manrope',sans-serif}
.cscom-unified .cscom-material-related-row {border-color:#ffffff0b;padding-block:16px;color:#dce5f3}
.cscom-unified .cscom-material-related-preview {border-radius:10px;border-color:#ffffff10;background:#0d131e}
.cscom-unified .cscom-material-related-heading {color:#eaf0fb;font-family:'Exo 2',sans-serif}
@media(max-width:1100px){.cscom-unified .cscom-catalog-frame{gap:22px;padding:18px}.cscom-unified .blog-area>.container{width:calc(100% - 40px)}}
@media(max-width:991px){.cscom-unified .blog-area>.container>.row>.cscom-main{padding:0}.cscom-unified .cscom-catalog-frame>.cscom-main{margin:0!important}.cscom-unified .blog-area>.container>.row>.col-lg-4{margin-top:24px}.cscom-unified .cscom-mobile-categories{padding-inline:0}}
@media(max-width:650px){body.cscom-unified main>.blog-area{padding-top:96px;padding-bottom:32px}.cscom-unified .blog-area>.container{width:calc(100% - 24px)}.cscom-unified .cscom-catalog-frame{padding:12px;gap:22px;border-radius:20px}.cscom-unified .csort-bar{padding:14px;margin-bottom:16px}.cscom-unified .cscom-pagination{padding-inline:0}.cscom-unified .cscom-pagination__pages{gap:5px}.cscom-unified .cscom-pagination__pages a,.cscom-unified .cscom-pagination__pages>span:not(.cscom-pagination__gap){min-width:34px;min-height:39px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.cscom-unified :where(.blog-sidebar,.cscom-pagination) *{animation:none!important;transition:none!important}}

/* Detail pages use the same shared surface as the homepage catalogue. */
.cscom-unified .cscom-catalog-frame > .cscom-main > .blog-details-wrap {
  margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
.cscom-unified .cscom-catalog-frame > .cscom-main > .blog-details-wrap > .blog-list-post-content {
  padding:0;border:0;background:transparent;box-shadow:none;
}