/* The Play ideas catalog in the calm shell: plain hero with a mono
   scoreboard, the agent feed as a classic window, bordered controls with
   an orange active filter, and each idea as a small window. */
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .play-ideas-page{--font-technical:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--accent:#ff5a1f;--brand-ink:#ff5a1f;color:var(--text-primary);background:var(--bg-page)!important}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .play-ideas-page::before{display:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .play-ideas-page>*{width:min(100%,var(--page-max))!important;max-width:none!important;box-sizing:border-box;margin-inline:auto!important;padding-inline:var(--page-gutter)!important}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .play-ideas-page :is(h1,h2,h3){font-family:var(--font-editorial);font-weight:400;font-variation-settings:"wght" 400;letter-spacing:-.03em;color:var(--text-primary)}

/* hero */
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,5vw,80px);align-items:end;padding-block:clamp(56px,8vh,96px) clamp(40px,5vh,64px)!important;border-bottom:1.5px solid #111}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-hero-copy>a:first-child{color:var(--text-secondary);font:600 10px/1.4 var(--font-technical);letter-spacing:.12em;text-decoration:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-hero-copy>p:first-of-type{margin:14px 0 0;color:#ff5a1f;font:600 10px/1.4 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-hero h1{max-width:14ch;margin:10px 0 0;font-size:clamp(34px,3vw,46px);line-height:1.08;letter-spacing:-.035em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-hero h2{max-width:40ch;margin:12px 0 0;color:var(--text-secondary);font-size:clamp(18px,1.5vw,22px);line-height:1.3;letter-spacing:-.02em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-hero-copy>p:not(:first-of-type){max-width:56ch;margin:14px 0 0;color:var(--text-secondary);font:400 15px/1.5 var(--font-editorial)}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-primary-action{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:11px 14px;color:#fff!important;border:1.5px solid #111!important;border-radius:0!important;background:#ff5a1f!important;font:700 10px/1 var(--font-technical);letter-spacing:.12em;text-decoration:none;box-shadow:3px 3px 0 #111}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-primary-action:is(:hover,:focus-visible){background:#e64e17!important;box-shadow:5px 5px 0 #111;outline:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-self:end;min-height:0;margin:0;padding:0;color:#111;border:1.5px solid #111;border-radius:0;background:#fff;box-shadow:none;transform:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard span{display:grid;justify-content:start;align-content:start;gap:6px;padding:14px 14px 16px;border:0;border-left:1px dotted rgba(17,17,17,.4);background:transparent}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard span:first-child{border-left:0}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard b{color:#111;font:500 clamp(22px,2vw,30px)/1 var(--font-technical);letter-spacing:-.02em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard small{color:#5b6068;font:600 9px/1 var(--font-technical);letter-spacing:.12em}

