/* CSSBEST: geometry and controls from the selected October 16 mockup. */
:root{--cbm-orange:#ff8a32;--cbm-ink:#f5f7fb;--cbm-muted:#b5c0d0;--cbm-border:#33445b;--cbm-card:#202d3e}
[data-theme="dark"] body{background:#151f2b}
.cbm-container{width:90%;max-width:1200px;min-width:0;margin-inline:auto}
.cbm-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle}
.cbm-new,.cbm-catalog,.cbm-card{font-family:Inter,Arial,sans-serif;box-sizing:border-box}
.cbm-new *,.cbm-catalog *,.cbm-card *{box-sizing:border-box}
.cbm-new.new-builds-section,.cbm-catalog{background:radial-gradient(ellipse at 40% 40%,rgba(33,52,72,.18),transparent 75%)!important;color:var(--cbm-ink);padding:clamp(24px,2.6vw,36px) 0!important;min-width:0;width:100%;border-block:1px solid var(--cbm-border)}
.cbm-catalog{border-top:0;padding-bottom:clamp(36px,4.2vw,60px)!important;scroll-margin-top:80px}
.cbm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:7px}
.cbm-eyebrow{display:block;color:var(--cbm-orange);font-size:clamp(9px,.9vw,12px);font-weight:800;letter-spacing:.18em;line-height:1.4;margin:0 0 5px}
.cbm-section-heading h2{font-family:Inter,Arial,sans-serif;font-size:clamp(28px,3.35vw,44px)!important;line-height:1.16!important;font-weight:850!important;letter-spacing:-.025em;margin:0!important;color:var(--cbm-ink)}
.cbm-section-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-width:clamp(136px,14vw,190px);min-height:clamp(34px,3.5vw,44px);padding:8px 14px;border:1px solid var(--cbm-orange);border-radius:7px;color:var(--cbm-orange)!important;font-size:clamp(10px,1.05vw,14px);line-height:1.3;font-weight:600;text-decoration:none!important}
.cbm-section-link .cbm-icon{width:14px;height:14px}
.cbm-intro{font-size:clamp(12px,1.26vw,16px)!important;line-height:1.55!important;font-weight:400;color:var(--cbm-muted);margin:0 0 12px!important;max-width:100%}
.cbm-new .builds-grid,.cbm-catalog .builds-grid{gap:clamp(12px,1.4vw,20px)!important;margin:0!important}
.cbm-tabs{display:grid;grid-template-columns:.91fr 1.07fr 1.05fr .93fr 1.07fr 1fr;gap:0;width:100%;min-width:0;border:1px solid var(--cbm-border);background:linear-gradient(100deg,#1d2b3c,#202d3e);border-radius:10px;overflow:hidden;margin:clamp(14px,1.45vw,20px) 0!important}
.cbm-tab{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.1vw,16px);padding:10px 8px;min-width:0;min-height:clamp(38px,4vw,54px);border:0;border-right:1px solid var(--cbm-border);border-radius:0;color:var(--cbm-ink)!important;text-decoration:none!important;font-size:clamp(10px,1.06vw,14px);line-height:1.35;font-weight:500;white-space:nowrap;background:transparent}
.cbm-tab:last-child{border-right:0}.cbm-tab .cbm-icon{width:clamp(17px,1.8vw,24px);height:clamp(17px,1.8vw,24px)}
.cbm-tab.active{background:linear-gradient(110deg,#ff9237,#ff7628);border-radius:9px;color:#fff!important;box-shadow:inset 0 0 0 1px #ff9c4f}
.cbm-tab:hover{background-color:rgba(255,255,255,.05)}
.cbm-tab:focus-visible,.cbm-section-link:focus-visible,.cbm-more:focus-visible,.cbm-card a:focus-visible{outline:2px solid #fff;outline-offset:-3px}
article.build-card.cbm-card{border-radius:10px!important;border:1px solid var(--cbm-border)!important;background:linear-gradient(115deg,#233244,#1d2939)!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;min-width:0!important}
article.build-card.cbm-card:hover{border-color:#5a6d86!important;transform:none!important}
.cbm-card .cb2-card-art{aspect-ratio:8/5!important;border-radius:0!important;background:#15202d;width:100%;position:relative}
.cbm-new .cbm-card .cb2-card-art{aspect-ratio:8/7!important}
.cbm-card .cb2-card-art img{width:100%;height:100%;object-fit:contain!important;object-position:center;display:block;transition:none}
.cbm-card .cb2-card-body{padding:clamp(10px,1.15vw,16px);gap:clamp(8px,.85vw,12px);min-width:0;display:flex;flex:1;flex-direction:column}
.cbm-card .cb2-card-body h3{font-family:Inter,Arial,sans-serif;font-size:clamp(11px,1.15vw,15px)!important;font-weight:650!important;line-height:1.35!important;min-height:0!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cbm-ink)}
.cbm-card .cb2-card-body h3 a{color:var(--cbm-ink)!important;text-decoration:none}
.cbm-card .cb2-card-specs{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(6px,.7vw,10px);font-size:clamp(9px,.98vw,13px);line-height:1.3;color:var(--cbm-muted)}
.cbm-card .cb2-card-specs>span{display:inline-flex;align-items:center;gap:clamp(7px,.8vw,11px);white-space:nowrap}
.cbm-card .cb2-card-specs .cbm-icon{width:clamp(12px,1.25vw,17px);height:clamp(12px,1.25vw,17px);color:#9eafc5}
.cbm-card .cb2-card-specs .cbm-meta-dot{color:#71839a;margin-left:-2px}
.cbm-card .cb2-card-actions{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(7px,.8vw,11px);margin-top:auto}
.cbm-card .cb2-card-actions .cb2-button{font-family:Inter,Arial,sans-serif;font-size:clamp(10px,1.02vw,13px)!important;font-weight:600!important;line-height:1.3!important;min-width:0!important;min-height:clamp(34px,3.5vw,46px)!important;padding:7px 5px!important;border-radius:6px!important;gap:clamp(7px,.8vw,11px)!important;box-shadow:none!important;white-space:nowrap!important;text-decoration:none!important;background:linear-gradient(110deg,#ff973d,#ff7924);border:1px solid #ff9b45!important;color:#fff!important}
.cbm-card .cb2-card-actions .cb2-button .cbm-icon{width:clamp(15px,1.65vw,22px);height:clamp(15px,1.65vw,22px)}
.cbm-card .cb2-card-actions .cb2-button-outline{background:transparent!important;color:var(--cbm-orange)!important;border-color:var(--cbm-orange)!important;font-weight:500!important}
.cbm-card .cb2-card-actions .cb2-button:hover{filter:brightness(1.08)}
.cbm-status{font-size:13px;color:var(--cbm-muted);margin:0}.cbm-status:not(:empty){padding:8px 0 12px}
.cbm-empty{grid-column:1/-1;padding:24px;text-align:center}
.cbm-more-wrap{display:flex;justify-content:center;margin-top:clamp(24px,2.6vw,36px)}
.cbm-more{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:clamp(214px,22.5vw,300px);min-height:clamp(36px,3.6vw,48px);border:1px solid #ff9a43;border-radius:10px;color:var(--cbm-orange)!important;font:500 clamp(11px,1.12vw,15px)/1.4 Inter,Arial,sans-serif;padding:8px 16px;text-decoration:none!important}
.cbm-more .cbm-icon{width:14px;height:14px}.cbm-more[hidden]{display:none!important}.cbm-more[aria-disabled="true"]{opacity:.65;cursor:progress}
.cbm-grid[aria-busy="true"]{opacity:.7}
@media(max-width:760px){
 .cbm-container{width:calc(100% - 32px)}
 .cbm-section-heading{gap:12px;align-items:flex-start}
 .cbm-section-heading h2{font-size:27px!important}
 .cbm-section-link{min-width:0;font-size:10px;padding:7px 9px;min-height:34px}
 .cbm-section-link .cbm-icon{width:12px;height:12px}
 .cbm-intro{font-size:13px!important;margin-top:10px!important}
 .cbm-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;border-radius:9px}
 .cbm-tab{flex:0 0 auto;min-width:136px;min-height:46px;padding:11px 16px;font-size:12px;gap:10px}
 .cbm-card .cb2-card-body h3{font-size:12px!important}
 .cbm-card .cb2-card-specs{font-size:10px;gap:7px}
 .cbm-card .cb2-card-body{padding:10px;gap:10px}
 .cbm-card .cb2-card-actions{grid-template-columns:1fr 1fr;gap:6px}
 .cbm-card .cb2-card-actions .cb2-button{min-height:40px!important;font-size:10px!important;padding:6px 3px!important;gap:5px!important}
 .cbm-card .cb2-card-actions .cbm-icon{width:14px!important;height:14px!important}
 .cbm-more{min-height:44px;font-size:13px}
}
@media(max-width:380px){.cbm-card .cb2-card-actions{grid-template-columns:1fr}.cbm-section-heading h2{font-size:24px!important}.cbm-section-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cbm-card,.cbm-card a{transition:none!important}}

/* Size, Windows and download count share one compact row. */
.cbm-card .cb2-card-specs{flex-wrap:nowrap;gap:clamp(4px,.5vw,8px);font-size:clamp(9px,.9vw,12px)}
.cbm-card .cb2-card-specs>span{gap:3px}
.cbm-card .cb2-card-specs .cbm-meta-dot{display:none}
.cbm-card .cb2-card-specs .cbm-icon{width:clamp(10px,1vw,14px);height:clamp(10px,1vw,14px)}
.cbm-card .cb2-card-specs>.cb8-card-downloads{flex:0 0 auto;margin-left:auto;font-variant-numeric:tabular-nums}
@media(max-width:380px){
 .cbm-card .cb2-card-specs{font-size:8px;gap:3px}
 .cbm-card .cb2-card-specs>span{gap:2px}
 .cbm-card .cb2-card-specs .cbm-icon{width:9px;height:9px}
}