/* CL_PUBLIC_SCOPED_PAGE_SHELL_V1
   S26: outer gate also uses :where() to keep shell specificity minimal
   S25: selectors intentionally use :where() to keep specificity low
   Shared page rhythm for CryptoLookout pages.
   Collision-safe by design:
   styles apply only inside [data-cl-page-shell="v1"].
   No /radar unless explicitly migrated later.
*/

[data-cl-page-shell="v1"]{
  --cl-shell-max: 1180px;
  --cl-shell-pad-x: clamp(18px, 3vw, 32px);
  --cl-shell-pad-y: clamp(22px, 4vw, 52px);
  --cl-shell-gap: clamp(18px, 3vw, 32px);
  --cl-shell-radius: 28px;
  --cl-shell-card-radius: 24px;
  --cl-shell-muted: var(--cl-muted, #64748b);
  --cl-shell-accent: var(--cl-accent, #2563eb);
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-page){
  width: min(var(--cl-shell-max), calc(100% - (var(--cl-shell-pad-x) * 2)));
  margin-inline: auto;
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-main){
  padding-block: var(--cl-shell-pad-y);
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-hero){
  margin: 0 0 clamp(24px, 4vw, 44px);
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-hero-grid){
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: var(--cl-shell-gap);
  align-items: stretch;
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-kicker){
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--cl-shell-accent);
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-title){
  margin: 10px 0 0;
  font-size: clamp(2.1rem, 5vw, 4.4rem);
  line-height: .97;
  letter-spacing: -.055em;
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-copy){
  margin: 16px 0 0;
  max-width: 760px;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.65;
  color: var(--cl-shell-muted);
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-actions){
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-section){
  margin-top: clamp(24px, 4vw, 48px);
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-section-head){
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 16px;
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-card){
  border-radius: var(--cl-shell-card-radius);
}

:where([data-cl-page-shell="v1"]) :where(.cl-shell-grid){
  display: grid;
  gap: var(--cl-shell-gap);
}

@media (max-width: 860px){
  :where([data-cl-page-shell="v1"]) :where(.cl-shell-hero-grid){
    grid-template-columns: 1fr;
  }

  :where([data-cl-page-shell="v1"]) :where(.cl-shell-title){
    font-size: clamp(2rem, 12vw, 3.25rem);
  }

  :where([data-cl-page-shell="v1"]) :where(.cl-shell-section-head){
    align-items: start;
    flex-direction: column;
  }
}