/* the agent feed as a window */
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-feed{display:block;max-width:none;margin-top:clamp(32px,4vh,48px)!important;padding:0!important;width:auto!important;margin-inline:var(--page-gutter)!important;color:#111;border:1.5px solid #111;border-radius:0;background:#fff;box-shadow:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-feed>header{padding:20px 20px 16px;border-bottom:1.5px solid #111;background:#fff}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-feed>header>span{color:#ff5a1f;font:600 10px/1.4 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-feed>header h2{margin:8px 0 6px;font-size:clamp(22px,1.9vw,30px);line-height:1.12}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-feed>header p{margin:0;color:var(--text-secondary);font:400 15px/1.5 var(--font-editorial)}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;border:0;background:#fff}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 20px;color:#111;border:0;border-left:1px dotted rgba(17,17,17,.4);text-decoration:none;transition:background-color .15s ease}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links a:first-child{border-left:0}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links a:hover{background:#fff3ee}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links span{color:#ff5a1f;font:600 9px/1 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links b{font:400 15px/1.3 var(--font-editorial);letter-spacing:-.01em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links i{color:#ff5a1f;font-style:normal}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 6px 12px 20px;border:0;border-top:1.5px solid #111;background:#fff3ee}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt>span,html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt code,html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt button{grid-column:auto;grid-row:auto;padding-inline:0}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt code{padding:0;border:0}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt>span{color:#ff5a1f;font:600 9px/1.4 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt code{color:#111;background:transparent;font:400 12.5px/1.5 var(--font-technical);white-space:normal}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .play-ideas-page :is(.ideas-agent-prompt,.idea-prompt) button{min-height:0;justify-self:end;padding:9px 12px!important;color:#fff;border:1.5px solid #111;border-radius:0;background:#ff5a1f;font:700 9px/1 var(--font-technical);letter-spacing:.12em;cursor:pointer;box-shadow:2px 2px 0 #111;white-space:nowrap}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-prompt button{grid-column:2;grid-row:1}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .play-ideas-page :is(.ideas-agent-prompt,.idea-prompt) button:is(:hover,:focus-visible){background:#e64e17;outline:none}

/* catalog head and controls */
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-catalog{padding-top:clamp(48px,6vh,84px)!important;padding-bottom:clamp(64px,8vh,110px)!important}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 20px}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-catalog-head>div>span{display:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-catalog-head h2{margin:0;font-size:var(--type-landing-section-size);line-height:1.12}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-catalog-head p{max-width:52ch;margin:10px 0 0;color:var(--text-secondary);font:400 15px/1.5 var(--font-editorial)}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-catalog-head output{color:#ff5a1f;font:600 10px/1 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-controls{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr) minmax(0,1fr);gap:14px 28px;align-items:start;margin:0 0 22px;padding:0;border:0;background:transparent}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-controls label{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;color:#111;border:1.5px solid #111;border-radius:0;background:#fff}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-controls label>span{color:#ff5a1f;font:600 9px/1 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-controls input{flex:1 1 auto;min-width:0;color:#111;border:0;background:transparent;font:400 14px/1 var(--font-editorial);outline:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-filter-group>span{margin-right:6px;color:#5b6068;font:600 9px/1 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-filter-group>div{display:flex;flex-wrap:wrap;gap:6px}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-filter-group button{padding:7px 9px;color:#111;border:1.5px solid #111;border-radius:0;background:#fff;font:700 9px/1 var(--font-technical);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-filter-group button:hover{background:#fff3ee}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-filter-group button.is-active{color:#fff;background:#ff5a1f}

/* idea cards */
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card{display:flex;flex-direction:column;min-width:0;color:#111;border:1.5px solid #111;border-radius:0;background:#fff;box-shadow:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 12px;border-bottom:1.5px solid #111;background:#fff;color:#111;font:600 9px/1 var(--font-technical);letter-spacing:.1em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card>header b{color:#ff5a1f;font-weight:600}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card-body{padding:16px 16px 14px}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-domain{margin:0 0 8px;color:#ff5a1f;font:600 9px/1.4 var(--font-technical);letter-spacing:.12em;text-transform:uppercase}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card h2{margin:0;font-size:clamp(19px,1.5vw,22px);line-height:1.15}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-design{margin:8px 0 0;color:var(--text-secondary);font:400 14px/1.45 var(--font-editorial)}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-systems{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-systems span{padding:4px 6px;color:#111;border:1px solid #111;border-radius:0;background:#fff;font:600 8px/1 var(--font-technical);letter-spacing:.1em;text-transform:uppercase}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border:0;border-top:1.5px solid #111;background:#fff}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dl>div{padding:10px 12px;border-left:1px dotted rgba(17,17,17,.4)}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dl>div:first-child{border-left:0}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dt{margin:0 0 4px;color:#5b6068;font:600 8px/1 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dd{margin:0;color:#111;font:500 11px/1.4 var(--font-technical);letter-spacing:.04em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dd span+span::before{content:' · '}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card>aside{margin:0;padding:12px 16px;color:#111;border:0;border-top:1.5px solid #111;background:#fff3ee}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card>aside>span{display:block;margin-bottom:4px;color:#ff5a1f;font:600 8px/1.4 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card>aside p{margin:0;font:400 13.5px/1.45 var(--font-editorial)}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px;align-items:center;margin-top:auto;padding:12px 12px 12px 16px;border:0;border-top:1.5px solid #111;background:#fff}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-prompt>span{grid-column:1;grid-row:1;padding:0;color:#5b6068;font:600 8px/1.4 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-prompt code{grid-column:1/-1;grid-row:2;display:block;padding:0;border:0;max-height:5.6em;overflow:hidden;color:#111;background:transparent;font:400 11.5px/1.45 var(--font-technical);white-space:normal}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-prompt code:focus{max-height:none;outline:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-evidence{border-top:1px dotted rgba(17,17,17,.4);background:#fff}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-evidence summary{padding:10px 16px;color:#5b6068;font:600 8px/1.4 var(--font-technical);letter-spacing:.12em;cursor:pointer;list-style:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-evidence summary i{color:#ff5a1f;font-style:normal}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-evidence>div{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-evidence a{padding:4px 7px;color:#111;border:1px solid #111;font:600 8px/1 var(--font-technical);letter-spacing:.08em;text-decoration:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-more{display:flex;align-items:center;gap:16px;margin-top:24px;padding:0;border:0}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-more button{padding:11px 14px;color:#111;border:1.5px solid #111;border-radius:0;background:#fff;font:700 10px/1 var(--font-technical);letter-spacing:.12em;cursor:pointer}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-more button:is(:hover,:focus-visible){background:#fff3ee;box-shadow:3px 3px 0 #111;outline:none}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-more span{color:var(--text-tertiary);font:500 10px/1 var(--font-technical);letter-spacing:.1em}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-loading{color:var(--text-secondary);font-family:var(--font-technical)}

/* dark */
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"][data-resolved-theme="dark"] .play-ideas-page :is(.ideas-scoreboard,.ideas-agent-feed,.ideas-agent-feed>header,.ideas-feed-links,.ideas-controls label,.ideas-filter-group button,.idea-card,.idea-card>header,.idea-card dl,.idea-prompt,.idea-evidence,.idea-systems span,.idea-evidence a,.ideas-more button){color:#f1f1ed;border-color:#f1f1ed;background:#0a0a09}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"][data-resolved-theme="dark"] .play-ideas-page :is(.ideas-agent-prompt,.idea-card>aside,.ideas-feed-links a:hover,.ideas-filter-group button:hover,.ideas-more button:hover){color:#f1f1ed;background:rgba(255,90,31,.12);border-color:#f1f1ed}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"][data-resolved-theme="dark"] .play-ideas-page :is(.ideas-scoreboard b,.ideas-feed-links a,.ideas-feed-links b,.ideas-agent-prompt code,.ideas-controls input,.idea-card dd,.idea-card>aside p,.idea-prompt code,.idea-evidence a,.idea-systems span,.ideas-filter-group button,.idea-card>header,.ideas-more button){color:#f1f1ed}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"][data-resolved-theme="dark"] .play-ideas-page .ideas-filter-group button.is-active{color:#fff;background:#ff5a1f}
html[data-design-system="halde"][data-calm][data-route-bundle="ideas"][data-resolved-theme="dark"] .ideas-hero{border-bottom-color:#f1f1ed}

@media (max-width:1100px){
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-controls{grid-template-columns:1fr}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-hero{grid-template-columns:1fr;gap:24px}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard span:nth-child(3){border-left:0}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-scoreboard span:nth-child(n+3){border-top:1px dotted rgba(17,17,17,.4)}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links{grid-template-columns:1fr}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-feed-links a+a{border-left:0;border-top:1px dotted rgba(17,17,17,.4)}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-agent-prompt{grid-template-columns:1fr;gap:10px;padding:14px 16px}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .ideas-catalog-head{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width:620px){
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-grid{grid-template-columns:1fr}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dl{grid-template-columns:1fr}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dl>div{border-left:0;border-top:1px dotted rgba(17,17,17,.4)}
  html[data-design-system="halde"][data-calm][data-route-bundle="ideas"] .idea-card dl>div:first-child{border-top:0}
}
