/*
 * Shared landing controls.
 *
 * Every human-facing control uses the same geometry and interaction language.
 * Command bars are a separate, consistent pattern with an integrated action.
 */

html[data-design-system="halde"] .btn,
html[data-design-system="halde"] .btn2,
html[data-design-system="halde"] .breadth-chip,
html[data-design-system="halde"] .breadth-action .breadth-browse,
html[data-design-system="halde"] .trace-rebuild,
html[data-design-system="halde"] .hero-next-cue button{
  width:auto;
  height:var(--control-height);
  min-height:var(--control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 var(--control-pad);
  border:1px solid var(--control-border);
  border-radius:0!important;
  background:var(--control-bg);
  box-shadow:none!important;
  color:var(--control-text);
  font-family:var(--font-editorial)!important;
  font-size:10px;
  font-weight:600;
  letter-spacing:.045em;
  line-height:1;
  text-decoration:none;
  text-transform:uppercase;
}

html[data-design-system="halde"] .btn:not([href="/feed"]){
  border-color:var(--text-primary);
  background:var(--text-primary);
  color:var(--bg-page);
}

html[data-design-system="halde"] .btn:hover,
html[data-design-system="halde"] .btn:focus-visible,
html[data-design-system="halde"] .btn2:hover,
html[data-design-system="halde"] .btn2:focus-visible,
html[data-design-system="halde"] .breadth-chip:hover,
html[data-design-system="halde"] .trace-rebuild:hover,
html[data-design-system="halde"] .hero-next-cue button:hover{
  border-color:var(--accent)!important;
  background:var(--accent)!important;
  color:var(--text-on-accent)!important;
}

html[data-design-system="halde"] .breadth-chip.is-active{
  border-color:var(--text-primary);
  background:var(--text-primary);
  color:var(--bg-page);
}

html[data-design-system="halde"] .mastnav .btn2.sm,
html[data-design-system="halde"] .trace-rebuild,
html[data-design-system="halde"] .hero-next-cue button{
  height:var(--control-height-small);
  min-height:var(--control-height-small);
  padding-inline:11px;
}

html[data-design-system="halde"] .closing-links a,
html[data-design-system="halde"] .closing-links .ta{
  min-height:56px;
  padding:0 14px;
  font-family:var(--font-editorial)!important;
  font-size:10px;
  font-weight:600;
  letter-spacing:.045em;
}