/* Organization library — four concrete jobs, four teams, one shared place
   for the methods that worked. */

html[data-design-system="halde"] .stack>.pnl.breadth-stage.f-bone{
  color:var(--text-primary);
  border-top:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);
  background:var(--bg-page);
}

html[data-design-system="halde"] .breadth-kicker{
  display:block;
  margin-bottom:16px;
  color:var(--accent);
  opacity:1;
}

html[data-design-system="halde"] .landing-page .breadth-heading h2.ds-title--section{
  max-width:12ch;
  margin:0;
}

html[data-design-system="halde"] .landing-page .breadth-heading .ds-intro-body{
  max-width:51ch;
}

html[data-design-system="halde"] .landing-page .breadth-heading{
  border-bottom:0;
}

html[data-design-system="halde"] .breadth-workbench{
  width:100%;
  overflow:hidden;
  color:var(--text-primary);
  border:1px solid color-mix(in srgb,var(--text-primary) 16%,transparent);
  border-radius:0;
  background:var(--bg-surface);
  box-shadow:0 24px 64px color-mix(in srgb,var(--text-primary) 10%,transparent);
}

html[data-design-system="halde"] .breadth-workbench-head{
  min-height:60px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:13px 20px;
  border-bottom:1px solid color-mix(in srgb,var(--text-primary) 14%,transparent);
  background:color-mix(in srgb,var(--bg-paper) 48%,var(--bg-surface));
}

html[data-design-system="halde"] .breadth-workbench-head>.lab{
  color:color-mix(in srgb,var(--text-primary) 64%,transparent);
  opacity:1;
}

html[data-design-system="halde"] .breadth-workbench-head>.lab:last-child{text-align:right}

html[data-design-system="halde"] .org-dots{
  display:inline-flex;
  gap:7px;
}

html[data-design-system="halde"] .org-dots i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:color-mix(in srgb,var(--text-primary) 24%,transparent);
}

html[data-design-system="halde"] .org-dots i:first-child{background:var(--accent)}

html[data-design-system="halde"] .breadth-switcher{
  min-height:76px;
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  align-items:stretch;
  border-bottom:1px solid color-mix(in srgb,var(--text-primary) 14%,transparent);
}

html[data-design-system="halde"] .breadth-switcher>.lab{
  display:flex;
  align-items:center;
  padding:0 22px;
  color:color-mix(in srgb,var(--text-primary) 58%,transparent);
  border-right:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);
  opacity:1;
}

html[data-design-system="halde"] .breadth-tabs{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:8px;
}

html[data-design-system="halde"] .breadth-tab{
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  padding:10px 15px;
  color:color-mix(in srgb,var(--text-primary) 62%,transparent);
  border:1px solid transparent;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:left;
  transition:color .18s ease,background-color .18s ease,border-color .18s ease;
}

html[data-design-system="halde"] .breadth-tab span{
  font:650 13px/1 var(--font-editorial);
  letter-spacing:.01em;
}

html[data-design-system="halde"] .breadth-tab small{
  font:600 8px/1 var(--font-technical);
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.62;
}

html[data-design-system="halde"] .breadth-tab:hover:not(.is-active){
  color:var(--text-primary);
  border-color:color-mix(in srgb,var(--text-primary) 12%,transparent);
  background:color-mix(in srgb,var(--bg-surface-muted) 52%,transparent);
}

html[data-design-system="halde"] .breadth-tab.is-active{
  color:var(--text-on-accent);
  border-color:var(--accent);
  background:var(--accent-fill);
}

html[data-design-system="halde"] .breadth-tab.is-active:is(:hover,:focus-visible){
  color:var(--text-on-accent);
  border-color:var(--accent);
  background:var(--editorial-highlight);
  outline:none;
  box-shadow:inset 0 -3px 0 var(--accent);
}

html[data-theme="dark"][data-design-system="halde"] .breadth-tab.is-active{
  color:var(--text-on-accent);
  background:var(--accent);
}

html[data-theme="dark"][data-design-system="halde"] .breadth-tab.is-active:is(:hover,:focus-visible){
  background:var(--editorial-highlight);
  box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--text-on-accent) 28%,transparent);
}

