/* CD Featured Products — `body`-prefixed like every CD section. */
body .cd-products {
	--nx-h2: clamp(1.7rem, 3.2vw, 2.3rem);
	padding: 5.5rem 0;
	background: var(--buildpress-color-cd-surface, var(--buildpress-color-cd-white));
}
body .cd-products .nx-container { width: 100%; max-width: 81.25rem; margin: 0 auto; padding: 0 1.5rem; }
body .cd-products .nx-head { max-width: 44rem; margin: 0 auto 3rem; text-align: center; }
body .cd-products .nx-head--left { margin: 0 0 2rem; text-align: left; }
body .cd-products .cd-eyebrow { display: inline-flex; align-items: center; gap: 0.5625rem; padding: 0.375rem 0.8125rem; border-radius: 62.4375rem; background: var(--buildpress-color-cd-wash); border: 0.0625rem solid var(--buildpress-color-cd-line); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))); }
body .cd-products .cd-eyebrow__dot { width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--buildpress-color-cd-red);--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-products .nx-title { margin: 1rem 0 0; font-size: var(--nx-h2); font-weight: 800; letter-spacing: -0.02em; line-height: 1.18; color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); text-wrap: balance; }
body .cd-products .nx-text { margin: 0.875rem 0 0; font-size: 1rem; line-height: 1.7; color: var(--buildpress-color-cd-muted); }
body .cd-products .nx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.9375rem 1.625rem; border-radius: 62.4375rem; background: var(--buildpress-color-cd-red); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))); font-size: 0.95rem; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background 0.2s ease;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-products .nx-btn:hover { background: var(--buildpress-color-cd-red-700); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))); }
body .cd-products .nx-btn svg { width: 1.125rem; height: 1.125rem; }
body .cd-products .nx-btn--ghost { background: transparent; border: 0.125rem solid var(--buildpress-color-cd-line); color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); }
body .cd-products .nx-btn--ghost:hover { background: var(--buildpress-color-cd-wash); color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); }
@media (max-width: 40rem) {
body .cd-products { padding: 4rem 0; }
body .cd-products .nx-container { padding: 0 1.25rem; }
}

