.skill-breadcrumb-section{padding-top:var(--space-6);padding-bottom:0}.skill-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.skill-breadcrumb a{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:1px;text-decoration:none}.skill-breadcrumb a:hover{color:var(--color-text);border-color:var(--color-text)}.skill-header-section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.skill-meta-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.skill-header-section h1{font-family:var(--font-serif);color:var(--color-text);margin-bottom:var(--space-4);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:500;line-height:1.2}.skill-lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:56ch;margin-bottom:var(--space-6);line-height:1.6}.skill-github-link{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.02em;border-bottom:1px solid var(--color-border);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:2px;text-decoration:none}.skill-github-link:hover{color:var(--color-text);border-color:var(--color-text)}.skill-body{padding-top:var(--space-8);background-color:var(--color-bg)}.skill-section{margin-bottom:var(--space-12)}.skill-section h2{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-4);font-weight:500}.skill-section p{font-size:var(--text-base);color:var(--color-text-muted);max-width:64ch;line-height:1.7}.skill-section-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);font-style:italic}.skill-subsection-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:var(--space-6);margin-bottom:var(--space-3)}.skill-list{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.skill-list li{font-size:var(--text-base);color:var(--color-text-muted);padding-left:var(--space-4);max-width:64ch;line-height:1.6;position:relative}.skill-list li:before{content:"—";color:var(--color-border);position:absolute;left:0}.skill-list li strong{color:var(--color-text);font-weight:500}.skill-steps{gap:var(--space-3);counter-reset:steps;flex-direction:column;padding:0;list-style:none;display:flex}.skill-steps li{font-size:var(--text-base);color:var(--color-text-muted);padding-left:var(--space-8);counter-increment:steps;max-width:64ch;line-height:1.6;position:relative}.skill-steps li:before{content:counter(steps);width:var(--space-6);height:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:2px;left:0}.skill-steps li a{color:var(--color-accent);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.skill-steps li a:hover{border-color:var(--color-accent)}.skill-steps li em{color:var(--color-text);background-color:var(--color-surface);padding:1px var(--space-2);font-style:normal;font-size:var(--text-sm);border-radius:3px}.skill-instruction-block{border:1px solid var(--color-border);margin-top:var(--space-4);contain:layout;border-radius:4px;overflow:hidden}.skill-instruction-header{padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.skill-instruction-label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.copy-btn{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.03em;color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:3px;font-weight:500}.copy-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.copy-btn.is-copied{color:#2d6a35;background-color:#eaf2eb;border-color:#2d6a35}.skill-instruction-text{padding:var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;word-break:break-word;background-color:#fff;margin:0;line-height:1.7;overflow-x:auto}.skill-instruction-text code{font-family:inherit}.skill-checklist{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.skill-checklist li{font-size:var(--text-base);color:var(--color-text-muted);padding-left:var(--space-8);max-width:64ch;line-height:1.6;position:relative}.skill-checklist li:before{content:"";border:1.5px solid var(--color-border);background-color:#fff;border-radius:3px;width:16px;height:16px;position:absolute;top:3px;left:0}.skill-example-block{border:1px solid var(--color-border);padding:var(--space-6);margin-top:var(--space-4);gap:var(--space-4);background-color:#fff;border-radius:4px;flex-direction:column;display:flex}.skill-example-label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:500}.skill-example-block p:not(.skill-example-label){font-size:var(--text-base);color:var(--color-text-muted);max-width:64ch;line-height:1.7}.skill-example-divider{border:none;border-top:1px solid var(--color-border);margin:0}.skill-back{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.skill-back-link{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.02em;border-bottom:1px solid var(--color-border);transition:color var(--transition-fast), border-color var(--transition-fast);padding-bottom:2px;text-decoration:none}.skill-back-link:hover{color:var(--color-text);border-color:var(--color-text)}.skill-option-label{font-size:var(--text-sm);color:var(--color-text);margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:600}.skill-option-label:first-of-type{margin-top:0}.skill-steps-sublist{margin-top:var(--space-2);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.skill-steps-sublist li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:var(--space-4);max-width:56ch;line-height:1.6;position:relative}.skill-steps-sublist li:before{content:"·";color:var(--color-border);position:absolute;left:0}.skill-steps-sublist li strong{color:var(--color-text);font-weight:500}.skill-steps-sublist li em{font-family:monospace;font-style:normal;font-size:var(--text-xs);background-color:var(--color-surface);padding:1px var(--space-2);color:var(--color-text);border-radius:3px}.skill-option-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3);margin-bottom:var(--space-6);max-width:56ch;font-style:italic;line-height:1.6}