@media (prefers-color-scheme:dark){
  html[data-theme="system"][data-design-system="halde"] .breadth-tab.is-active{
    color:var(--text-on-accent);
    background:var(--accent);
  }

  html[data-theme="system"][data-design-system="halde"] .breadth-tab.is-active:is(:hover,:focus-visible){
    background:var(--editorial-highlight);
    box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--text-on-accent) 28%,transparent);
  }
}

html[data-design-system="halde"] .breadth-live{
  position:relative;
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,1.8fr) minmax(285px,.55fr);
  align-items:stretch;
}

html[data-design-system="halde"] .breadth-live::after{
  content:"→";
  position:absolute;
  z-index:5;
  top:50%;
  left:calc(76.5% - 23px);
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  color:var(--text-primary);
  border:5px solid var(--bg-surface);
  border-radius:50%;
  background:var(--accent-soft);
  box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 18%,transparent);
  font:650 17px/1 var(--font-technical);
}

html[data-design-system="halde"] .breadth-theater,
html[data-design-system="halde"] .breadth-mint{
  min-width:0;
  padding:24px clamp(24px,2.8vw,40px) 30px;
}

html[data-design-system="halde"] .breadth-theater{
  display:flex;
  flex-direction:column;
  border-right:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);
}

html[data-design-system="halde"] .breadth-pane-label{
  min-height:28px;
  display:flex;
  align-items:flex-start;
  color:var(--accent);
  opacity:1;
}

html[data-design-system="halde"] .breadth-theater>#domain-terminal,
html[data-design-system="halde"] .breadth-theater .lt-wrap,
html[data-design-system="halde"] .breadth-theater .lt-strip{
  width:100%;
  min-height:0;
  flex:1 1 auto;
}

html[data-design-system="halde"] .breadth-theater>#domain-terminal,
html[data-design-system="halde"] .breadth-theater .lt-wrap{
  display:flex;
  flex-direction:column;
}

html[data-design-system="halde"] .breadth-theater .lt-strip{
  display:flex;
  flex-direction:column;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

html[data-design-system="halde"] .breadth-theater .lt-window{
  --lt-ink:#f1f0e9;
  --lt-dim:rgba(241,240,233,.64);
  --lt-faint:rgba(241,240,233,.4);
  --lt-line:rgba(241,240,233,.14);
  --lt-accent:#b6ff3c;
  --lt-ok:#72bf91;
  --lt-bad:#ff765d;
  min-height:455px;
  flex:1 1 auto;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  color:var(--lt-ink);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:#1d201f;
  box-shadow:0 22px 54px color-mix(in srgb,var(--text-primary) 18%,transparent);
}

html[data-design-system="halde"] .breadth-theater .lt-titlebar{
  min-height:54px;
  padding-inline:18px;
  color:var(--lt-dim);
  border-bottom:1px solid var(--lt-line);
  background:#171918;
}

html[data-design-system="halde"] .breadth-theater .lt-body{
  height:auto;
  min-height:330px;
  padding:28px 24px;
  color:var(--lt-ink);
  background:#1d201f;
  font-size:clamp(12px,.9vw,14px);
  line-height:1.65;
}

html[data-design-system="halde"] .breadth-theater :is(.lt-line,.lt-gate,.lt-gate em,.lt-promptrow,.lt-typed,.lt-time){color:var(--lt-ink)}
html[data-design-system="halde"] .breadth-theater .lt-line.ok{color:var(--lt-ok)}
html[data-design-system="halde"] .breadth-theater :is(.lt-line.uri,.lt-caret){color:var(--lt-accent)}

html[data-design-system="halde"] .breadth-theater .lt-line.ask{
  max-width:none;
  margin:0 0 16px;
  padding:0;
  color:var(--lt-ink);
  border:0;
  border-radius:0;
  background:transparent;
}

html[data-design-system="halde"] .breadth-theater .lt-line.ask::before{
  content:"$ ";
  color:var(--lt-accent);
  font-weight:700;
}

html[data-design-system="halde"] .breadth-theater .lt-line.say{
  max-width:none;
  margin:0 0 8px;
  padding:0;
  color:var(--lt-ink);
  border:0;
  border-radius:0;
  background:transparent;
}

html[data-design-system="halde"] .breadth-theater .lt-line.say::before{
  content:"↳ ";
  position:static;
  display:inline;
  width:auto;
  height:auto;
  color:var(--lt-faint);
  border-radius:0;
  background:transparent;
}

html[data-design-system="halde"] .breadth-theater .lt-promptrow{
  min-height:44px;
  margin:0;
  padding:11px 24px;
  color:var(--lt-ink);
  border:0;
  border-top:1px solid var(--lt-line);
  border-radius:0;
  background:#1d201f;
}

html[data-design-system="halde"] .breadth-theater .lt-statusbar{display:none}

html[data-design-system="halde"] .breadth-theater .lt-controls{
  min-height:48px;
  margin:0;
  padding:10px 14px;
  color:var(--lt-dim);
  border-top:1px solid var(--lt-line);
  background:#171918;
}

html[data-design-system="halde"] .breadth-mint{
  display:flex;
  flex-direction:column;
  background:color-mix(in srgb,var(--bg-field) 58%,var(--bg-surface));
}

html[data-design-system="halde"] .breadth-mint-slot{
  position:relative;
  min-height:346px;
  flex:1 1 auto;
  display:grid;
  place-items:center;
  padding:30px 16px 18px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-page));
}