/* Grid (default) */
body .cd-products .cd-products__track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
body .cd-products .cd-products__item { display: flex; margin: 0; padding: 0; }
body .cd-products .cd-products__card { display: flex; flex-direction: column; width: 100%; border-radius: 1.25rem; overflow: hidden; background: var(--buildpress-color-cd-surface, var(--buildpress-color-cd-white)); border: 0.0625rem solid var(--buildpress-color-cd-line); transition: box-shadow 0.2s ease, transform 0.2s ease; }
body .cd-products .cd-products__card:hover { transform: translateY(-0.125rem); box-shadow: 0 0.875rem 2rem color-mix(in srgb, var(--buildpress-color-cd-navy-800) 10%, transparent); }
body .cd-products .cd-products__media { position: relative; aspect-ratio: 1 / 1; background: var(--buildpress-color-cd-wash); }
body .cd-products .cd-products__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
body .cd-products .cd-products__ph { display: grid; place-items: center; width: 100%; height: 100%; color: var(--buildpress-color-cd-muted); }
body .cd-products .cd-products__ph svg { width: 3rem; height: 3rem; }
body .cd-products .cd-products__badge { position: absolute; top: 0.875rem; left: 0.875rem; padding: 0.3125rem 0.75rem; border-radius: 62.4375rem; background: var(--buildpress-color-cd-red); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-products .cd-products__body { display: flex; flex: 1; flex-direction: column; padding: 1.375rem 1.375rem 1.5rem; }
body .cd-products .cd-products__name { margin: 0; font-size: 1.1rem; font-weight: 800; line-height: 1.3; color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); }
body .cd-products .cd-products__text { margin: 0.5rem 0 0; font-size: 0.925rem; line-height: 1.6; color: var(--buildpress-color-cd-muted); }
body .cd-products .cd-products__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: auto; padding-top: 1.25rem; }
body .cd-products .cd-products__price { font-size: 1.15rem; font-weight: 800; color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); }
body .cd-products .cd-products__link { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 0.875rem; border-radius: 62.4375rem; background: var(--buildpress-color-cd-wash); color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); font-size: 0.875rem; font-weight: 700; text-decoration: none; transition: background 0.2s ease, color 0.2s ease; }
body .cd-products .cd-products__link:hover { background: var(--buildpress-color-cd-red); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-products .cd-products__link svg { width: 0.9375rem; height: 0.9375rem; }
body .cd-products .cd-products__more { display: flex; justify-content: center; margin-top: 2.5rem; }
@media (max-width: 56rem) {
body .cd-products .cd-products__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
body .cd-products .cd-products__track { grid-template-columns: minmax(0, 1fr); }
}

/* ---------------- Designs ---------------- */
/* Carousel: horizontal scroll-snap track with arrows */
body .cd-products.cd-products--carousel { background: var(--buildpress-color-cd-wash); }
body .cd-products.cd-products--carousel .cd-products__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: 2rem; }
body .cd-products.cd-products--carousel .nx-head--left { margin: 0; }
body .cd-products.cd-products--carousel .cd-products__nav { display: flex; flex-shrink: 0; gap: 0.5rem; }
body .cd-products.cd-products--carousel .cd-products__nav[hidden] { display: none; }
body .cd-products.cd-products--carousel .cd-products__arrow { display: grid; place-items: center; width: 2.875rem; height: 2.875rem; margin: 0; padding: 0; border-radius: 50%; background: var(--buildpress-color-cd-surface, var(--buildpress-color-cd-white)); border: 0.0625rem solid var(--buildpress-color-cd-line); color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); cursor: pointer; transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease; }
body .cd-products.cd-products--carousel .cd-products__arrow:hover:not(:disabled) { background: var(--buildpress-color-cd-red); border-color: var(--buildpress-color-cd-red); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-products.cd-products--carousel .cd-products__arrow:disabled { opacity: 0.4; cursor: default; }
body .cd-products.cd-products--carousel .cd-products__arrow svg { width: 1.25rem; height: 1.25rem; }
body .cd-products.cd-products--carousel .cd-products__track { display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; padding-bottom: 0.25rem; }
body .cd-products.cd-products--carousel .cd-products__track::-webkit-scrollbar { display: none; }
body .cd-products.cd-products--carousel .cd-products__track:focus-visible { outline: 0.125rem solid var(--buildpress-color-cd-red); outline-offset: 0.25rem; }
body .cd-products.cd-products--carousel .cd-products__item { flex: 0 0 calc((100% - 3.75rem) / 4); scroll-snap-align: start; }
@media (max-width: 56rem) {
body .cd-products.cd-products--carousel .cd-products__item { flex-basis: calc((100% - 1.25rem) / 2); }
}
@media (max-width: 40rem) {
body .cd-products.cd-products--carousel .cd-products__top { flex-direction: column; align-items: flex-start; }
body .cd-products.cd-products--carousel .cd-products__item { flex-basis: 82%; }
}

/* === ReadySite library redesign === */
body .rsx *,body .rsx *::before,body .rsx *::after{box-sizing:border-box}
body .rsx :is(h2,h3,p,figure,blockquote,dl,dd){margin:0}
body .rsx img{max-width:100%}
body .rsx :where(ul,ol){list-style:none;margin:0;padding:0}
body .rsx :where(figcaption,small,cite){font-style:normal}
body .rsx{--x-bg:var(--buildpress-color-cd-white);--x-ink:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));--x-ink-raw:var(--buildpress-color-cd-navy);--x-text:var(--buildpress-color-cd-text);--x-soft:var(--buildpress-color-cd-wash);--x-line:var(--buildpress-color-cd-line);--x-action:var(--buildpress-color-cd-red);--x-action-hover:var(--buildpress-color-cd-red-700);--x-dark:var(--buildpress-color-cd-navy-800);--x-dark-2:var(--buildpress-color-cd-navy-700);--x-tint:var(--buildpress-color-cd-navy-50);position:relative;isolation:isolate;overflow:hidden;background:var(--x-bg);color:var(--x-ink);font:400 16px/1.65 var(--buildpress-font-family-body)}
body .rsx .rsx-wrap{max-width:1240px;margin:0 auto;padding:clamp(48px,7vw,104px) clamp(20px,5vw,64px)}
body .rsx .rsx-eyebrow{display:flex;align-items:center;gap:10px;font:600 11px/1.5 var(--buildpress-font-family-body);letter-spacing:.15em;text-transform:uppercase;color:var(--x-text)}
body .rsx .rsx-eyebrow::before{content:"";width:24px;height:2px;background:currentColor;flex:none}
body .rsx .rsx-title{font:500 clamp(30px,4.2vw,52px)/1.08 var(--buildpress-font-family-heading);letter-spacing:-.045em;color:var(--x-ink);text-wrap:balance;max-width:20ch;margin-top:16px}
body .rsx .rsx-title em{font-style:normal;color:var(--x-action)}
body .rsx .rsx-lead{font-size:var(--buildpress-font-size-17,17px);line-height:1.7;color:var(--x-text);max-width:58ch;margin-top:18px}
body .rsx .rsx-small{font-size:var(--buildpress-font-size-13,13px);line-height:1.6;color:var(--x-text)}
body .rsx .rsx-sample{display:inline-block;font:600 10px/1.4 var(--buildpress-font-family-body);letter-spacing:.12em;text-transform:uppercase;color:var(--x-text);background:var(--x-soft);border:1px dashed var(--x-line);border-radius:999px;padding:4px 10px}
body .rsx .rsx-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
body .rsx .rsx-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--x-action);border-radius:8px;background:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));font:600 14px/1.3 var(--buildpress-font-family-body);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .rsx .rsx-btn:hover{background:var(--x-action-hover);border-color:var(--x-action-hover);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)))}
body .rsx .rsx-btn--quiet{background:transparent;color:var(--x-ink);border-color:var(--x-line)}
body .rsx .rsx-btn--quiet:hover{background:var(--x-soft);color:var(--x-ink);border-color:var(--x-text)}
body .rsx .rsx-btn--light{background:var(--buildpress-color-cd-white);border-color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
body .rsx .rsx-btn--light:hover{background:var(--buildpress-color-cd-navy-50);border-color:var(--buildpress-color-cd-navy-50);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
body .rsx .rsx-btn svg{width:16px;height:16px;flex:none}
body .rsx .rsx-link{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.4 var(--buildpress-font-family-body);color:var(--x-action);text-decoration:none}
body .rsx .rsx-link:hover{text-decoration:underline;text-underline-offset:4px}
body .rsx .rsx-link svg{width:15px;height:15px}
body .rsx .rsx-media{position:relative;overflow:hidden;background:var(--x-soft);min-width:0}
body .rsx .rsx-photo{display:block;width:100%;height:100%;object-fit:cover}
body .rsx .rsx-field{display:grid;gap:7px;font:500 13px/1.5 var(--buildpress-font-family-body);color:var(--x-ink);min-width:0}
body .rsx .rsx-field :is(input,select,textarea){width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--buildpress-color-cd-line);border-radius:6px;background:var(--buildpress-color-cd-white);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));font:400 15px/1.5 var(--buildpress-font-family-body)}
body .rsx .rsx-field textarea{min-height:110px;resize:vertical}
body .rsx.rsx-dark{--x-bg:var(--buildpress-color-cd-navy-800);--x-ink:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));--x-ink-raw:var(--buildpress-color-cd-white);--x-text:var(--buildpress-color-cd-navy-50);--x-soft:var(--buildpress-color-cd-navy-700);--x-line:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 20%,transparent)}
body .rsx.rsx-dark{--x-accent-on-dark:color-mix(in srgb,var(--buildpress-color-cd-red) 58%,var(--buildpress-color-cd-white))}
body .rsx.rsx-dark .rsx-title em{color:var(--site-tone-soft,var(--buildpress-color-cd-navy-50));color:var(--x-accent-on-dark)}
body .rsx.rsx-soft{--x-bg:var(--buildpress-color-cd-wash);--x-soft:var(--buildpress-color-cd-white)}
body .rsx .rsx-light{--x-bg:var(--buildpress-color-cd-white);--x-ink:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));--x-ink-raw:var(--buildpress-color-cd-navy);--x-text:var(--buildpress-color-cd-text);--x-soft:var(--buildpress-color-cd-wash);--x-line:var(--buildpress-color-cd-line);background:var(--x-bg);color:var(--x-ink)}
/* Featured Products 1-5 (redesigned) */
html body .rsx-fprod h3{margin:0}
html body .rsx-fprod .fp-note{margin-top:14px;font-size:var(--buildpress-font-size-125,12.5px);color:var(--x-text)}
html body .rsx-fprod :focus-visible{outline:3px solid var(--x-action);outline-offset:3px}
/* 1 grid */
html body .rsx-fp1 .p1-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:clamp(22px,3vw,32px)}
html body .rsx-fp1 .p1-filters{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:var(--x-soft);border:1px solid var(--x-line)}
html body .rsx-fp1 .p1-chip{min-height:38px;padding:8px 16px;border:0;border-radius:999px;background:none;color:var(--x-text);font:600 13.5px/1 var(--buildpress-font-family-body);cursor:pointer;transition:background .2s,color .2s}
html body .rsx-fp1 .p1-chip[aria-pressed="true"]{background:var(--x-dark);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))}
html body .rsx-fp1 .p1-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin:0;padding:0;list-style:none}
html body .rsx-fp1 .p1-card[hidden]{display:none}
html body .rsx-fp1 .p1-grid:not(.is-filtered) .p1-card:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}
html body .rsx-fp1 .p1-grid:not(.is-filtered) .p1-card:first-child .p1-stage{flex:1;aspect-ratio:auto;min-height:300px}
html body .rsx-fp1 .p1-grid:not(.is-filtered) .p1-card:first-child h3{font-size:var(--buildpress-font-size-22,22px)}
html body .rsx-fp1 .p1-card{animation:rsx-p1-in .35s ease}
html body .rsx-fp1 .p1-stage{position:relative;aspect-ratio:1/1.08;border-radius:22px;overflow:hidden;background:var(--x-soft)}
html body .rsx-fp1 .p1-stage img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
html body .rsx-fp1 .p1-card:hover .p1-stage img{transform:scale(1.06)}
html body .rsx-fp1 .p1-badge{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:var(--x-dark);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));font:600 10.5px/1 var(--buildpress-font-family-body);letter-spacing:.1em;text-transform:uppercase}
html body .rsx-fp1 .p1-fav{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--buildpress-color-cd-white) 92%,transparent);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));cursor:pointer;transition:transform .2s,color .2s}
html body .rsx-fp1 .p1-fav .rsx-ic{width:18px;height:18px}
html body .rsx-fp1 .p1-fav:hover{transform:scale(1.08)}
html body .rsx-fp1 .p1-fav[aria-pressed="true"]{color:var(--x-action)}
html body .rsx-fp1 .p1-fav[aria-pressed="true"] .rsx-ic{fill:currentColor}
html body .rsx-fp1 .p1-quick{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:14px;background:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));font:600 14px var(--buildpress-font-family-body);text-decoration:none;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-fp1 .p1-quick .rsx-ic{width:17px;height:17px}
html body .rsx-fp1 .p1-card:hover .p1-quick,html body .rsx-fp1 .p1-quick:focus-visible{opacity:1;transform:none}
@media (hover:none){
 html body .rsx-fp1 .p1-quick{opacity:1;transform:none}
}
html body .rsx-fp1 .p1-b{padding:14px 4px 0}
html body .rsx-fp1 .p1-cat{font:600 10.5px/1.4 var(--buildpress-font-family-body);letter-spacing:.12em;text-transform:uppercase;color:var(--x-action)}
html body .rsx-fp1 .p1-b h3{margin-top:4px;font-size:var(--buildpress-font-size-17,17px)}
html body .rsx-fp1 .p1-d{margin-top:4px;font-size:var(--buildpress-font-size-14,14px);line-height:1.5;color:var(--x-text)}
html body .rsx-fp1 .p1-pr{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px}
html body .rsx-fp1 .p1-pr b{font:600 19px/1 var(--buildpress-font-family-heading);color:var(--x-ink)}
html body .rsx-fp1 .p1-pr span{font-size:var(--buildpress-font-size-12,12px);color:var(--x-text)}
html body .rsx-fp1 .p1-count{margin-top:16px;font-size:var(--buildpress-font-size-135,13.5px);color:var(--x-text)}
/* 2 spotlight */
html body .rsx-fp2 .p2-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(22px,3vw,32px)}
html body .rsx-fp2 .p2-ctrl{display:flex;gap:10px}
html body .rsx-fp2 .p2-nav{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--x-line);border-radius:50%;background:var(--x-bg);color:var(--x-ink);cursor:pointer}
html body .rsx-fp2 .p2-nav:hover{background:var(--x-dark);border-color:var(--x-dark);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))}
html body .rsx-fp2 .p2-nav .rsx-ic{width:18px;height:18px}
html body .rsx-fp2 .p2-stage{border-radius:30px;background:var(--x-bg);border:1px solid var(--x-line);box-shadow:0 30px 60px color-mix(in srgb,var(--buildpress-color-cd-navy-800) 8%,transparent);overflow:hidden}
html body .rsx-fp2 .p2-slide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;animation:rsx-p2-in .45s ease}
html body .rsx-fp2 .p2-img{position:relative;min-height:440px;background:var(--x-soft)}
html body .rsx-fp2 .p2-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body .rsx-fp2 .p2-info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(24px,4vw,48px)}
html body .rsx-fp2 .p2-n{font:600 12px/1 var(--buildpress-font-family-heading);letter-spacing:.08em;color:var(--x-text)}
html body .rsx-fp2 .p2-badge{padding:6px 10px;border-radius:999px;background:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));font:600 10.5px/1 var(--buildpress-font-family-body);letter-spacing:.1em;text-transform:uppercase;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-fp2 .p2-info h3{font:500 clamp(28px,3.6vw,40px)/1.1 var(--buildpress-font-family-heading);letter-spacing:-.03em;color:var(--x-ink)}
html body .rsx-fp2 .p2-d{font-size:var(--buildpress-font-size-16,16px);line-height:1.6;color:var(--x-text)}
html body .rsx-fp2 .p2-spec{display:grid;gap:8px;margin:6px 0 0;padding:0;list-style:none}
html body .rsx-fp2 .p2-spec li{display:flex;gap:10px;align-items:center;font:500 14.5px/1.4 var(--buildpress-font-family-body);color:var(--x-ink)}
html body .rsx-fp2 .p2-spec .rsx-ic{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--x-tint);color:var(--x-action)}
html body .rsx-fp2 .p2-buy{display:flex;align-items:center;gap:18px;width:100%;margin-top:auto;padding-top:22px;border-top:1px solid var(--x-line)}
html body .rsx-fp2 .p2-buy b{font:600 32px/1 var(--buildpress-font-family-heading);color:var(--x-ink)}
html body .rsx-fp2 .p2-thumbs{display:flex;justify-content:center;gap:10px;margin:18px 0 0;padding:0;list-style:none}
html body .rsx-fp2 .p2-th{display:block;width:74px;height:74px;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:pointer;opacity:.5;transition:opacity .2s,box-shadow .2s,transform .2s}
html body .rsx-fp2 .p2-th img{width:100%;height:100%;object-fit:cover}
html body .rsx-fp2 .p2-th:hover{opacity:.85}
html body .rsx-fp2 .p2-th[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 3px var(--x-soft),0 0 0 5px var(--x-action);transform:translateY(-2px)}
/* 3 staff picks */
html body .rsx-fp3 .p3-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:clamp(28px,4.4vw,56px);align-items:start}
html body .rsx-fp3 .p3-side{position:sticky;top:24px}
html body .rsx-fp3 .p3-side .rsx-lead{margin-top:12px}
html body .rsx-fp3 .p3-staff{display:flex;align-items:center;gap:12px;margin:22px 0 0;padding:12px 14px;border-radius:16px;background:var(--x-soft);border:1px solid var(--x-line)}
html body .rsx-fp3 .p3-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));font:600 14px var(--buildpress-font-family-heading);--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-fp3 .p3-staff b{display:block;font:600 14.5px var(--buildpress-font-family-body);color:var(--x-ink)}
html body .rsx-fp3 .p3-staff small{font-size:var(--buildpress-font-size-125,12.5px);color:var(--x-text)}
html body .rsx-fp3 .p3-perks{display:grid;gap:10px;margin:18px 0 24px;padding:0;list-style:none}
html body .rsx-fp3 .p3-perks li{display:flex;gap:10px;align-items:center;font-size:var(--buildpress-font-size-145,14.5px);color:var(--x-ink)}
html body .rsx-fp3 .p3-perks .rsx-ic{width:18px;height:18px;color:var(--x-action)}
html body .rsx-fp3 .p3-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0;list-style:none}
html body .rsx-fp3 .p3-list li:nth-child(even){margin-top:36px}
html body .rsx-fp3 .p3-card{border:1px solid var(--x-line);border-radius:24px;overflow:hidden;background:var(--x-bg);transition:transform .25s,box-shadow .25s}
html body .rsx-fp3 .p3-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px color-mix(in srgb,var(--buildpress-color-cd-navy-800) 10%,transparent)}
html body .rsx-fp3 .p3-img{position:relative;aspect-ratio:4/3}
html body .rsx-fp3 .p3-img img{width:100%;height:100%;object-fit:cover}
html body .rsx-fp3 .p3-tag{position:absolute;left:12px;bottom:12px;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--buildpress-color-cd-white) 94%,transparent);font:600 12px var(--buildpress-font-family-body);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
html body .rsx-fp3 .p3-b{padding:18px 20px 20px}
html body .rsx-fp3 .p3-b h3{font-size:var(--buildpress-font-size-18,18px)}
html body .rsx-fp3 .p3-q{position:relative;margin:12px 0 0;padding:12px 14px 12px 16px;border-left:3px solid var(--x-action);border-radius:0 12px 12px 0;background:var(--x-soft)}
html body .rsx-fp3 .p3-q p{font:italic 500 14px/1.55 var(--buildpress-font-family-body);color:var(--x-ink)}
html body .rsx-fp3 .p3-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
html body .rsx-fp3 .p3-row b{font:600 19px/1 var(--buildpress-font-family-heading);color:var(--x-ink)}
/* 4 dark month */
html body .rsx-fp4 .p4-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(16px,2.6vw,28px);align-items:stretch}
html body .rsx-fp4 .p4-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:28px;overflow:hidden;background:color-mix(in srgb,var(--buildpress-color-cd-white) 5%,transparent);border:1px solid color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 12%,transparent)}
html body .rsx-fp4 .p4-img{position:relative;min-height:460px}
html body .rsx-fp4 .p4-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body .rsx-fp4 .p4-ribbon{position:absolute;left:16px;top:16px;padding:7px 12px;border-radius:999px;background:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));font:600 11px/1 var(--buildpress-font-family-body);letter-spacing:.1em;text-transform:uppercase;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-fp4 .p4-info{display:flex;flex-direction:column;padding:clamp(24px,3.4vw,36px)}
html body .rsx-fp4 .p4-info .rsx-eyebrow{color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 70%,transparent)}
html body .rsx-fp4 .p4-info .rsx-title{color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));font-size:var(--rsx-fs,clamp(28px,3.4vw,38px))}
html body .rsx-fp4 .p4-info .rsx-title em{color:color-mix(in srgb,var(--x-action) 58%,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)))}
html body .rsx-fp4 .p4-d{margin-top:12px;font-size:var(--buildpress-font-size-155,15.5px);line-height:1.6;color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 80%,transparent)}
html body .rsx-fp4 .p4-spec{display:grid;margin:20px 0}
html body .rsx-fp4 .p4-spec div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 12%,transparent);font-size:var(--buildpress-font-size-145,14.5px)}
html body .rsx-fp4 .p4-spec dt{color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 65%,transparent)}
html body .rsx-fp4 .p4-spec dd{margin:0;font-weight:600;color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))}
html body .rsx-fp4 .p4-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}
html body .rsx-fp4 .p4-buy small{display:block;font-size:var(--buildpress-font-size-12,12px);color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 65%,transparent)}
html body .rsx-fp4 .p4-buy b{font:600 36px/1 var(--buildpress-font-family-heading);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))}
html body .rsx-fp4 .p4-side{display:flex;flex-direction:column;padding:22px;border-radius:28px;background:color-mix(in srgb,var(--buildpress-color-cd-white) 5%,transparent);border:1px solid color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 12%,transparent)}
html body .rsx-fp4 .p4-k{font:600 11px/1.4 var(--buildpress-font-family-body);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--x-action) 58%,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)))}
html body .rsx-fp4 .p4-side ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
html body .rsx-fp4 .p4-o{display:flex;align-items:center;gap:12px;padding:8px;border-radius:16px;color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));text-decoration:none;transition:background .2s}
html body .rsx-fp4 .p4-o:hover{background:color-mix(in srgb,var(--buildpress-color-cd-white) 8%,transparent)}
html body .rsx-fp4 .p4-o img{flex:none;width:60px;height:60px;border-radius:14px;object-fit:cover}
html body .rsx-fp4 .p4-o b{display:block;font:600 15px/1.3 var(--buildpress-font-family-body)}
html body .rsx-fp4 .p4-o small{font:600 14px var(--buildpress-font-family-heading);color:color-mix(in srgb,var(--x-action) 58%,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)))}
html body .rsx-fp4 .p4-o>svg{width:16px;height:16px;margin-left:auto;flex:none}
html body .rsx-fp4 .fp-note{color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 60%,transparent)}
html body .rsx-fp4 :focus-visible{outline-color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))}
/* 5 compare */
html body .rsx-fp5 .p5-head{margin-inline:auto;text-align:center;justify-items:center;max-width:640px}
html body .rsx-fp5 .p5-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body .rsx-fp5 .p5-wrap{margin-top:clamp(26px,3.6vw,40px);overflow-x:auto;border-radius:28px;background:var(--x-bg);border:1px solid var(--x-line);box-shadow:0 26px 60px color-mix(in srgb,var(--buildpress-color-cd-navy-800) 8%,transparent)}
html body .rsx-fp5 .p5-tbl{width:100%;min-width:680px;border-collapse:collapse;table-layout:fixed}
html body .rsx-fp5 .p5-tbl th,html body .rsx-fp5 .p5-tbl td{padding:14px 18px;text-align:center;font-size:var(--buildpress-font-size-145,14.5px);color:var(--x-ink);border-bottom:1px solid var(--x-line)}
html body .rsx-fp5 .p5-tbl thead th,html body .rsx-fp5 .p5-corner{vertical-align:bottom;padding-top:22px;border-bottom:2px solid var(--x-ink)}
html body .rsx-fp5 .p5-corner{text-align:left!important;width:22%}
html body .rsx-fp5 .p5-corner span{font:600 11px/1.4 var(--buildpress-font-family-body);letter-spacing:.14em;text-transform:uppercase;color:var(--x-text)}
html body .rsx-fp5 .p5-ph{position:relative;aspect-ratio:4/3;margin-bottom:12px;border-radius:16px;overflow:hidden;background:var(--x-soft)}
html body .rsx-fp5 .p5-ph img{width:100%;height:100%;object-fit:cover}
html body .rsx-fp5 .p5-ph span{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:999px;background:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));font:600 10.5px/1 var(--buildpress-font-family-body);letter-spacing:.08em;text-transform:uppercase;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-fp5 thead b{font:600 16px/1.3 var(--buildpress-font-family-heading)}
html body .rsx-fp5 tbody th{text-align:left!important;font:600 13.5px/1.4 var(--buildpress-font-family-body);color:var(--x-text)}
html body .rsx-fp5 tbody tr:nth-child(odd):not(.p5-cta) td,html body .rsx-fp5 tbody tr:nth-child(odd):not(.p5-cta) th{background:var(--x-soft)}
html body .rsx-fp5 .p5-yes,html body .rsx-fp5 .p5-no{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%}
html body .rsx-fp5 .p5-yes{background:var(--buildpress-color-cd-navy-50);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
html body .rsx-fp5 .p5-no{background:var(--x-tint);color:var(--x-text)}
html body .rsx-fp5 .p5-yes .rsx-ic,html body .rsx-fp5 .p5-no .rsx-ic{width:15px;height:15px}
html body .rsx-fp5 .p5-cta td,html body .rsx-fp5 .p5-cta th{border-bottom:0;padding:18px}
html body .rsx-fp5 .p5-cta .rsx-btn{width:100%}
@media (prefers-reduced-motion:reduce){
 html body .rsx-fprod *{transition:none!important;animation:none!important}
}
@media (max-width:940px){
 html body .rsx-fp2 .p2-slide,html body .rsx-fp3 .p3-grid,html body .rsx-fp4 .p4-grid{grid-template-columns:1fr}
 html body .rsx-fp2 .p2-img{min-height:300px}
 html body .rsx-fp3 .p3-side{position:static}
 html body .rsx-fp1 .p1-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
 html body .rsx-fp3 .p3-list,html body .rsx-fp4 .p4-main{grid-template-columns:1fr}
 html body .rsx-fp3 .p3-list li:nth-child(even){margin-top:0}
 html body .rsx-fp1 .p1-grid{grid-template-columns:1fr}
 html body .rsx-fp1 .p1-grid:not(.is-filtered) .p1-card:first-child{grid-column:auto;grid-row:auto}
 html body .rsx-fp4 .p4-img{min-height:280px}
 html body .rsx-fp2 .p2-th{width:56px;height:56px}
}
@keyframes rsx-p1-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rsx-p2-in{from{opacity:0}to{opacity:1}}

html body .rsx [hidden]{display:none!important}
html body .rsx .rsx-x-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body .rsx .rsx-x-foot{display:flex;justify-content:center;margin-top:clamp(22px,3vw,32px)}
html body .rsx .rsx-title em{font-style:normal}

html body .rsx-fp1 .p1-grid--1{grid-template-columns:minmax(0,420px)}
html body .rsx-fp1 .p1-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
html body .rsx-fp1 .p1-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
html body .rsx-fp1 .p1-quick:hover{color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));background:var(--x-action);--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-fp2 .p2-slide--noimg{grid-template-columns:1fr}
html body .rsx-fp2 .p2-th{background:var(--x-soft);color:var(--x-ink)}
html body .rsx-fp2 .p2-th--txt span{display:grid;place-items:center;height:100%;font:600 14px/1 var(--buildpress-font-family-heading)}
html body .rsx-fp2 .p2-nav:focus:not(:hover){background:var(--x-bg);color:var(--x-ink)}
html body .rsx-fp3 .p3-list--one{grid-template-columns:minmax(0,440px)}
html body .rsx-fp3 .p3-side .rsx-btn{margin-top:22px}
html body .rsx-fp3 .p3-q p{font-style:normal}
html body .rsx-fp4 .p4-grid--solo{grid-template-columns:1fr}
html body .rsx-fp4 .p4-main--noimg{grid-template-columns:1fr}
html body .rsx-fp4 .p4-buy p{margin:0}
html body .rsx-fp4 .p4-all{margin-top:auto;padding-top:16px;color:color-mix(in srgb,var(--x-action) 58%,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)))}
html body .rsx-fp4 .p4-o>svg{width:16px;height:16px}
html body .rsx-fp5 .p5-tbl--1{min-width:0}
html body .rsx-fp5 .p5-tbl--2{min-width:520px}
html body .rsx-fp5 .p5-tbl tbody tr:not(:nth-child(odd)):hover>*,html body .rsx-fp5 .p5-tbl tbody tr.p5-cta:hover>*{background-color:transparent}
html body .rsx-fp5 .p5-tbl{border:0;margin:0}
html body .rsx-fp5 .p5-tbl th,html body .rsx-fp5 .p5-tbl td{border-top:0;border-left:0;border-right:0}


