.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{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);position:sticky;top:0}.skills-controls .container{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.skills-filters{gap:var(--space-1);flex-wrap:wrap;min-width:0;display:flex}.filter-btn{border:1px solid var(--surface-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;background:0 0;padding:.375rem .75rem;transition:all .2s}.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{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);gap:2px;min-width:0;padding:3px;display:flex}.view-btn{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.5rem .875rem;transition:background .2s,color .2s;display:inline-flex}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--surface-section);color:var(--text-accent)}.skills-map-section{padding:var(--space-8) 0}.skills-map-container{gap:var(--space-6);grid-template-columns:1fr 360px;align-items:start;display:grid}.skills-map-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.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{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);display:flex}.cluster-indicator{background:var(--cluster-color);width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--cluster-color) 40%, transparent);border-radius:50%;flex-shrink:0}.cluster-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);flex:1;margin:0}.cluster-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.cluster-chips{gap:var(--space-1);flex-direction:column;display:flex}.skill-chip{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--surface-border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;width:100%;padding:.5rem .75rem;transition:all .2s;display:flex}.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{flex-shrink:0;gap:3px;display:flex}.chip-dot{background:var(--surface-border);border-radius:50%;width:6px;height:6px}.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);top:calc(var(--navbar-height) + 8px);max-height:calc(100svh - 100px);position:sticky;overflow-y:auto}.skill-detail-panel[hidden]{display:none}.skill-detail-close{cursor:pointer;color:var(--text-muted);padding:var(--space-1);background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.skill-detail-close:hover{color:var(--text-primary)}.skill-detail-header{margin-bottom:var(--space-4)}.skill-detail-category-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-full);color:#fff;padding:.25rem .625rem;display:inline-block}.skill-detail-title{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-1);color:var(--text-primary)}.skill-detail-level{gap:var(--space-1);display:flex}.skill-level-dot{background:var(--surface-border);border-radius:50%;width:10px;height:10px}.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{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;font-style:italic}.skill-detail-uses{margin-bottom:var(--space-4)}.skill-detail-uses ul{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.skill-detail-uses li{background:var(--surface-section);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);padding:.375rem .75rem}.skill-related-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.skill-related-chip{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:0 0;padding:.375rem .75rem;transition:all .2s;display:inline-flex}.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{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.skills-grid>*{flex: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:"";background:var(--card-accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.skill-card:hover{background:var(--surface-section);border-color:var(--card-accent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.skill-card:focus-visible{outline:2px solid var(--color-forest-400);outline-offset:2px}.card-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.card-badge{font-size:.625rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-full);color:#fff;padding:.2rem .5rem}.card-dots{gap:3px;display:flex}.card-dot{background:var(--surface-border);border-radius:50%;width:7px;height:7px}.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{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:var(--leading-snug);margin:0}.card-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.card-tag{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--surface-section);color:var(--text-muted);padding:.2rem .5rem}.skills-journeys-section{padding:var(--space-8) 0}.journeys-list{gap:var(--space-6);max-width:800px;margin:0 auto;display:grid}.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{gap:var(--space-4);margin-bottom:var(--space-5);align-items:flex-start;display:flex}.journey-num{font-size:var(--text-4xl);color:var(--color-forest-400);opacity:.35;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:800;line-height:1}.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{align-items:center;gap:var(--space-1);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.journey-step{align-items:center;gap:var(--space-1);display:flex}.step-marker{width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-label{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:0 0;padding:.375rem .75rem;transition:all .2s}.step-label:hover{background:var(--step-color,#6b7280);color:#fff;border-color:var(--step-color,#6b7280);transform:scale(1.05)}@media (pointer:coarse){.filter-btn,.step-label{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.view-btn,.skill-chip,.skill-related-chip{min-height:44px}.skill-detail-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}}.step-connector{background:var(--surface-border);flex-shrink:0;width:20px;height:2px}.journey-outcome{gap:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-4);background:#22573a1a;border:1px solid #4aa37333;align-items:flex-start;display:flex}.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);margin-bottom:var(--space-1);display:block}.outcome-text{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);margin:0}.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 (width<=1024px){.skills-map-container{grid-template-columns:1fr}.skill-detail-panel{max-height:none;position:static}}@media (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 (width<=640px){.skills-controls .container{flex-flow:column;align-items:stretch}.skills-filters{width:100%}.skills-view-toggle{justify-content:flex-start;overflow-x:auto}.journey-header{gap:var(--space-2);flex-direction:column}.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-]{color:#1a1a1a!important;background:#fff!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}}