html[data-design-system="halde"] .breadth-mint-ghost{
  position:absolute;
  z-index:4;
  top:15px;
  left:50%;
  width:max-content;
  max-width:calc(100% - 28px);
  transform:translateX(-50%);
  color:color-mix(in srgb,var(--text-primary) 46%,transparent);
  font:650 8px/1 var(--font-technical);
  letter-spacing:.1em;
  text-align:center;
}

html[data-design-system="halde"] .breadth-mint-slot.is-minted .breadth-mint-ghost{
  color:var(--positive);
  font-size:0;
}

html[data-design-system="halde"] .breadth-mint-slot.is-minted .breadth-mint-ghost::after{
  content:"✓ PLAY SAVED TO THE LIBRARY";
  font-size:8px;
}

html[data-design-system="halde"] .breadth-mint-card{
  width:min(100%,300px);
  display:block;
  color:inherit;
  text-decoration:none;
  opacity:1;
  transform:none;
  transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease;
}

html[data-design-system="halde"] .breadth-mint-card.is-assembling{
  pointer-events:none;
  filter:saturate(.28) opacity(.36);
}

html[data-design-system="halde"] .breadth-mint-card.is-assembling :is(.cover-title,.cover-activity,.cover-foot){
  opacity:.12;
  transform:translateY(5px);
  transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);
}

html[data-design-system="halde"] .breadth-mint-slot.has-title .cover-title,
html[data-design-system="halde"] .breadth-mint-slot.has-tools .cover-activity,
html[data-design-system="halde"] .breadth-mint-slot.has-proof .cover-foot{
  opacity:1;
  transform:none;
}

html[data-design-system="halde"] .breadth-mint-slot.is-minted .breadth-mint-card{
  transform:translateY(-3px);
  filter:none;
}

html[data-design-system="halde"] .breadth-mint-ctl{
  min-height:34px;
  display:grid;
  gap:8px;
  padding-top:12px;
  visibility:hidden;
}

html[data-design-system="halde"] .breadth-mint-ctl.is-on{visibility:visible}

html[data-design-system="halde"] .mint-ctl-meta{
  display:block;
  color:color-mix(in srgb,var(--text-primary) 50%,transparent);
  text-align:center;
  opacity:1;
}

html[data-design-system="halde"] .breadth-workbench-foot{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  border-top:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);
}

html[data-design-system="halde"] .breadth-workbench-foot>span,
html[data-design-system="halde"] .breadth-workbench-foot>a{
  min-height:68px;
  display:flex;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  padding:12px 16px;
  border-right:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);
  color:color-mix(in srgb,var(--text-primary) 66%,transparent);
  font:500 10px/1.25 var(--font-editorial);
}

html[data-design-system="halde"] .breadth-workbench-foot b{
  color:var(--text-primary);
  font:650 8px/1 var(--font-technical);
  letter-spacing:.08em;
}

