/* Liquid Lens adapter: deletedinchina main-site mockups (mockups/style.css +
   each page's inline <style> block). Loaded after liquid-lens.css. These
   pages have no <main> -- .wrap is the flex-grow element for the sticky
   footer. Three of the six pages set a literal footer style="margin-top:28px"
   (a presentational gap, not content); !important is needed here to win over
   that inline style so the footer still sticks to the viewport bottom. */

.wrap{flex:1 0 auto}
footer{margin-top:auto!important}

.card{
  position:relative;border:1px solid transparent;border-radius:var(--lq-glass-radius);
  background:var(--lq-glass-bg) padding-box,var(--lq-glass-border) border-box;
  backdrop-filter:blur(var(--lq-glass-blur));-webkit-backdrop-filter:blur(var(--lq-glass-blur));
  box-shadow:var(--lq-glass-shadow);
}

/* dark CTA panels (homepage "Get the data", story-page data strip) get a
   dark glass treatment to match the footer, not a white glass that would
   wreck their light-on-dark contrast */
.cta,.ctab{
  position:relative;border:1px solid rgba(255,255,255,.08);
  background:var(--lq-dark-glass-bg);backdrop-filter:blur(var(--lq-glass-blur-sm));-webkit-backdrop-filter:blur(var(--lq-glass-blur-sm));
}

/* top status bar: same dark glass treatment as footer */
.top{background:var(--lq-dark-glass-bg);backdrop-filter:blur(var(--lq-glass-blur-sm));-webkit-backdrop-filter:blur(var(--lq-glass-blur-sm))}

/* 中共不代表中国人 / Take Down the CCP block: keep its dashed border (stays
   visually separate from reporting cards) but add a glass backdrop */
.ncv,.ncvt{
  position:relative;background:var(--lq-glass-bg) padding-box;
  backdrop-filter:blur(var(--lq-glass-blur));-webkit-backdrop-filter:blur(var(--lq-glass-blur));
}
.ncv .ent{
  position:relative;border:1px solid transparent;border-radius:8px;
  background:var(--lq-glass-bg-strong) padding-box,var(--lq-glass-border) border-box;
}

.list .row{border-bottom-color:rgba(238,238,238,.7)}

@media (max-width:720px){
  .card,.cta,.ctab,.top,.ncv,.ncvt,.ncv .ent{
    backdrop-filter:blur(var(--lq-glass-blur-sm));-webkit-backdrop-filter:blur(var(--lq-glass-blur-sm));
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .card{background:rgba(255,255,255,.97)}
  .cta,.ctab,.top{background:#111}
  .ncv,.ncvt{background:#f1efe9}
  .ncv .ent{background:#fff}
}

/* springy hover on primary buttons */
.btn{transition:transform .3s var(--lq-spring-ease),box-shadow .3s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 26px rgba(30,30,25,.14)}

@media (prefers-reduced-motion:reduce){
  .btn{transition:none!important}
}