/* == Merged from bp-cd-categories (Product Categories), 2026-10-10 == */
/* CD Product Categories — `body`-prefixed like every CD section. */
body .cd-categories {
	--nx-h2: clamp(1.7rem, 3.2vw, 2.3rem);
	padding: 5.5rem 0;
	background: var(--buildpress-color-cd-surface, var(--buildpress-color-cd-white));
}
body .cd-categories .nx-container { width: 100%; max-width: 81.25rem; margin: 0 auto; padding: 0 1.5rem; }
body .cd-categories .nx-head { max-width: 44rem; margin: 0 auto 3rem; text-align: center; }
body .cd-categories .nx-head--left { margin: 0 0 2rem; text-align: left; }
body .cd-categories .cd-eyebrow { display: inline-flex; align-items: center; gap: 0.5625rem; padding: 0.375rem 0.8125rem; border-radius: 62.4375rem; background: var(--buildpress-color-cd-wash); border: 0.0625rem solid var(--buildpress-color-cd-line); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))); }
body .cd-categories .cd-eyebrow__dot { width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--buildpress-color-cd-red);--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-categories .nx-title { margin: 1rem 0 0; font-size: var(--nx-h2); font-weight: 800; letter-spacing: -0.02em; line-height: 1.18; color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); text-wrap: balance; }
body .cd-categories .nx-text { margin: 0.875rem 0 0; font-size: 1rem; line-height: 1.7; color: var(--buildpress-color-cd-muted); }
body .cd-categories .nx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.9375rem 1.625rem; border-radius: 62.4375rem; background: var(--buildpress-color-cd-red); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))); font-size: 0.95rem; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background 0.2s ease;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-categories .nx-btn:hover { background: var(--buildpress-color-cd-red-700); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))); }
body .cd-categories .nx-btn svg { width: 1.125rem; height: 1.125rem; }
body .cd-categories .nx-btn--ghost { background: transparent; border: 0.125rem solid var(--buildpress-color-cd-line); color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); }
body .cd-categories .nx-btn--ghost:hover { background: var(--buildpress-color-cd-wash); color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); }
@media (max-width: 40rem) {
body .cd-categories { padding: 4rem 0; }
body .cd-categories .nx-container { padding: 0 1.25rem; }
}