html[data-design-system="halde"] .breadth-workbench-foot>a{
  min-width:168px;
  align-items:center;
  color:var(--text-primary);
  border-right:0;
  background:var(--accent-soft);
  font:650 9px/1 var(--font-technical);
  letter-spacing:.07em;
  text-decoration:none;
}

html[data-design-system="halde"] .breadth-workbench-foot>a:is(:hover,:focus-visible){filter:brightness(.94)}

@media (min-width:961px) and (max-height:800px){
  html[data-design-system="halde"] .breadth-live{min-height:480px}
  html[data-design-system="halde"] .breadth-theater,
  html[data-design-system="halde"] .breadth-mint{padding-block:18px 22px}
  html[data-design-system="halde"] .breadth-theater .lt-window{min-height:390px}
  html[data-design-system="halde"] .breadth-theater .lt-body{height:270px;padding-block:20px}
  html[data-design-system="halde"] .breadth-mint-slot{min-height:290px}
  html[data-design-system="halde"] .breadth-mint-card{width:min(100%,230px)}
}

@media (max-width:1100px){
  html[data-design-system="halde"] .breadth-live{grid-template-columns:minmax(0,1.65fr) minmax(280px,.6fr)}
  /* The proof column has a fixed 280px floor at tablet widths. Anchor the
     transfer control to that actual grid boundary instead of a desktop ratio. */
  html[data-design-system="halde"] .breadth-live::after{left:calc(100% - 303px)}
  html[data-design-system="halde"] .breadth-workbench-foot{grid-template-columns:repeat(4,1fr)}
  html[data-design-system="halde"] .breadth-workbench-foot>a{grid-column:1/-1;min-height:48px}
}

@media (max-width:820px){
  html[data-design-system="halde"] .breadth-workbench-head{grid-template-columns:auto 1fr}
  html[data-design-system="halde"] .breadth-workbench-head>.lab:last-child{grid-column:2;text-align:left}
  html[data-design-system="halde"] .breadth-switcher{grid-template-columns:1fr}
  html[data-design-system="halde"] .breadth-switcher>.lab{min-height:40px;padding:0 16px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent)}
  html[data-design-system="halde"] .breadth-live{grid-template-columns:1fr}
  html[data-design-system="halde"] .breadth-live::after{top:auto;bottom:calc(42% - 23px);left:50%;transform:translate(-50%,50%) rotate(90deg)}
  html[data-design-system="halde"] .breadth-theater{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent)}
  html[data-design-system="halde"] .breadth-mint-slot{min-height:380px}
}

@media (max-width:620px){
  html[data-design-system="halde"] .breadth-workbench{border-radius:14px}
  html[data-design-system="halde"] .breadth-workbench-head{align-items:flex-start;grid-template-columns:auto 1fr;gap:10px;padding:14px 16px}
  html[data-design-system="halde"] .breadth-workbench-head>.lab:last-child{grid-column:1/-1;padding-left:31px;text-align:left}
  html[data-design-system="halde"] .breadth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  html[data-design-system="halde"] .breadth-tab{min-height:54px;padding:9px 12px}
  html[data-design-system="halde"] .breadth-theater,
  html[data-design-system="halde"] .breadth-mint{padding:18px}
  html[data-design-system="halde"] .breadth-theater .lt-window{min-height:420px;border-radius:11px}
  html[data-design-system="halde"] .breadth-theater .lt-body{height:300px;padding:22px 16px;font-size:11px}
  html[data-design-system="halde"] .breadth-theater .lt-line.ask{max-width:none}
  html[data-design-system="halde"] .breadth-mint{padding-top:24px}
  html[data-design-system="halde"] .breadth-mint-slot{min-height:350px}
  html[data-design-system="halde"] .breadth-workbench-foot{grid-template-columns:1fr 1fr}
  html[data-design-system="halde"] .breadth-workbench-foot>span{min-height:72px;border-bottom:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent)}
  html[data-design-system="halde"] .breadth-workbench-foot>a{grid-column:1/-1}
}

@media (prefers-reduced-motion:reduce){
  html[data-design-system="halde"] .breadth-mint-card,
  html[data-design-system="halde"] .breadth-mint-card *{transition:none}
}