/* High-DPI whitespace pass. Atmosphere sits behind the page; text columns stay empty. */
html{background:#080a10}
body.theme-gpu-ai,
body.theme-ai-workstations,
body.theme-creator-tech,
body.theme-edge-ai,
body.theme-qwen38-27b,
body.admin-shell{
  position:relative;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}
body::before{
  background:#080a10 url("/assets/bg-hero-20260909.jpg") right center / cover no-repeat;
  opacity:.22;
}
body::after{
  background-image:url("/assets/bg-grain-20260909.jpg");
  background-size:320px 320px;
  opacity:.07;
  mix-blend-mode:overlay;
}
.site-header,main,footer,.skip-link{position:relative;z-index:1}
.hero{padding:clamp(3rem,8vw,7rem) clamp(1.5rem,6vw,5rem) clamp(2.5rem,5vw,4.5rem)}
.hero-copy{max-width:40rem}
.hero h1{
  font-size:clamp(2rem,.8rem + 3.2vw,3.4rem);
  line-height:1.12;
  letter-spacing:-.03em;
  text-wrap:balance;
  max-width:18ch;
}
.hero-description{
  max-width:42rem;
  font-size:clamp(1.05rem,.95rem + .4vw,1.2rem);
  line-height:1.65;
  text-wrap:pretty;
}
.affiliate-note,.product-updated,.disclosure-near-link{max-width:42rem}
.catalog-toolbar,.category-chips,.deal-section,.section-heading{
  padding-left:clamp(1.5rem,6vw,5rem);
  padding-right:clamp(1.5rem,6vw,5rem);
}
.deal-section{padding-top:2.5rem;padding-bottom:4rem}
.product-card{gap:clamp(1.25rem,3vw,2.25rem);padding:clamp(1rem,2vw,1.5rem) 0}
.product-body p,.product-rationale p,.product-specs,.note-panel p{
  max-width:62ch;
  line-height:1.6;
  text-wrap:pretty;
}
.note-grid{gap:1.75rem;margin:1.75rem 0}
.note-panel{background:transparent;border-color:#2a3144;padding:1.25rem 0;border-left:none;border-right:none;border-radius:0}
.note-limitation{background:transparent}
.note-layout{gap:clamp(1.5rem,4vw,3rem)}
.note-hero-actions{margin-top:1.5rem}
footer{padding:3rem clamp(1.5rem,6vw,5rem)}
.admin-wrap{max-width:46rem;padding:clamp(2rem,6vw,4rem) clamp(1.5rem,5vw,3rem)}
.admin-wrap h1{text-wrap:balance;letter-spacing:-.02em}
.admin-wrap p,.admin-wrap li{max-width:62ch;line-height:1.65}
@media(min-width:1400px){
  .hero-copy{max-width:44rem}
  body::before{background-size:cover}
}
@media(prefers-reduced-motion:reduce){
  body::before,body::after{position:absolute}
}
@media(max-width:800px){
  body::before{opacity:.12;background-position:70% center}
}