/* Image tiles (default) */
body .cd-categories .cd-categories__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
body .cd-categories .cd-categories__item { margin: 0; padding: 0; }
body .cd-categories .cd-categories__tile { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 1.25rem; overflow: hidden; background: var(--buildpress-color-cd-navy-800); color: var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)); text-decoration: none; isolation: isolate; }
body .cd-categories .cd-categories__media { position: absolute; inset: 0; z-index: -1; display: grid; place-items: center; background: var(--buildpress-color-cd-navy-700); color: color-mix(in srgb, var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 40%, transparent); }
body .cd-categories .cd-categories__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
body .cd-categories .cd-categories__media svg { width: 3rem; height: 3rem; }
body .cd-categories .cd-categories__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, color-mix(in srgb, var(--buildpress-color-cd-navy-800) 85%, transparent) 0%, color-mix(in srgb, var(--buildpress-color-cd-navy-800) 10%, transparent) 60%, transparent 100%); }
body .cd-categories a.cd-categories__tile:hover .cd-categories__media img { transform: scale(1.05); }
body .cd-categories .cd-categories__body { position: absolute; left: 1.5rem; right: 4.5rem; bottom: 1.375rem; display: flex; flex-direction: column; gap: 0.25rem; }
body .cd-categories .cd-categories__name { margin: 0; font-size: 1.3rem; font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; color: var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)); }
body .cd-categories .cd-categories__label { font-size: 0.875rem; font-weight: 600; color: color-mix(in srgb, var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 82%, transparent); }
body .cd-categories .cd-categories__go { position: absolute; right: 1.375rem; bottom: 1.375rem; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--buildpress-color-cd-white); color: var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800)); transition: background 0.2s ease, color 0.2s ease; }
body .cd-categories .cd-categories__go svg { width: 1.125rem; height: 1.125rem; }
body .cd-categories a.cd-categories__tile:hover .cd-categories__go { background: var(--buildpress-color-cd-red); color: var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .cd-categories a.cd-categories__tile:focus-visible { outline: 0.1875rem solid var(--buildpress-color-cd-red); outline-offset: 0.1875rem; }
body .cd-categories .cd-categories__foot { display: flex; justify-content: center; margin-top: 2.5rem; }
@media (max-width: 56rem) {
body .cd-categories .cd-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
body .cd-categories .cd-categories__grid { grid-template-columns: minmax(0, 1fr); }
}

/* ---------------- Designs ---------------- */
/* Text cards: compact rows with a small thumbnail */
body .cd-categories.cd-categories--text { background: var(--buildpress-color-cd-wash); }
body .cd-categories.cd-categories--text .cd-categories__tile { display: flex; align-items: center; gap: 1rem; aspect-ratio: auto; padding: 0.875rem 1.25rem 0.875rem 0.875rem; border-radius: 1rem; background: var(--buildpress-color-cd-surface, var(--buildpress-color-cd-white)); border: 0.0625rem solid var(--buildpress-color-cd-line); color: inherit; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
body .cd-categories.cd-categories--text a.cd-categories__tile:hover { border-color: var(--buildpress-color-cd-red); box-shadow: 0 0.625rem 1.75rem color-mix(in srgb, var(--buildpress-color-cd-navy-800) 8%, transparent); }
body .cd-categories.cd-categories--text .cd-categories__media { position: relative; inset: auto; z-index: auto; flex-shrink: 0; width: 4.5rem; height: 4.5rem; border-radius: 0.75rem; overflow: hidden; background: var(--buildpress-color-cd-wash); color: var(--buildpress-color-cd-muted); }
body .cd-categories.cd-categories--text .cd-categories__media::after { display: none; }
body .cd-categories.cd-categories--text .cd-categories__media svg { width: 1.75rem; height: 1.75rem; }
body .cd-categories.cd-categories--text .cd-categories__body { position: static; flex: 1; min-width: 0; }
body .cd-categories.cd-categories--text .cd-categories__name { font-size: 1.075rem; color: var(--buildpress-color-cd-heading, var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy-800))); }
body .cd-categories.cd-categories--text .cd-categories__label { color: var(--buildpress-color-cd-muted); }
body .cd-categories.cd-categories--text .cd-categories__go { position: static; flex-shrink: 0; width: 2.25rem; height: 2.25rem; background: var(--buildpress-color-cd-wash); color: var(--buildpress-color-cd-red); }
body .cd-categories.cd-categories--text .nx-btn--ghost:hover { background: var(--buildpress-color-cd-surface, var(--buildpress-color-cd-white)); }

