.tool-wrap{padding:1rem;border-radius:8px;border:1px solid var(--color-text)}.tool-question{font-weight:500;margin-bottom:1rem;font-size:.875rem;line-height:1.5;color:var(--color-text)}.tool-options{display:flex;flex-direction:column;gap:.25rem}.tool-option{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:4px;border:1px solid;cursor:pointer;transition:background .15s,border-color .15s;font-size:.875rem}.bg-klein-200{background:var(--klein-200, #b3c5f6)}.border-klein-400{border-color:var(--klein-400, #5274e6)}.hover\:bg-klein-100:hover{background:var(--klein-100, #d5e0fa)}.border-foreground{border-color:var(--color-text)}.bg-olive-200{background:var(--olive-200, #c7cec8)}.border-olive-400{border-color:var(--olive-400, #7f8f82)}.text-olive-900{color:var(--olive-900, #2c342e)}.bg-danger-200{background:var(--danger-200, #facdc4)}.border-danger-400{border-color:var(--danger-400, #ed7d68)}.text-danger-800{color:var(--danger-800, #8c2918)}.bg-card{background:var(--color-bg-subtle)}.text-muted-foreground{color:var(--color-text-muted)}.tool-checkbox{width:16px;height:16px;border:1px solid var(--color-text);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-bg-subtle)}.tool-checkbox.checked{background:var(--olive-500, #5b7161);border-color:var(--olive-500, #5b7161);color:#fff}.tool-tf{display:flex;gap:1rem;margin-bottom:.5rem}.tool-tf-btn{flex:1;padding:.75rem;border-radius:4px;border:1px solid;text-align:center;cursor:pointer;transition:background .15s,border-color .15s;font-size:.875rem}.tool-submit{margin-top:1rem;padding:.5rem 1rem;background:var(--olive-500, #5b7161);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:background .15s}.tool-submit:hover:not(:disabled){background:var(--olive-600, #4a5b4e)}.tool-submit:disabled{opacity:.4;cursor:not-allowed}.tool-explanation{margin-top:1rem;padding:1rem;background:color-mix(in srgb,var(--klein-100, #d5e0fa) 50%,transparent);border-radius:4px;border:1px solid var(--color-text);font-size:.875rem;line-height:1.6}.tool-explanation[hidden]{display:none}.tool-explanation p{color:var(--color-text-secondary);margin:0}.tool-flashcard{min-height:200px;padding:1.5rem;border-radius:8px;border:2px solid var(--color-text);cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-subtle)}.tool-flashcard:hover:not(.submitted){background:var(--klein-100, #d5e0fa)}.tool-flashcard.flipped{background:var(--klein-200, #b3c5f6)}.tool-flashcard-text{font-weight:500;font-size:1.125rem;line-height:1.5;white-space:pre-line}.tool-flashcard-hint{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-top:.5rem;display:block}.tool-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:1.5rem}.tool-match-col{display:flex;flex-direction:column;gap:.25rem}.tool-match-item,.tool-order-item{display:flex;align-items:center;padding:.5rem;border-radius:4px;transition:background .15s,border-color .15s;cursor:move;font-size:.875rem;min-height:2.5rem}.tool-match-num{font-weight:700;font-size:.8125rem;color:var(--color-text-muted);margin-right:.75rem;flex-shrink:0}.tool-match-text{flex:1;font-size:.875rem}.tool-drag-handle{color:var(--color-text-muted);font-size:.75rem;flex-shrink:0;margin-left:.5rem}.tool-order-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.tool-cat-pool{margin-bottom:1rem}.tool-cat-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.5rem}.tool-cat-items{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.tool-cat-item{padding:.375rem .5rem;border-radius:4px;border:1px solid var(--color-text);background:var(--color-bg-subtle);cursor:move;font-size:.75rem;line-height:1.3;transition:background .15s}.tool-cat-item:hover{background:var(--klein-100, #d5e0fa)}.tool-cat-zones{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}.tool-cat-zone{min-height:60px;padding:.5rem;border-radius:4px;transition:background .15s,border-color .15s}.tool-cat-zone-title{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.375rem}.tool-cat-zone-items{display:flex;flex-direction:column;gap:.25rem}.tool-cat-zone-item{padding:.25rem .5rem;background:var(--color-surface);border:1px solid var(--color-line);border-radius:4px;font-size:.75rem}.kb-panel-overlay{position:fixed;inset:0;background:#0000004d;z-index:200;opacity:0;transition:opacity .2s ease}.kb-panel-overlay.open{opacity:1}.kb-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:var(--color-bg);border-left:1px solid var(--color-line);z-index:201;transform:translate(100%);transition:transform .25s ease;overflow-y:auto;padding:1.5rem}.kb-panel.open{transform:translate(0)}.kb-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-line)}.kb-panel-title{font-family:var(--font-body);font-size:.875rem;font-weight:500;line-height:1.5;color:var(--color-text);flex:1;padding-right:1rem}.kb-panel-close{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;padding:.25rem;line-height:1;flex-shrink:0}.kb-panel-close:hover{color:var(--color-text)}.kb-panel-stack{display:flex;flex-direction:column;gap:1rem}.sp-layout{display:flex;flex-direction:column;gap:1.5rem;min-height:0}.sp-skills{width:100%;display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.sp-skill{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:1px solid transparent;border-radius:8px;font-size:.8125rem;font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;text-align:left;line-height:1.4}.sp-skill:hover{background:var(--color-surface)}.sp-skill.active{background:var(--color-surface);border-color:var(--color-line);color:var(--color-text);font-weight:500}.sp-skill-text{flex:1;min-width:0}.sp-skill-count{font-size:.6875rem;color:var(--color-text-muted);background:var(--color-surface);padding:.125rem .5rem;border-radius:99px;flex-shrink:0}.sp-skill.active .sp-skill-count{background:var(--olive-100, #e3e6e3);color:var(--olive-700, #3c4940)}.sp-questions{display:flex;flex-direction:column;gap:1rem;min-width:0}.sp-questions-title{font-family:var(--font-body);font-size:var(--font-size-lg, 1.125rem);font-weight:600;margin:0;color:var(--color-text);line-height:1.3}.sp-tools{display:flex;flex-direction:column;gap:1rem;min-width:0}.sp-empty{display:flex;align-items:center;justify-content:center;min-height:200px}.sp-empty p{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:640px){.tool-match-grid{grid-template-columns:1fr;gap:1rem}.tool-cat-items{grid-template-columns:1fr}.kb-panel{width:100vw}}.kb-layout[data-astro-cid-fur2civ7]{display:flex;max-width:var(--wide-width);margin:0 auto;padding:2rem 1.5rem 4rem;gap:2.5rem}.kb-aside[data-astro-cid-fur2civ7]{width:220px;flex-shrink:0}.kb-main[data-astro-cid-fur2civ7]{flex:1;min-width:0}h1[data-astro-cid-fur2civ7]{font-size:var(--font-size-3xl);margin-bottom:.5rem}.kb-description[data-astro-cid-fur2civ7]{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:1.5rem}.kb-back[data-astro-cid-fur2civ7]{display:inline-block;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;margin-bottom:1.5rem}.kb-back[data-astro-cid-fur2civ7]:hover{color:var(--color-text)}.kb-section[data-astro-cid-fur2civ7]{margin-top:2rem}.kb-section-title[data-astro-cid-fur2civ7]{font-size:var(--font-size-xl);margin-bottom:1rem}.kb-cards-grid[data-astro-cid-fur2civ7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.kb-card[data-astro-cid-fur2civ7]{display:block;padding:1.25rem;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:12px;box-shadow:var(--shadow-warm-sm);text-decoration:none;transition:box-shadow .2s ease}.kb-card[data-astro-cid-fur2civ7]:hover{box-shadow:var(--shadow-warm-hover)}.kb-card[data-astro-cid-fur2civ7] h3[data-astro-cid-fur2civ7]{font-size:var(--font-size-base);margin-bottom:.375rem;color:var(--color-text)}.kb-card[data-astro-cid-fur2civ7] p[data-astro-cid-fur2civ7]{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.kb-knowledge-meta[data-astro-cid-fur2civ7]{margin-bottom:.75rem}.kb-badge[data-astro-cid-fur2civ7]{font-size:.6875rem;padding:.125rem .4rem;background:var(--klein-50);color:var(--klein-700);border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.kb-knowledge-tool[data-astro-cid-fur2civ7]{margin-top:1.5rem;max-width:640px}@media(max-width:768px){.kb-layout[data-astro-cid-fur2civ7]{flex-direction:column;gap:1.5rem}.kb-aside[data-astro-cid-fur2civ7]{width:100%}}