.term-card .term-preview.skill-term-card-preview{border-color:var(--line);background:var(--soft);min-height:150px;color:var(--ink);gap:7px;padding:11px 12px;display:grid;overflow:hidden}.skill-term-card-task{border-left:3px solid var(--ink);background:var(--surface-card);border-radius:4px;align-items:baseline;gap:6px;min-width:0;padding:5px 7px;display:flex}.skill-term-card-task small{color:var(--muted);letter-spacing:.2px;white-space:nowrap;font-size:8px;font-weight:800}.skill-term-card-task strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:700;overflow:hidden}.skill-term-card-rows{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;display:grid}.skill-term-card-row{border:1px solid var(--line);background:var(--surface-card);border-radius:6px;gap:4px;min-width:0;padding:6px 7px;display:grid}.skill-term-card-row.is-skill{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}.skill-term-card-row-head{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.skill-term-card-row-head small{color:var(--muted);white-space:nowrap;font-size:8px;font-weight:800}.skill-term-card-row p{color:var(--muted);margin:0;font-size:8px;line-height:1.4}.skill-term-card-steps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.skill-term-card-steps li{color:var(--ink);padding-left:9px;font-size:8.5px;font-weight:600;line-height:1.4;position:relative}.skill-term-card-steps li:before{color:var(--muted);content:"→";font-size:7px;position:absolute;top:0;left:0}.skill-term-stamp{color:#fff;letter-spacing:.15px;white-space:nowrap;border-radius:3px;flex:none;padding:1px 5px;font-size:7.5px;font-weight:800}.skill-term-stamp.is-flaky{background:#6a7488}.skill-term-stamp.is-consistent{background:#3e7f57}.skill-term-stamp.is-drift{background:#b15259}.skill-term-card-foot{border-left:3px solid var(--ink);background:var(--surface-card);min-width:0;color:var(--ink);border-radius:4px;align-items:baseline;gap:6px;margin:0;padding:5px 7px;font-size:8.5px;line-height:1.4;display:flex}.skill-term-card-foot b{color:var(--ink);white-space:nowrap;font-size:9px;font-weight:800}.skill-term-card-foot span{color:var(--muted)}.term-interactive-demo.skill-term-demo{border-color:var(--line);background:#fff;gap:12px}.skill-term-task-bar{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--soft);border-radius:8px;align-items:baseline;gap:8px;min-width:0;padding:9px 12px;display:flex}.skill-term-task-bar small{color:var(--muted);letter-spacing:.2px;white-space:nowrap;font-size:10px;font-weight:800}.skill-term-task-bar strong{min-width:0;color:var(--ink);font-size:14px;font-weight:750}.skill-term-cols{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:10px;display:grid}.skill-term-library{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;align-content:start;gap:7px;min-width:0;padding:10px;display:grid}.skill-term-library-head{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.skill-term-library-head small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.2px;font-size:10px;font-weight:800}.skill-term-library-head span{color:var(--ink);font-size:11px;font-weight:700}.skill-term-library-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.skill-term-skill-card{border:1px solid var(--line);background:#fff;border-radius:7px;gap:5px;min-width:0;padding:8px 9px;display:grid}.skill-term-skill-card.is-new{border-color:color-mix(in srgb, #3e7f57 45%, var(--line));background:#f5fbf6}.skill-term-skill-card.is-stale{border-color:color-mix(in srgb, #b15259 45%, var(--line));background:#fdf3f4}.skill-term-skill-card-head{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.skill-term-skill-card-head b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:800}.skill-term-skill-steps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.skill-term-skill-steps li{min-width:0;color:var(--ink);align-items:baseline;gap:5px;font-size:11px;line-height:1.4;display:flex}.skill-term-skill-steps li i{background:color-mix(in srgb, var(--ink) 12%, #fff);min-width:14px;color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;border-radius:3px;flex:none;padding:1px 0;font-size:9px;font-style:normal;font-weight:800}.skill-term-library-foot{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.skill-term-run-col{align-content:start;gap:7px;min-width:0;display:grid}.skill-term-run-head{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;padding:0 2px;display:flex}.skill-term-run-head small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.2px;font-size:10px;font-weight:800}.skill-term-run-head span{color:var(--ink);font-size:11px;font-weight:700}.skill-term-run-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.skill-term-run-empty{border:1px dashed var(--line);background:var(--soft);color:var(--muted);text-align:center;border-radius:7px;margin:0;padding:14px 12px;font-size:12px}.skill-term-run{border:1px solid var(--line);background:var(--surface-card);counter-reset:step;border-radius:7px;gap:5px;min-width:0;padding:8px 10px;display:grid}.skill-term-run.is-flaky{border-left:3px solid #6a7488}.skill-term-run.is-consistent{border-left:3px solid #3e7f57}.skill-term-run.is-drift{border-left:3px solid #b15259}.skill-term-run-head-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.skill-term-run-id{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:800}.skill-term-mode{color:#fff;letter-spacing:.1px;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:800}.skill-term-mode.is-scratch{background:#6a7488}.skill-term-mode.is-skill{background:#3e7f57}.skill-term-run-steps{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.skill-term-run-steps li{border:1px solid var(--line);color:var(--ink);counter-increment:step;background:#fff;border-radius:4px;padding:2px 7px 2px 16px;font-size:11px;line-height:1.3;position:relative}.skill-term-run-steps li:before{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;content:counter(step);font-size:9px;font-weight:800;position:absolute;top:2px;left:5px}.skill-term-run-output{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.45}.skill-term-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.term-interactive-demo.skill-term-demo .skill-term-btn{border:1px solid var(--ink);min-height:36px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.term-interactive-demo.skill-term-demo .skill-term-btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background:#f4f4f6}.term-interactive-demo.skill-term-demo .skill-term-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--ink) 35%, #fff);outline-offset:2px}.term-interactive-demo.skill-term-demo .skill-term-btn:disabled{border-color:var(--line);color:#aab1bf;cursor:not-allowed;background:#fafafb}.term-interactive-demo.skill-term-demo .skill-term-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:#fff;min-height:36px;font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:750;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.term-interactive-demo.skill-term-demo .skill-term-cta:hover:not(:disabled){border-color:var(--color-rausch-600);background:color-mix(in srgb, var(--color-rausch-600) 88%, #000);color:#fff}.term-interactive-demo.skill-term-demo .skill-term-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--color-rausch-600) 38%, #fff);outline-offset:2px}.term-interactive-demo.skill-term-demo .skill-term-cta:disabled{border-color:var(--line);color:#aab1bf;cursor:not-allowed;background:#fafafb}.skill-term-status{border-left:3px solid var(--ink);background:var(--surface-card);color:var(--ink);border-radius:5px;margin:0;padding:9px 12px;font-size:13px;line-height:1.55}.skill-term-demo-static{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:6px;margin:0;padding:9px 12px;font-size:12px;line-height:1.6}.skill-term-knowledge-list{gap:9px;margin:0;display:grid}.skill-term-knowledge-list dt{color:var(--ink);font-size:14px;font-weight:750;line-height:1.4}.skill-term-knowledge-list dd{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.65}.skill-term-when-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.skill-term-when-grid article{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;align-content:start;gap:6px;min-width:0;padding:14px;display:grid}.skill-term-when-grid article.is-good{border-left:4px solid #3e7f57}.skill-term-when-grid article.is-bad{border-left:4px solid #b15259}.skill-term-when-grid article small{color:var(--muted);letter-spacing:.2px;font-size:10px;font-weight:800}.skill-term-when-grid article.is-good small{color:#3e7f57}.skill-term-when-grid article.is-bad small{color:#b15259}.skill-term-when-grid article strong{color:var(--ink);font-size:14px;line-height:1.4}.skill-term-when-grid article p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.skill-term-how-list{counter-reset:howstep;gap:9px;margin:0;padding:0;list-style:none;display:grid}.skill-term-how-list li{border:1px solid var(--line);background:var(--surface-card);counter-increment:howstep;border-radius:8px;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:11px 12px;display:grid}.skill-term-how-list li:before{background:var(--ink);color:#fff;width:26px;height:26px;font-family:var(--font-geist-mono), ui-monospace, monospace;content:counter(howstep);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.skill-term-how-list strong{color:var(--ink);font-size:14px;font-weight:750;line-height:1.4;display:block}.skill-term-how-list span{color:var(--muted);margin-top:3px;font-size:12.5px;line-height:1.6;display:block}.skill-term-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.skill-term-examples-grid article{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;align-content:start;gap:6px;min-width:0;padding:14px;display:grid}.skill-term-examples-grid article.is-good{border-left:4px solid #3e7f57}.skill-term-examples-grid article.is-bad{border-left:4px solid #b15259}.skill-term-examples-grid article small{color:var(--muted);letter-spacing:.2px;font-size:10px;font-weight:800}.skill-term-examples-grid article.is-good small{color:#3e7f57}.skill-term-examples-grid article.is-bad small{color:#b15259}.skill-term-examples-grid article strong{color:var(--ink);font-size:14px;line-height:1.4}.skill-term-examples-grid article p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}@media (max-width:780px){.skill-term-cols,.skill-term-card-rows,.skill-term-when-grid,.skill-term-examples-grid{grid-template-columns:1fr}}@media (max-width:480px){.skill-term-card-preview{padding:10px}.skill-term-actions{flex-direction:column;align-items:stretch}.term-interactive-demo.skill-term-demo .skill-term-btn,.term-interactive-demo.skill-term-demo .skill-term-cta{width:100%}.skill-term-task-bar{flex-direction:column;align-items:flex-start;gap:4px}.skill-term-task-bar strong{font-size:13px}.skill-term-how-list li{grid-template-columns:1fr;gap:6px}.skill-term-how-list li:before{width:22px;height:22px;font-size:11px}}.term-card .term-preview.skill-card-preview{gap:8px;padding:10px;display:grid;color:#3a3328!important;background:radial-gradient(circle at 16% 80%,#5a46201f,#0000 34%),linear-gradient(168deg,#f7edd4,#efe0b8)!important;border-color:#d8c48a!important}.skill-card-recipe{background:#fff8e8;border:1px solid #d8c48a;border-radius:4px 14px 14px 4px;gap:5px;padding:10px 12px;display:grid;box-shadow:4px 8px 18px #50381014}.skill-card-recipe header{justify-content:space-between;display:flex}.skill-card-recipe small{font-weight:850;color:#7a6230!important;font-size:8px!important}.skill-card-recipe header b{background:#3a3328;border-radius:999px;padding:2px 6px;color:#fff8e8!important;font-size:8px!important}.skill-card-recipe p{margin:0;color:#5c4e32!important;font-size:10px!important}.skill-card-recipe strong{color:#3a3328!important;font-size:14px!important}.skill-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#3a3328!important;font-size:10px!important}.term-interactive-demo.skill-demo{color:#3a3328;background:#efe4c4;border-color:#d8c48a;gap:12px;padding:12px;display:grid}.skill-demo-recipe{background:#fff8e8;border:1px solid #d8c48a;border-radius:4px 18px 18px 4px;gap:8px;padding:18px;display:grid;box-shadow:6px 16px 32px #5038101a}.skill-demo-recipe header{justify-content:space-between;gap:8px;display:flex}.skill-demo-recipe header b{color:#fff8e8;background:#3a3328;border-radius:999px;padding:4px 8px;font-size:12px}.skill-demo-recipe.is-scratch,.skill-demo-recipe.is-stale{background:#fff4ee;border-color:#c45c3a}.skill-demo-recipe.is-scratch header b,.skill-demo-recipe.is-stale header b{color:#fff7f4;background:#c45c3a}.skill-demo-recipe h3{margin:0;font-size:clamp(20px,2.8vw,28px)}.skill-demo-controls{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.skill-demo button:hover,.term-interactive-demo.skill-demo button[aria-pressed=true]{color:#fff8e8;background:#3a3328;border-color:#3a3328}.term-interactive-demo.skill-demo button:focus-visible{outline-offset:3px;outline:3px solid #3a332866!important}.term-interactive-demo.skill-demo .skill-demo-recover{color:#fff7f4;background:#c45c3a;border-color:#c45c3a}.skill-examples article.is-good{border-left:3px solid #3a3328}.skill-examples article.is-bad{border-left:3px solid #c45c3a}@media (max-width:780px){.skill-demo-controls{flex-direction:column}.term-interactive-demo.skill-demo button{width:100%}}
