.skills-hero{padding:var(--space-12) 0 var(--space-6);text-align:center}.skills-hero .section-subtitle{max-width:540px;margin:var(--space-2) auto 0;color:var(--text-muted)}.skills-controls{position:sticky;top:0;z-index:10;padding:var(--space-3) 0;background:var(--surface-ground);border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.skills-controls .container{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.skills-filters{display:flex;flex-wrap:wrap;gap:var(--space-1)}.filter-btn{padding:.375rem .75rem;border:1px solid var(--surface-border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--filter-color, var(--text-muted))}.filter-btn.active{background:var(--filter-color, var(--color-forest-600));color:#fff;border-color:var(--filter-color, var(--color-forest-600))}.skills-view-toggle{display:flex;gap:2px;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:3px}.view-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:.5rem .875rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--surface-section);color:var(--color-forest-300)}.skills-map-section{padding:var(--space-8) 0}.skills-map-container{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}.skills-map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.skill-cluster{background:var(--surface-card);border:1px solid var(--surface-border);border-left:3px solid var(--cluster-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:border-color .2s,background .2s}.skill-cluster:hover{background:var(--surface-section);border-color:var(--surface-border-light);border-left-color:var(--cluster-color)}.cluster-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--surface-border-light)}.cluster-indicator{width:10px;height:10px;border-radius:50%;background:var(--cluster-color);flex-shrink:0;box-shadow:0 0 8px color-mix(in srgb,var(--cluster-color) 40%,transparent)}.cluster-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;flex:1}.cluster-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.cluster-chips{display:flex;flex-direction:column;gap:var(--space-1)}.skill-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.5rem .75rem;border:1px solid var(--surface-border-light);border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .2s;text-align:left;width:100%}.skill-chip:hover{background:var(--surface-hover);border-color:var(--cluster-color);padding-left:.875rem}.skill-chip:focus-visible{outline:2px solid var(--color-forest-400);outline-offset:1px}.skill-chip.active{background:var(--cluster-color);color:#fff;border-color:var(--cluster-color);box-shadow:0 0 16px color-mix(in srgb,var(--cluster-color) 30%,transparent)}.skill-chip.connected{border-color:var(--cluster-color);background:color-mix(in srgb,var(--cluster-color) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cluster-color) 40%,transparent)}.skill-chip.dimmed{opacity:.25}.chip-name{font-weight:var(--weight-medium);flex:1}.chip-level{display:flex;gap:3px;flex-shrink:0}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--surface-border)}.chip-dot.filled{background:var(--cluster-color)}.skill-detail-panel{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.skill-detail-panel[hidden]{display:none}.skill-detail-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);line-height:1;padding:var(--space-1)}.skill-detail-close:hover{color:var(--text-primary)}.skill-detail-header{margin-bottom:var(--space-4)}.skill-detail-category-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:.25rem .625rem;border-radius:var(--radius-full);color:#fff}.skill-detail-title{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-1);color:var(--text-primary)}.skill-detail-level{display:flex;gap:var(--space-1)}.skill-level-dot{width:10px;height:10px;border-radius:50%;background:var(--surface-border)}.skill-level-dot.filled{background:var(--color-forest-400)}.skill-detail-summary{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:var(--space-3) 0;font-size:var(--text-base)}.skill-detail-value{background:var(--surface-section);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);border-left:3px solid var(--color-forest-500)}.skill-detail-value h3,.skill-detail-uses h3,.skill-detail-related h3{font-size:var(--text-xs);font-weight:var(--weight-semibold);margin:0 0 var(--space-2);color:var(--color-forest-300);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.skill-detail-value p{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed);font-style:italic}.skill-detail-uses{margin-bottom:var(--space-4)}.skill-detail-uses ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.skill-detail-uses li{background:var(--surface-section);padding:.375rem .75rem;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary)}.skill-related-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.skill-related-chip{display:inline-flex;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid var(--surface-border);background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s}.skill-related-chip:hover{background:var(--chip-color, #6b7280);color:#fff;border-color:var(--chip-color, #6b7280)}.skills-grid-section{padding:var(--space-8) 0}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.skills-grid>*{flex:1 1 320px;max-width:416px}.skill-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.skill-card:hover{background:var(--surface-section);border-color:var(--card-accent);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.skill-card:focus-visible{outline:2px solid var(--color-forest-400);outline-offset:2px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.card-badge{font-size:.625rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:.2rem .5rem;border-radius:var(--radius-full);color:#fff}.card-dots{display:flex;gap:3px}.card-dot{width:7px;height:7px;border-radius:50%;background:var(--surface-border)}.card-dot.filled{background:var(--card-accent)}.card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.card-summary{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-3)}.card-value{background:var(--surface-section);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);border-left:2px solid var(--card-accent)}.card-value p{margin:0;font-size:var(--text-sm);font-style:italic;color:var(--text-secondary);line-height:var(--leading-snug)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.card-tag{font-size:var(--text-xs);padding:.2rem .5rem;border-radius:var(--radius-full);background:var(--surface-section);color:var(--text-muted)}.skills-journeys-section{padding:var(--space-8) 0}.journeys-list{display:grid;gap:var(--space-6);max-width:800px;margin:0 auto}.journey-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all .25s}.journey-card:hover{background:var(--surface-section);border-color:var(--surface-border-light);box-shadow:var(--shadow-lg)}.journey-header{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5)}.journey-num{font-size:var(--text-4xl);font-weight:800;line-height:1;color:var(--color-forest-400);opacity:.35;flex-shrink:0;font-variant-numeric:tabular-nums}.journey-meta{flex:1}.journey-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-1);color:var(--text-primary)}.journey-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.journey-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-bottom:var(--space-5)}.journey-step{display:flex;align-items:center;gap:var(--space-1)}.step-marker{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:#fff;flex-shrink:0}.step-label{padding:.375rem .75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid var(--surface-border);background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s}.step-label:hover{background:var(--step-color, #6b7280);color:#fff;border-color:var(--step-color, #6b7280);transform:scale(1.05)}.step-connector{width:20px;height:2px;background:var(--surface-border);flex-shrink:0}.journey-outcome{display:flex;gap:var(--space-3);align-items:flex-start;background:#22573a1a;border:1px solid rgba(74,163,115,.2);border-radius:var(--radius-lg);padding:var(--space-4)}.outcome-icon{font-size:var(--text-xl);flex-shrink:0;line-height:1}.outcome-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-forest-300);display:block;margin-bottom:var(--space-1)}.outcome-text{margin:0;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.skills-cta{text-align:center;padding:var(--space-12) 0;border-top:1px solid var(--surface-border)}.skills-cta h2{font-size:var(--text-3xl);margin:0 0 var(--space-2);color:var(--text-primary)}.skills-cta p{color:var(--text-secondary);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.skills-map-container{grid-template-columns:1fr}.skill-detail-panel{position:static;max-height:none}}@media(max-width:768px){.skills-map-grid,.skills-grid{grid-template-columns:1fr}.journey-flow{flex-direction:column;align-items:flex-start}.step-connector{width:2px;height:16px;margin-left:11px}}@media(max-width:640px){.skills-controls .container{flex-direction:column;align-items:stretch}.skills-view-toggle{justify-content:center}.journey-header{flex-direction:column;gap:var(--space-2)}.journey-num{font-size:var(--text-2xl)}}@media print{.skills-controls,.skills-map-section,.skills-cta{display:none}.skills-grid-section,.skills-grid-section[hidden]{display:block!important}.skills-hero,.skills-section,.skills-grid-section,.skill-card,.skill-chip,.journey-card,.step-label,[class*=skills-],[class*=skill-]{background:#fff!important;background-color:#fff!important;color:#1a1a1a!important}.skills-hero h1,.skills-hero p,.skill-card h3,.skill-card p,.skill-card li,.skill-card span,.skill-chip,.journey-card h3,.journey-card p,.step-label{color:#1a1a1a!important}.skill-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media(prefers-reduced-motion:reduce){.skill-chip,.skill-card,.step-label,.view-btn,.journey-card,.skill-related-chip{transition:none}.skill-chip:hover{padding-left:.75rem}.skill-card:hover,.step-label:hover{transform:none}}