:root{--ink:#172329;--muted:#586268;--paper:#f5f4ee;--white:#fff;--line:#d9dedb;--orange:#d74620;--pale:#fbece5;--green:#315d4b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;top:-80px;left:16px;z-index:10;background:var(--white);padding:14px}.skip-link:focus{top:12px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:21px 4.7%;border-bottom:1px solid var(--line);background:var(--white)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:1.8px}.monogram{width:43px;height:43px;display:grid;place-items:center;background:var(--ink);color:var(--white);font-family:Georgia,serif;font-size:33px;letter-spacing:-3px;padding-right:4px}.wordmark-sub{display:block;font-size:9px;letter-spacing:1.2px;margin-top:5px;color:var(--muted);font-weight:600}.guide-link{text-decoration:none;font-size:13px;font-weight:600;display:flex;gap:16px;align-items:center}.guide-link span{font-size:22px;color:var(--orange)}.hero{max-width:1600px;margin:auto;padding:57px 4.7% 52px;display:flex;align-items:center;justify-content:space-between;gap:36px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:1.3px;font-weight:600;margin:0 0 23px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:7px;vertical-align:1px}h1{font-size:clamp(42px,4.5vw,68px);line-height:1.05;letter-spacing:-2.8px;margin:0;font-weight:650}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--orange);letter-spacing:-2px;line-height:1.2}.hero-intro{font-size:15px;color:var(--muted);line-height:1.8;margin:20px 0 0}.hero-note{width:365px;flex-shrink:0;background:var(--ink);color:var(--white);padding:28px 30px;position:relative}.hero-note:after{content:"";position:absolute;right:0;top:0;border-top:21px solid var(--paper);border-left:21px solid #446252}.note-label{font-size:10px;color:#bdc9c5;letter-spacing:1.4px;margin:0 0 26px}.hero-stats{display:flex;gap:38px}.hero-stats strong{font-family:Georgia,serif;font-size:55px;line-height:1;display:block;font-weight:400}.hero-stats span{display:block;margin-top:12px;font-size:11px;color:#cad6d1}.note-footer{font-size:12px;line-height:1.8;border-top:1px solid #45504e;padding-top:18px;margin:23px 0 0;color:#cad6d1}.workspace{display:grid;grid-template-columns:276px minmax(0,1fr);max-width:1600px;margin:auto;border-top:1px solid var(--line);background:#f9faf7}.sidebar{border-right:1px solid var(--line);padding:28px 14px 32px 24px;align-self:start;position:sticky;top:0;max-height:100vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#d5dcd7 transparent}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 12px 18px}.sidebar-heading h2{font-size:10px;letter-spacing:1.5px;margin:0}.sidebar-heading>span{font-family:ui-monospace,monospace;font-size:9px;color:var(--muted)}.category-list{display:grid;gap:3px}.category-button{border:0;background:transparent;display:grid;grid-template-columns:23px minmax(0,1fr) 25px;gap:5px;width:100%;align-items:center;text-align:left;padding:11px 9px;color:var(--muted);border-radius:5px;min-height:42px;transition:background .15s,color .15s}.category-number{font-family:ui-monospace,monospace;font-size:10px;opacity:.8}.category-name{font-size:11px;line-height:1.5;font-weight:550}.category-count{font-family:ui-monospace,monospace;font-size:10px;text-align:right}.category-button:hover{background:#ebefe9;color:var(--ink)}.category-button[aria-pressed=true]{background:var(--ink);color:var(--white)}.category-button[aria-pressed=true] .category-count{color:#fbb190}.sidebar-note{font-size:11px;line-height:1.7;color:var(--muted);padding:20px 12px 0;margin-top:21px;border-top:1px solid var(--line)}.catalog-main{padding:27px 32px 55px;min-width:0}.search-label{display:block;font-size:12px;font-weight:650;margin:0 0 10px}.search-box{display:flex;align-items:center;gap:12px;border:1px solid #adbab3;background:var(--white);border-radius:7px;padding:0 15px;min-height:54px}.search-box:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px var(--pale)}.search-box svg{width:20px;height:20px;flex-shrink:0;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:14px;padding:17px 0;color:var(--ink);min-width:0}.search-box input:focus-visible{outline:0}.search-box input::-webkit-search-cancel-button{display:none}.search-box input::placeholder{color:#737c80}.search-box button{border:0;background:#edf0ec;border-radius:50%;width:27px;height:27px;font-size:20px;line-height:1;flex-shrink:0;color:var(--ink)}.search-hint{font-size:10px;color:var(--muted);margin:9px 0 0}.mobile-filter{display:none}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:28px 0 18px}.results-heading h2{font-size:18px;letter-spacing:-.4px;line-height:1.45;margin:0;font-weight:650}.results-heading output{white-space:nowrap;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);background:#eaf0e8;padding:7px 9px;border-radius:4px}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.skill-card{background:var(--white);border:1px solid var(--line);padding:20px 19px 15px;border-radius:7px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s;content-visibility:auto;contain-intrinsic-size:auto 285px}.skill-card:hover{border-color:#cfb5a8;box-shadow:0 4px 16px #17232908}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.card-tag{font-size:9px;line-height:1.6;color:#a53517;font-weight:600;display:block;max-width:90%}.card-serial{font:9px ui-monospace,monospace;color:#8b9690;padding-top:2px}.skill-card h3{font-size:17px;line-height:1.45;letter-spacing:-.3px;margin:14px 0 10px;font-weight:650;overflow-wrap:anywhere}.purpose{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 13px;flex-grow:1}.skill-card ul{padding:12px 0 0;list-style:none;margin:0;border-top:1px solid #edf0eb;font-size:10.5px;line-height:1.7;color:#45534d}.skill-card li{padding-left:13px;position:relative;margin:3px 0}.skill-card li:before{content:"+";position:absolute;left:0;color:var(--green);font-weight:700}.skill-id{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1px;color:#8a938e;margin:16px 0 0;overflow-wrap:anywhere}.empty-state{padding:65px 20px;text-align:center;border:1px dashed #bfc9c1;border-radius:7px;background:var(--white)}.empty-state>span{font-size:42px;color:var(--orange)}.empty-state h3{font-size:18px}.empty-state p{font-size:13px;color:var(--muted)}.empty-state button{background:var(--ink);color:white;border:0;border-radius:5px;padding:12px 17px;margin-top:10px;font-size:13px}.usage-guide{margin-top:48px;padding:30px 0 0;border-top:1px solid var(--line);scroll-margin-top:24px}.usage-guide .eyebrow{font-size:9px;color:var(--orange);margin-bottom:13px}.usage-guide h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.5px;margin:0 0 26px;line-height:1.25}.usage-guide ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.usage-guide li{display:flex;align-items:start;gap:12px}.step-number{font:11px ui-monospace,monospace;color:var(--orange);border:1px solid #ecc7b8;padding:5px;margin-top:1px}.usage-guide h3{font-size:12px;line-height:1.6;margin:0 0 8px}.usage-guide li p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.guide-caution{background:#edf1ea;border-left:3px solid var(--green);padding:17px 20px;margin-top:28px}.guide-caution strong{font-size:12px}.guide-caution p{font-size:11px;color:#45534b;line-height:1.8;margin:8px 0 0}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:25px 4.7%;font-size:11px;color:var(--muted);gap:18px}.site-footer>span:first-child{font-weight:650;color:var(--ink)}.site-footer a{font-size:10px;text-decoration:none}.noscript-note{font-size:13px;background:var(--pale);padding:15px}
@media(min-width:1500px){.sidebar{padding-left:32px}.workspace{grid-template-columns:300px minmax(0,1fr)}.catalog-main{padding:32px 45px 60px}.skill-grid{gap:20px}.skill-card{padding:23px}}
@media(max-width:1150px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:250px minmax(0,1fr)}.catalog-main{padding:26px 24px}.sidebar{padding-left:12px}.hero-note{width:320px;padding:25px}.hero-stats{gap:26px}.hero-stats strong{font-size:48px}.usage-guide ol{grid-template-columns:1fr;gap:22px}}
@media(max-width:760px){.site-header{padding:16px 22px}.wordmark{font-size:11px;gap:9px;letter-spacing:1px}.monogram{width:36px;height:36px;font-size:29px}.wordmark-sub{font-size:8px;letter-spacing:.7px}.guide-link{font-size:11px;gap:7px}.hero{padding:35px 22px 30px;display:block}.eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:17px}h1{font-size:46px;letter-spacing:-2.2px}.hero-intro{font-size:13px;margin-top:15px;line-height:1.75}.hero-note{width:100%;margin-top:26px;padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:0 23px}.note-label{width:100%;font-size:8px;margin:0 0 17px}.hero-stats{gap:26px}.hero-stats strong{font-size:35px}.hero-stats span{font-size:9px;margin-top:6px}.note-footer{font-size:10px;line-height:1.8;border:0;padding:0;margin:0 0 0 auto}.workspace{display:block}.sidebar{display:none}.catalog-main{padding:24px 22px 35px}.search-box{min-height:50px;padding:0 13px}.search-box input{font-size:13px;padding:15px 0}.mobile-filter{display:block;margin-top:15px}.mobile-filter label{font-size:10px;display:block;margin-bottom:6px;color:var(--muted)}.mobile-filter select{width:100%;background:white;border:1px solid #cbd4cd;padding:11px 12px;color:var(--ink);border-radius:5px;font-size:12px;min-height:43px}.search-hint{font-size:9px;margin-top:9px}.results-heading{margin:24px 0 15px;gap:10px}.results-heading h2{font-size:16px}.results-heading output{font-size:9px;padding:6px}.skill-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{padding:16px 14px 13px}.skill-card h3{font-size:16px}.card-tag{font-size:8px}.card-serial{display:none}.purpose{font-size:11px}.skill-card ul{font-size:10px}.skill-id{font-size:8px}.usage-guide{margin-top:33px;padding-top:26px}.usage-guide h2{font-size:27px}.site-footer{padding:22px;flex-wrap:wrap;font-size:10px;gap:12px}.site-footer>span:first-child{width:100%}.site-footer a{margin-left:auto}}
@media(max-width:480px){.skill-grid{grid-template-columns:1fr}.skill-card{padding:20px;contain-intrinsic-size:auto 260px}.card-top .card-tag{font-size:9px}.card-serial{display:block}.skill-card h3{font-size:19px;margin:12px 0 9px}.purpose{font-size:12px;margin-bottom:14px}.skill-card ul{font-size:11px}.skill-id{font-size:9px}.hero-note{gap:0}.hero-stats{width:100%;justify-content:flex-start;gap:47px}.note-footer{margin:16px 0 0;padding-top:14px;border-top:1px solid #45504e;width:100%;font-size:10px}.note-footer br{display:none}.guide-caution{padding:14px 16px}.guide-link span{font-size:18px}.wordmark-sub{font-size:7px}.usage-guide .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}