/* === ReadySite library redesign === */
body .rsx *,body .rsx *::before,body .rsx *::after{box-sizing:border-box}
body .rsx :is(h2,h3,p,figure,blockquote,dl,dd){margin:0}
body .rsx img{max-width:100%}
body .rsx :where(ul,ol){list-style:none;margin:0;padding:0}
body .rsx :where(figcaption,small,cite){font-style:normal}
body .rsx{--x-bg:var(--buildpress-color-cd-white);--x-ink:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));--x-ink-raw:var(--buildpress-color-cd-navy);--x-text:var(--buildpress-color-cd-text);--x-soft:var(--buildpress-color-cd-wash);--x-line:var(--buildpress-color-cd-line);--x-action:var(--buildpress-color-cd-red);--x-action-hover:var(--buildpress-color-cd-red-700);--x-dark:var(--buildpress-color-cd-navy-800);--x-dark-2:var(--buildpress-color-cd-navy-700);--x-tint:var(--buildpress-color-cd-navy-50);position:relative;isolation:isolate;overflow:hidden;background:var(--x-bg);color:var(--x-ink);font:400 16px/1.65 var(--buildpress-font-family-body)}
body .rsx .rsx-wrap{max-width:1240px;margin:0 auto;padding:clamp(48px,7vw,104px) clamp(20px,5vw,64px)}
body .rsx .rsx-eyebrow{display:flex;align-items:center;gap:10px;font:600 11px/1.5 var(--buildpress-font-family-body);letter-spacing:.15em;text-transform:uppercase;color:var(--x-text)}
body .rsx .rsx-eyebrow::before{content:"";width:24px;height:2px;background:currentColor;flex:none}
body .rsx .rsx-title{font:500 clamp(30px,4.2vw,52px)/1.08 var(--buildpress-font-family-heading);letter-spacing:-.045em;color:var(--x-ink);text-wrap:balance;max-width:20ch;margin-top:16px}
body .rsx .rsx-title em{font-style:normal;color:var(--x-action)}
body .rsx .rsx-lead{font-size:var(--buildpress-font-size-17,17px);line-height:1.7;color:var(--x-text);max-width:58ch;margin-top:18px}
body .rsx .rsx-small{font-size:var(--buildpress-font-size-13,13px);line-height:1.6;color:var(--x-text)}
body .rsx .rsx-sample{display:inline-block;font:600 10px/1.4 var(--buildpress-font-family-body);letter-spacing:.12em;text-transform:uppercase;color:var(--x-text);background:var(--x-soft);border:1px dashed var(--x-line);border-radius:999px;padding:4px 10px}
body .rsx .rsx-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
body .rsx .rsx-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--x-action);border-radius:8px;background:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));font:600 14px/1.3 var(--buildpress-font-family-body);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
body .rsx .rsx-btn:hover{background:var(--x-action-hover);border-color:var(--x-action-hover);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)))}
body .rsx .rsx-btn--quiet{background:transparent;color:var(--x-ink);border-color:var(--x-line)}
body .rsx .rsx-btn--quiet:hover{background:var(--x-soft);color:var(--x-ink);border-color:var(--x-text)}
body .rsx .rsx-btn--light{background:var(--buildpress-color-cd-white);border-color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
body .rsx .rsx-btn--light:hover{background:var(--buildpress-color-cd-navy-50);border-color:var(--buildpress-color-cd-navy-50);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
body .rsx .rsx-btn svg{width:16px;height:16px;flex:none}
body .rsx .rsx-link{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.4 var(--buildpress-font-family-body);color:var(--x-action);text-decoration:none}
body .rsx .rsx-link:hover{text-decoration:underline;text-underline-offset:4px}
body .rsx .rsx-link svg{width:15px;height:15px}
body .rsx .rsx-media{position:relative;overflow:hidden;background:var(--x-soft);min-width:0}
body .rsx .rsx-photo{display:block;width:100%;height:100%;object-fit:cover}
body .rsx .rsx-field{display:grid;gap:7px;font:500 13px/1.5 var(--buildpress-font-family-body);color:var(--x-ink);min-width:0}
body .rsx .rsx-field :is(input,select,textarea){width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--buildpress-color-cd-line);border-radius:6px;background:var(--buildpress-color-cd-white);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));font:400 15px/1.5 var(--buildpress-font-family-body)}
body .rsx .rsx-field textarea{min-height:110px;resize:vertical}
body .rsx.rsx-dark{--x-bg:var(--buildpress-color-cd-navy-800);--x-ink:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));--x-ink-raw:var(--buildpress-color-cd-white);--x-text:var(--buildpress-color-cd-navy-50);--x-soft:var(--buildpress-color-cd-navy-700);--x-line:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 20%,transparent)}
body .rsx.rsx-dark{--x-accent-on-dark:color-mix(in srgb,var(--buildpress-color-cd-red) 58%,var(--buildpress-color-cd-white))}
body .rsx.rsx-dark .rsx-title em{color:var(--site-tone-soft,var(--buildpress-color-cd-navy-50));color:var(--x-accent-on-dark)}
body .rsx.rsx-soft{--x-bg:var(--buildpress-color-cd-wash);--x-soft:var(--buildpress-color-cd-white)}
body .rsx .rsx-light{--x-bg:var(--buildpress-color-cd-white);--x-ink:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));--x-ink-raw:var(--buildpress-color-cd-navy);--x-text:var(--buildpress-color-cd-text);--x-soft:var(--buildpress-color-cd-wash);--x-line:var(--buildpress-color-cd-line);background:var(--x-bg);color:var(--x-ink)}
/* Product Categories 1-5 (redesigned) */
html body .rsx-pcat h3{margin:0}
html body .rsx-pcat .pc-note{margin-top:14px;font-size:var(--buildpress-font-size-125,12.5px);color:var(--x-text)}
html body .rsx-pcat :focus-visible{outline:3px solid var(--x-action);outline-offset:3px}
/* 1 bento */
html body .rsx-pc1 .c1-head{display:grid;grid-template-columns:1.2fr 1fr;gap:16px 48px;align-items:end;margin-bottom:clamp(24px,3.4vw,36px)}
html body .rsx-pc1 .c1-side{display:grid;gap:12px;justify-items:start}
html body .rsx-pc1 .c1-side p{font-size:var(--buildpress-font-size-16,16px);line-height:1.65;color:var(--x-text)}
html body .rsx-pc1 .c1-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(170px,19vw,230px);gap:clamp(10px,1.4vw,14px);margin:0;padding:0;list-style:none}
html body .rsx-pc1 .c1-big{grid-column:span 2;grid-row:span 2}
html body .rsx-pc1 .c1-tall{grid-row:span 2}
html body .rsx-pc1 .c1-wide{grid-column:span 2}
html body .rsx-pc1 .c1-a{position:relative;display:block;height:100%;border-radius:22px;overflow:hidden;background:var(--x-dark)}
html body .rsx-pc1 .c1-a img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
html body .rsx-pc1 .c1-a:hover img{transform:scale(1.06)}
html body .rsx-pc1 .c1-lb{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 16px;border-radius:16px;background:color-mix(in srgb,var(--buildpress-color-cd-white) 90%,transparent);backdrop-filter:blur(10px);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
html body .rsx-pc1 .c1-lb b{display:block;font:600 16px/1.25 var(--buildpress-font-family-heading)}
html body .rsx-pc1 .c1-big .c1-lb b{font-size:var(--buildpress-font-size-22,22px)}
html body .rsx-pc1 .c1-lb small{font-size:var(--buildpress-font-size-125,12.5px);color:var(--buildpress-color-cd-muted)}
html body .rsx-pc1 .c1-go{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--buildpress-color-cd-navy);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));transition:background .25s,transform .25s}
html body .rsx-pc1 .c1-go .rsx-ic{width:17px;height:17px}
html body .rsx-pc1 .c1-a:hover .c1-go,html body .rsx-pc1 .c1-a:focus-visible .c1-go{background:var(--x-action);transform:rotate(45deg);--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
/* 2 index */
html body .rsx-pc2 .c2-head{margin-bottom:clamp(20px,3vw,30px)}
html body .rsx-pc2 .c2-wrap{position:relative}
html body .rsx-pc2 .c2-list{margin:0;padding:0;list-style:none;border-top:2px solid var(--x-ink)}
html body .rsx-pc2 .c2-row{position:relative;z-index:1;display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(0,1fr) 90px 44px;gap:18px;align-items:center;padding:clamp(16px,2.2vw,24px) 8px;border-bottom:1px solid var(--x-line);color:var(--x-ink);text-decoration:none;transition:padding .3s,background .3s}
html body .rsx-pc2 .c2-n{font:600 13px/1 var(--buildpress-font-family-heading);color:var(--x-text)}
html body .rsx-pc2 .c2-name{font:500 clamp(24px,3.4vw,40px)/1.1 var(--buildpress-font-family-heading);letter-spacing:-.03em;transition:color .25s,transform .3s}
html body .rsx-pc2 .c2-sub{font-size:var(--buildpress-font-size-14,14px);color:var(--x-text)}
html body .rsx-pc2 .c2-ct{font:600 13px var(--buildpress-font-family-body);color:var(--x-text);text-align:right}
html body .rsx-pc2 .c2-go{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--x-line);transition:background .25s,color .25s,border-color .25s,transform .25s}
html body .rsx-pc2 .c2-go .rsx-ic{width:18px;height:18px}
html body .rsx-pc2 .c2-row:hover,html body .rsx-pc2 .c2-row:focus-visible{background:var(--x-soft)}
html body .rsx-pc2 .c2-row:hover .c2-name,html body .rsx-pc2 .c2-row:focus-visible .c2-name{color:var(--x-action);transform:translateX(8px)}
html body .rsx-pc2 .c2-row:hover .c2-go,html body .rsx-pc2 .c2-row:focus-visible .c2-go{background:var(--x-action);border-color:var(--x-action);color:var(--buildpress-color-cd-on-brand,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)));transform:rotate(45deg);--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-pc2 .c2-float{position:absolute;left:0;top:0;z-index:2;width:240px;aspect-ratio:4/3;margin:0;border-radius:18px;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(-4deg);box-shadow:0 26px 50px color-mix(in srgb,var(--buildpress-color-cd-navy-800) 30%,transparent);transition:opacity .25s,transform .3s}
html body .rsx-pc2 .c2-float.is-on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}
html body .rsx-pc2 .c2-float img{width:100%;height:100%;object-fit:cover}
/* 3 switcher */
html body .rsx-pc3 .c3-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(24px,4vw,48px);align-items:stretch}
html body .rsx-pc3 .c3-side .rsx-lead{margin-top:12px}
html body .rsx-pc3 .c3-tabs{display:grid;gap:6px;margin:22px 0 0;padding:0;list-style:none}
html body .rsx-pc3 .c3-tabs button{display:flex;align-items:center;gap:14px;width:100%;padding:8px 14px 8px 8px;border:1px solid transparent;border-radius:16px;background:none;text-align:left;cursor:pointer;color:var(--x-ink);transition:background .2s,border-color .2s,box-shadow .2s}
html body .rsx-pc3 .c3-tabs button:hover{background:var(--x-soft)}
html body .rsx-pc3 .c3-tabs [aria-selected="true"]{background:var(--x-bg);border-color:var(--x-line);box-shadow:0 12px 28px color-mix(in srgb,var(--buildpress-color-cd-navy-800) 8%,transparent)}
html body .rsx-pc3 .c3-tabs img{width:52px;height:52px;border-radius:12px;object-fit:cover;filter:grayscale(.6);transition:filter .2s}
html body .rsx-pc3 .c3-tabs [aria-selected="true"] img{filter:none}
html body .rsx-pc3 .c3-tabs b{display:block;font:600 15.5px/1.3 var(--buildpress-font-family-body)}
html body .rsx-pc3 .c3-tabs small{font-size:var(--buildpress-font-size-125,12.5px);color:var(--x-text)}
html body .rsx-pc3 .c3-tabs [aria-selected="true"] b{color:var(--x-action)}
html body .rsx-pc3 .c3-stage{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:var(--x-dark)}
html body .rsx-pc3 .c3-panel{position:absolute;inset:0;animation:rsx-c3-in .5s ease}
html body .rsx-pc3 .c3-panel>img{width:100%;height:100%;object-fit:cover}
html body .rsx-pc3 .c3-info{position:absolute;left:20px;right:20px;bottom:20px;max-width:440px;padding:22px;border-radius:20px;background:color-mix(in srgb,var(--buildpress-color-cd-white) 94%,transparent);backdrop-filter:blur(12px);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
html body .rsx-pc3 .c3-k{font:600 10.5px/1.4 var(--buildpress-font-family-body);letter-spacing:.14em;text-transform:uppercase;color:var(--x-action)}
html body .rsx-pc3 .c3-info h3{margin-top:4px;font-size:var(--rsx-fs,clamp(24px,2.8vw,30px));color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy))}
html body .rsx-pc3 .c3-info>p:not(.c3-k){margin-top:6px;font-size:var(--buildpress-font-size-145,14.5px);line-height:1.55;color:var(--buildpress-color-cd-text)}
html body .rsx-pc3 .c3-info ul{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px;padding:0;list-style:none}
html body .rsx-pc3 .c3-info ul a{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--buildpress-color-cd-line);font:600 12.5px var(--buildpress-font-family-body);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));text-decoration:none}
html body .rsx-pc3 .c3-info ul a:hover{border-color:var(--buildpress-color-cd-navy)}
/* 4 dark featured */
html body .rsx-pc4 .c4-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:stretch}
html body .rsx-pc4 .c4-feat{position:relative;display:flex;min-height:540px;border-radius:28px;overflow:hidden;color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));text-decoration:none}
html body .rsx-pc4 .c4-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
html body .rsx-pc4 .c4-feat:hover img{transform:scale(1.05)}
html body .rsx-pc4 .c4-fo{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;width:100%;padding:clamp(22px,3.4vw,36px);background:linear-gradient(180deg,color-mix(in srgb,var(--buildpress-color-cd-navy-800) 0%,transparent) 30%,color-mix(in srgb,var(--buildpress-color-cd-navy-800) 92%,transparent))}
html body .rsx-pc4 .c4-badge{padding:6px 11px;border-radius:999px;background:var(--x-action);font:600 10.5px/1 var(--buildpress-font-family-body);letter-spacing:.1em;text-transform:uppercase;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-pc4 .c4-ft{font:500 clamp(34px,4.6vw,52px)/1 var(--buildpress-font-family-heading);letter-spacing:-.03em}
html body .rsx-pc4 .c4-fp{max-width:40ch;font-size:var(--buildpress-font-size-155,15.5px);color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 85%,transparent)}
html body .rsx-pc4 .c4-chips{display:flex;flex-wrap:wrap;gap:6px}
html body .rsx-pc4 .c4-chips i{padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--buildpress-color-cd-white) 14%,transparent);backdrop-filter:blur(6px);font:600 12.5px var(--buildpress-font-family-body);font-style:normal}
html body .rsx-pc4 .c4-cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:12px 18px;border-radius:999px;background:var(--buildpress-color-cd-white);color:var(--buildpress-color-cd-heading,var(--buildpress-color-cd-navy));font:600 14px var(--buildpress-font-family-body)}
html body .rsx-pc4 .c4-cta svg{width:16px;height:16px}
html body .rsx-pc4 .c4-side{display:flex;flex-direction:column}
html body .rsx-pc4 .c4-list{display:grid;gap:8px;margin:20px 0 16px;padding:0;list-style:none}
html body .rsx-pc4 .c4-row{display:flex;align-items:center;gap:14px;padding:8px 14px 8px 8px;border-radius:16px;background:color-mix(in srgb,var(--buildpress-color-cd-white) 5%,transparent);border:1px solid color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 10%,transparent);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));text-decoration:none;transition:background .2s,border-color .2s}
html body .rsx-pc4 .c4-row:hover{background:color-mix(in srgb,var(--buildpress-color-cd-white) 10%,transparent);border-color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 28%,transparent)}
html body .rsx-pc4 .c4-row img{width:56px;height:56px;border-radius:12px;object-fit:cover}
html body .rsx-pc4 .c4-row b{display:block;font:600 15.5px/1.3 var(--buildpress-font-family-body)}
html body .rsx-pc4 .c4-row small{font-size:var(--buildpress-font-size-125,12.5px);color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 65%,transparent)}
html body .rsx-pc4 .c4-go{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--buildpress-color-cd-white) 10%,transparent);transition:background .2s,transform .2s}
html body .rsx-pc4 .c4-go .rsx-ic{width:15px;height:15px}
html body .rsx-pc4 .c4-row:hover .c4-go{background:var(--x-action);transform:rotate(45deg);--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
html body .rsx-pc4 .c4-all{margin-top:auto;color:color-mix(in srgb,var(--x-action) 58%,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)))}
html body .rsx-pc4 .pc-note{color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 60%,transparent)}
html body .rsx-pc4 :focus-visible{outline-color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))}
/* 5 rail */
html body .rsx-pc5 .c5-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(22px,3vw,32px)}
html body .rsx-pc5 .c5-ctrl{display:flex;gap:10px}
html body .rsx-pc5 .c5-nav{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--x-line);border-radius:50%;background:var(--x-bg);color:var(--x-ink);cursor:pointer}
html body .rsx-pc5 .c5-nav:hover:not(:disabled){background:var(--x-dark);border-color:var(--x-dark);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white))}
html body .rsx-pc5 .c5-nav:disabled{opacity:.35;cursor:default}
html body .rsx-pc5 .c5-nav .rsx-ic{width:18px;height:18px}
html body .rsx-pc5 .c5-track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0 -4px;padding:4px}
html body .rsx-pc5 .c5-track::-webkit-scrollbar{display:none}
html body .rsx-pc5 .c5-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;margin:0;padding:0;list-style:none}
html body .rsx-pc5 .c5-card{scroll-snap-align:start}
html body .rsx-pc5 .c5-card a{position:relative;display:block;aspect-ratio:3/4.3;border-radius:24px;overflow:hidden;background:var(--x-dark);color:var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white));text-decoration:none}
html body .rsx-pc5 .c5-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
html body .rsx-pc5 .c5-card a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--buildpress-color-cd-navy-800) 10%,transparent),color-mix(in srgb,var(--buildpress-color-cd-navy-800) 0%,transparent) 40%,color-mix(in srgb,var(--buildpress-color-cd-navy-800) 85%,transparent))}
html body .rsx-pc5 .c5-card a:hover img{transform:scale(1.06)}
html body .rsx-pc5 .c5-n{position:absolute;left:16px;top:16px;z-index:1;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--buildpress-color-cd-white) 18%,transparent);backdrop-filter:blur(6px);font:600 12px/1 var(--buildpress-font-family-heading)}
html body .rsx-pc5 .c5-lb{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;display:grid;gap:2px}
html body .rsx-pc5 .c5-lb b{font:600 21px/1.2 var(--buildpress-font-family-heading)}
html body .rsx-pc5 .c5-lb small{font-size:var(--buildpress-font-size-13,13px);color:color-mix(in srgb,var(--buildpress-color-cd-on-dark,var(--buildpress-color-cd-white)) 75%,transparent)}
html body .rsx-pc5 .c5-go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:600 13.5px var(--buildpress-font-family-body);opacity:.85;transition:opacity .2s,gap .2s}
html body .rsx-pc5 .c5-go svg{width:15px;height:15px}
html body .rsx-pc5 .c5-card a:hover .c5-go{opacity:1;gap:10px}
html body .rsx-pc5 .c5-bar{height:3px;margin-top:18px;border-radius:3px;background:var(--x-line);overflow:hidden}
html body .rsx-pc5 .c5-bar i{display:block;height:100%;width:40%;border-radius:3px;background:var(--x-action);transition:margin-left .2s;--buildpress-color-cd-on-dark:var(--buildpress-color-cd-on-brand,#FFFFFF)}
@media (prefers-reduced-motion:reduce){
 html body .rsx-pcat *{transition:none!important;animation:none!important}
 html body .rsx-pc5 .c5-track{scroll-behavior:auto}
}
@media (max-width:940px){
 html body .rsx-pc1 .c1-head,html body .rsx-pc3 .c3-grid,html body .rsx-pc4 .c4-grid{grid-template-columns:1fr}
 html body .rsx-pc1 .c1-grid{grid-template-columns:1fr 1fr}
 html body .rsx-pc1 .c1-tall{grid-row:auto}
 html body .rsx-pc2 .c2-row{grid-template-columns:36px minmax(0,1fr) 44px}
 html body .rsx-pc2 .c2-sub,html body .rsx-pc2 .c2-ct,html body .rsx-pc2 .c2-float{display:none}
 html body .rsx-pc3 .c3-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
 html body .rsx-pc3 .c3-tabs button{width:auto;white-space:nowrap}
 html body .rsx-pc3 .c3-stage{min-height:460px}
 html body .rsx-pc4 .c4-feat{min-height:420px}
 html body .rsx-pc5 .c5-list{grid-auto-columns:calc((100% - 16px)/2.2)}
}
@media (max-width:600px){
 html body .rsx-pc1 .c1-grid{grid-template-columns:1fr;grid-auto-rows:200px}
 html body .rsx-pc1 .c1-big,html body .rsx-pc1 .c1-wide{grid-column:auto;grid-row:auto}
 html body .rsx-pc5 .c5-list{grid-auto-columns:75%}
}
@keyframes rsx-c3-in{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}

html body .rsx [hidden]{display:none!important}
html body .rsx .rsx-x-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body .rsx .rsx-x-foot{display:flex;justify-content:center;margin-top:clamp(22px,3vw,32px)}
html body .rsx .rsx-title em{font-style:normal}

html body .rsx-pc1 .c1-one{grid-column:1/-1}
html body .rsx-pc1 .c1-head:has(> :only-child){grid-template-columns:1fr}
html body .rsx-pcat a:not([href]){cursor:default}
html body .rsx-pc3 .c3-all{margin-top:18px}
html body .rsx-pc3 .c3-tabs button:focus:not(:hover):not([aria-selected="true"]){background:none}
html body .rsx-pc4 .c4-grid--solo{grid-template-columns:1fr}
html body .rsx-pc4 .c4-grid--solo .c4-feat{min-height:440px}
html body .rsx-pc4 .c4-list:last-child{margin-bottom:0}
html body .rsx-pc5 .c5-nav:focus:not(:hover){background:var(--x-bg);color:var(--x-ink)}
html body .rsx-pc3 .c3-grid>*{min-width:0}
@media (max-width:980px){html body .rsx-pc3 .c3-grid,html body .rsx-pc4 .c4-grid,html body .rsx-pc1 .c1-head{grid-template-columns:minmax(0,1fr)}}



/* tone-split */

/* tone-split-2 */

/* ink-raw */