.skill-detail{background:var(--bg-card);border:1px solid var(--border-green);position:relative;margin-bottom:28px}.skill-detail:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--green)}.sd-head{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 28px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);align-items:start}.sd-head .left .row1{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:8px}.sd-head .left .row1 .pulse{width:6px;height:6px;background:var(--green);animation:pulse-dot 1.6s infinite}.sd-head .left h3{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.sd-head .left p{font-family:IBM Plex Sans,sans-serif;font-size:15px;color:var(--text-secondary);line-height:1.6;margin-top:8px;max-width:600px}.sd-head .right{display:flex;flex-direction:column;gap:4px;text-align:right;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;min-width:140px}.sd-head .right .v{color:var(--green)}.sd-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.sd-meta-grid .cell{background:var(--bg-card);padding:14px 22px}.sd-meta-grid .cell .k{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.sd-meta-grid .cell .v{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;color:var(--text-primary)}.sd-body{padding:26px 28px}.sd-body h4{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;color:var(--green);text-transform:uppercase;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.sd-body h4:first-child{margin-top:0}.sd-body p{font-family:IBM Plex Sans,sans-serif;font-size:16px;color:var(--text-secondary);line-height:1.65;margin-bottom:12px;max-width:720px}.sd-body code.inline{font-family:JetBrains Mono,monospace;font-size:13px;padding:1px 7px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--green)}.sd-body pre{font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);padding:16px 18px;overflow-x:auto;margin:10px 0 14px;white-space:pre}.sd-body pre .gr{color:var(--green)}.sd-body pre .dim{color:var(--text-dim)}.sd-body pre .yl{color:#ffd84a}.sd-body pre .bl{color:var(--blue)}.sd-body pre .hl{color:var(--text-primary)}.sd-body pre .ac{color:#a855f7}.sd-body ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sd-body ul li{padding-left:20px;position:relative;font-size:15px;color:var(--text-secondary);line-height:1.55}.sd-body ul li:before{content:"+";position:absolute;left:0;color:var(--green);font-family:JetBrains Mono,monospace;font-weight:600}.sd-body .callout{background:var(--bg-tertiary);border:1px solid var(--border);border-left:2px solid #ffd84a;padding:12px 16px;margin:10px 0;font-family:IBM Plex Sans,sans-serif;font-size:14px;color:var(--text-secondary);line-height:1.55}.sd-body .callout .lab{display:inline-block;margin-right:8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:#ffd84a;text-transform:uppercase}.skill-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);background:var(--bg-card)}.skill-roadmap .row{display:grid;grid-template-columns:36px 1fr auto;gap:16px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.skill-roadmap .row:nth-child(2n){border-right:none}.skill-roadmap .row .n{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--text-muted, #444);text-align:right}.skill-roadmap .row .info .nm{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:3px}.skill-roadmap .row .info .desc{font-family:IBM Plex Sans,sans-serif;font-size:14px;color:var(--text-dim);line-height:1.5}.skill-roadmap .row .status{font-family:JetBrains Mono,monospace;font-size:9px;padding:3px 8px;border:1px solid currentColor;letter-spacing:.12em;text-transform:uppercase}.skill-roadmap .row.q .status{color:#ffd84a}.skill-roadmap .row.d .status{color:#a855f7}.skill-roadmap .row.s .status{color:var(--text-dim)}@media(max-width:980px){.sd-head,.sd-meta-grid,.skill-roadmap{grid-template-columns:1fr}.skill-roadmap .row{border-right:none}}