.skills-page .topbar{position:sticky;top:0;z-index:15}
.skill-recommendations>.panel,.install-command,.install-command code{min-width:0}
.skills-page main{padding-bottom:25px}.skills-page .nav-item[href]{text-decoration:none}
.skills-hero,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.skills-hero{padding:36px;background:rgba(248,253,252,.48);border-color:rgba(255,255,255,.58);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 8px 32px rgba(25,60,70,.08),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-theme="dark"] .skills-hero{background:rgba(18,30,44,.44);border-color:rgba(178,210,232,.18);box-shadow:0 8px 32px rgba(0,0,0,.16),inset 0 1px 0 rgba(220,237,255,.05)}
.skills-hero h1{font-size:32px;margin:15px 0}.skills-hero p{color:var(--muted);line-height:1.9;margin:0}.skills-meta{color:var(--muted);margin-top:22px;font-size:12px}.skills-meta strong{color:var(--green)}
.skill-controls{display:flex;gap:14px;margin:24px 0 12px}.skill-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 16px}.skill-search span{font-size:26px;color:var(--green)}.skill-search input{color:var(--ink);width:100%;min-width:0;background:none;border:0;padding:16px 0;outline:none}.skill-select{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.skill-select select{padding:15px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);max-width:220px}
.skills-result{font-size:12px;color:var(--muted);margin:15px 0}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.skill-card{display:flex;flex-direction:column;position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:22px;transition:transform .18s,border-color .18s}.skill-card:hover{transform:translateY(-3px);border-color:var(--green)}.skill-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--soft);color:var(--green);font-size:25px}.skill-card h2{font-size:17px;overflow-wrap:anywhere;margin:15px 0 10px}.skill-card p{font-size:12px;line-height:1.9;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px;min-height:68px}
.skill-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-tags span,.skill-tags a{padding:5px 9px;border-radius:5px;background:var(--soft);color:var(--green);font-size:11px}.skill-open{margin-top:auto;padding-top:20px;color:var(--green);font-size:11px}.skills-source{font-size:11px;line-height:1.8;color:var(--muted);margin:24px 0}.skills-source a{color:var(--green)}.skills-footer{align-items:center;margin-top:30px;font-size:11px}
.skill-back{display:inline-block;color:var(--green);font-size:12px;margin:3px 0 22px}.skill-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:22px}.skill-detail-main{min-width:0}.panel{padding:24px;margin-bottom:20px}.skill-intro h1{font-size:28px;line-height:1.4;overflow-wrap:anywhere;margin:14px 0}.skill-intro p{line-height:1.9;color:var(--muted);font-size:13px}.skill-original-summary{font-size:12px!important;overflow-wrap:anywhere}.skill-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:22px}.skill-actions a{font-size:12px;color:var(--green)}.skill-actions .skill-github{background:var(--green);color:var(--surface);padding:12px 16px;border-radius:8px}html[data-theme="dark"] .skill-actions .skill-github{color:#142e27}
.md-heading,.md-buttons,.recommend-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.md-heading{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.md-heading h2,.skill-recommendations h2{font-size:16px;margin:0}.md-buttons{font-size:11px;color:var(--green);flex-wrap:wrap}.md-buttons button{padding:7px 0}.markdown-body{font-size:14px;line-height:1.9;overflow-wrap:anywhere;min-width:0}.markdown-body h1{font-size:25px}.markdown-body h2{font-size:21px}.markdown-body h3{font-size:18px}.markdown-body h1,.markdown-body h2,.markdown-body h3{line-height:1.5;margin:28px 0 14px}.markdown-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.markdown-body pre{overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:16px;line-height:1.7;white-space:pre;max-width:100%}.markdown-body code{font-family:Consolas,monospace;font-size:12px;background:var(--bg);padding:2px 4px;border-radius:4px}.markdown-body pre code{padding:0;background:none}.markdown-body blockquote{border-left:3px solid var(--green);margin-left:0;padding-left:16px;color:var(--muted)}.markdown-body img{max-width:100%;height:auto}.markdown-body table{border-collapse:collapse;display:block;overflow:auto;width:100%;font-size:12px}.markdown-body th,.markdown-body td{padding:10px 12px;border:1px solid var(--line);text-align:left;min-width:90px}.markdown-body th{background:var(--bg)}.markdown-body .frontmatter th{min-width:135px}.md-attribution{border-top:1px solid var(--line);margin:30px 0 0;padding-top:17px;color:var(--muted);font-size:10px;line-height:1.9;overflow-wrap:anywhere}.md-attribution a{color:var(--green)}.md-unavailable{padding:25px 10px;line-height:1.9;color:var(--muted)}.md-unavailable strong{color:var(--ink)}
.skill-recommendations{min-width:0}.skill-recommendations .panel{padding:20px}.skill-install p,.recommend-note{font-size:11px;color:var(--muted);margin:10px 0 15px}.install-command{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:8px}.install-command code{font-family:Consolas,monospace;font-size:11px;white-space:nowrap;overflow:auto;flex:1}.install-command button{font-size:11px;color:var(--green);padding:5px 0;flex-shrink:0}.recommend-head{margin-bottom:16px}.recommend-head button{color:var(--green);font-size:23px;padding:0 3px}.recommended-skill{display:block;margin:15px 0}.recommended-skill strong{display:block;font-size:12px;overflow-wrap:anywhere}.recommended-skill p{font-size:11px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0}.recommended-skill:hover strong{color:var(--green)}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.recommended-resource{display:flex;align-items:center;gap:7px;background:var(--bg);border-radius:7px;padding:9px;min-width:0;font-size:11px}.recommended-resource:hover{color:var(--green);background:var(--soft)}.recommended-resource .site-icon{width:24px;height:24px;border-radius:5px;font-size:12px;overflow:hidden;position:relative}.recommended-resource .site-icon img{width:100%;height:100%;object-fit:contain}.recommended-resource>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.recommend-empty{font-size:12px;color:var(--muted)}
@media(max-width:1200px){.skill-detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.recommend-grid{grid-template-columns:1fr}}
@media(max-width:1000px){.skill-detail-layout{grid-template-columns:1fr}.skill-recommendations{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skill-recommendations .panel{margin:0}.skill-recommendations .skill-install{grid-column:1/-1}.recommend-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.skills-hero{padding:25px 22px}.skills-hero h1{font-size:25px}.skills-hero p{font-size:12px}.skill-controls{flex-direction:column;gap:10px}.skill-select select{max-width:none;flex:1}.skills-grid{grid-template-columns:1fr}.skill-card{padding:20px}.skill-card p{min-height:0}.skill-detail-layout{gap:0}.skill-intro h1{font-size:25px}.panel{padding:20px 16px}.skill-recommendations{grid-template-columns:1fr;gap:18px}.markdown-body{font-size:13px}.md-heading{align-items:flex-start;flex-wrap:wrap}.skills-footer{align-items:flex-start}}

.install-alternative{margin-top:14px}.install-command-label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}