/* Compact, opt-in examples for the existing skill workbench */
.idea-starters{margin:0 0 18px;border-block:1px solid var(--line)}
.idea-starters>summary{padding:13px 0;cursor:pointer;font-size:15px;font-weight:700;color:var(--text)}
.idea-starters>summary>span{margin-left:12px;font-size:13px;font-weight:400;color:var(--muted)}
.idea-starter-scope{margin:0 0 12px;font-size:13px;line-height:1.7;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}
.idea-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;margin-bottom:16px}
.idea-starter-card{min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.idea-starter-card>summary{padding:14px;cursor:pointer;color:var(--text);font-size:15px;font-weight:650;line-height:1.6}
.idea-starter-card>summary>span{display:block;margin-top:4px;font-size:12px;font-weight:400;color:var(--muted)}
.idea-starter-card[open]>summary{border-bottom:1px solid var(--line)}
.idea-starter-card>ul{list-style:none;margin:0;padding:0 14px}
.idea-starter-card li{padding:12px 0;border-bottom:1px solid var(--line)}
.idea-starter-card li:last-child{border-bottom:0}
.idea-starter-card .skill-identity{gap:8px;font-size:14px;line-height:1.6;min-height:36px;max-width:100%;text-align:left}
.idea-starter-card .skill-identity>span{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.idea-starter-card .skill-icon{flex-shrink:0;border-radius:4px}
.idea-starter-card li>p{margin:5px 0 0 36px;font-size:13px;line-height:1.6;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}
.idea-starter-card>.button{display:flex;justify-content:center;width:calc(100% - 28px);min-height:40px;margin:2px 14px 14px;font-size:13px}
.idea-style-summary{display:flex;flex-wrap:wrap;gap:5px 12px;margin:12px 0 0;padding:0;list-style:none;font-size:12px;line-height:1.8;color:var(--muted)}
.idea-style-summary b{margin-left:5px;color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}
@media(max-width:760px){
  .idea-starter-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .idea-starters>summary>span{display:block;margin:4px 0 0;font-size:13px}
  .idea-starter-card>summary{padding:12px 14px}
  .idea-starter-card>summary>span{font-size:13px}
  .idea-starter-scope,.idea-style-summary{font-size:13px}
}