.skill-library{padding:52px 40px 40px;max-width:1400px;margin:auto}.skill-library h1{margin:18px 0!important}.skill-library .lead{margin:0 0 20px}.library-note{font-size:12px;color:var(--ink-muted);line-height:1.9;margin:20px 0}.catalog{margin-top:32px}.filters{position:sticky;top:0;background:var(--paper);padding:18px 0 12px;z-index:2;border-top:1px solid var(--rule)}.search{display:flex;gap:12px;align-items:center;border:1px solid var(--rule);border-radius:7px;background:#fff;padding:12px 16px}.search span{font-size:24px;line-height:1}.search input{font:inherit;font-size:15px;border:0;outline:0;background:none;width:100%;min-width:0}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}#categories{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}button{font:inherit;cursor:pointer}#categories button{border:0;border-radius:6px;padding:8px 11px;background:none;color:var(--ink-soft);font-size:12px}#categories button[aria-pressed=true]{background:#e5edef;color:#07576f}#categories span{margin-left:8px;font:11px var(--mono);opacity:.7}.result-head{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-muted);margin:14px 0 22px}#grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.skill{position:relative;border:0;border-top:1px solid var(--rule);background:none;text-align:left;padding:22px 4px 26px;color:var(--ink);min-height:146px}.skill:hover{background:var(--paper-alt)}.skill-category{color:var(--accent);font-size:11px}.skill h2{font-family:var(--sans)!important;font-size:17px!important;line-height:1.7!important;margin:10px 20px 8px 0!important;font-weight:600!important}.skill-name,#detail-name{font:11px var(--mono);color:var(--ink-muted);overflow-wrap:anywhere}.arrow{position:absolute;right:4px;top:54px;color:var(--ink-muted)}.empty{grid-column:1/-1;padding:50px 0;text-align:center;color:var(--ink-muted)}.empty button{display:block;margin:20px auto;padding:9px 16px;background:var(--ink);color:white;border:0}dialog{width:calc(100% - 32px);max-width:620px;max-height:85vh;border:1px solid var(--rule);padding:0;border-radius:12px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1119;backdrop-filter:blur(3px)}.detail-content{padding:32px}#close{float:right;width:44px;height:44px;background:none;border:0;font-size:26px;margin:-16px -16px 0 12px}#detail-title{font-size:25px;line-height:1.6;margin:20px 0 10px}.detail-content h3{font-size:13px;margin:28px 0 10px}#example{padding:18px;background:var(--paper-alt);font-size:14px;line-height:2;white-space:pre-wrap}#copy{background:var(--ink);color:white;border:0;border-radius:6px;padding:12px 18px;margin:20px 0 10px;font-size:14px}#notice{font-size:12px;min-height:24px;color:var(--accent)}
@media(min-width:1600px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.skill-library{padding:28px 22px}#grid{grid-template-columns:1fr}.result-head>span:last-child{display:none}.skill-library h1{font-size:28px!important}#categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}#categories button{white-space:nowrap;flex:0 0 auto}.skill{min-height:130px}.detail-content{padding:24px}}

#categories button{min-height:44px}