.skills-head .sub{max-width:700px}.skills-head .right .cat-count{margin-top:10px}.skills-strip{display:grid;grid-template-columns:1.05fr 1.65fr .8fr 1.1fr;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:11px;color:var(--ink-3)}.skills-strip>div{padding:16px 22px;border-left:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:4px;min-width:0}.skills-strip>div:first-child{border-left:0;padding-left:0}.skills-strip .label{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--ink-4)}.skills-strip .value{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.35;overflow-wrap:anywhere}@media(max-width:900px){.skills-strip{grid-template-columns:1fr 1fr}.skills-strip>div:nth-child(3){border-left:0;padding-left:0}}@media(max-width:560px){.skills-strip{grid-template-columns:1fr}.skills-strip>div{border-left:0;padding:14px 0;border-top:1px solid var(--rule-soft)}.skills-strip>div:first-child{border-top:0}.skills-strip .value{font-size:16px}}.skills-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:var(--space-7);padding:var(--space-7) 0;border-bottom:var(--surface-border);align-items:stretch}.skills-workbench-lead{padding:var(--space-6);border:var(--surface-border);background:color-mix(in srgb,var(--paper) 74%,transparent)}.skills-workbench-lead .label{display:block;margin-bottom:var(--space-3);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-loose);text-transform:uppercase;color:var(--accent)}.skills-workbench-lead h2{margin:0 0 var(--space-3);font-family:var(--serif);font-size:clamp(22px,3vw,34px);line-height:1.2;color:var(--ink);letter-spacing:0}.skills-workbench-lead p{margin:0;max-width:640px;color:var(--ink-2);font-size:15px;line-height:1.72}.skills-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--surface-border);border-left:var(--surface-border)}.skills-metrics>div{min-height:116px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-right:var(--surface-border);border-bottom:var(--surface-border);background:var(--paper)}.skills-metrics span{font-family:var(--serif);font-size:clamp(28px,3.5vw,44px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.skills-metrics small{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);line-height:1.45}.skill-cat-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:var(--surface-border);background:color-mix(in srgb,var(--bg) 72%,var(--paper))}.skill-cat-rail button{appearance:none;min-width:0;min-height:90px;padding:var(--space-4) var(--space-3);border:0;border-left:var(--surface-border-soft);background:transparent;color:var(--ink-2);cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);transition:background var(--motion-fast),color var(--motion-fast)}.skill-cat-rail button:first-child{border-left:0}.skill-cat-rail button:hover,.skill-cat-rail button.active{background:var(--hl);color:var(--accent)}.skill-cat-rail span{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}.skill-cat-rail strong{font-family:var(--serif);font-size:17px;line-height:1.25;color:var(--ink);font-weight:600}.skill-cat-rail button:hover strong,.skill-cat-rail button.active strong{color:var(--accent)}.skill-cat-rail em{align-self:flex-start;font-family:var(--mono);font-size:var(--text-xs);font-style:normal;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:var(--radius-pill);padding:2px 8px}.skills-console{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(260px,360px) auto;gap:var(--space-4) var(--space-6);align-items:end;padding:var(--space-5) 0 var(--space-4);border-bottom:var(--surface-border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.skills-search{display:flex;flex-direction:column;gap:8px}.skills-search label{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4)}.skills-search input{appearance:none;width:100%;box-sizing:border-box;border:var(--surface-border);background:var(--paper);color:var(--ink);border-radius:var(--radius-md);padding:12px 14px;font-family:var(--sans);font-size:var(--text-body);outline:none;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.skills-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--hl)}.skills-console-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.skills-result{margin:0;font-family:var(--mono);font-size:var(--text-sm);letter-spacing:.08em;color:var(--ink-3)}@media(max-width:860px){.skills-console{grid-template-columns:1fr;gap:16px}.skills-console-side{align-items:flex-start}}@media(max-width:640px){.skills-console{position:static;gap:14px;padding:var(--space-4) 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.skills-search input{min-height:46px;font-size:16px;padding:11px 13px}.skills-result{font-size:11px}}.skill-cmd{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:var(--radius-sm);padding:4px 9px;cursor:pointer;user-select:none;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast);white-space:nowrap}.skill-cmd:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.skill-cmd.copied{background:var(--accent);color:var(--paper);border-color:var(--accent)}.skill-cmd svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;opacity:.72}.skill-triggers{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.skill-trigger{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--ink-3);border:var(--surface-border-soft);border-radius:var(--radius-pill);padding:2px 8px;white-space:nowrap}.skill-trigger:before{content:'"';opacity:.5}.skill-trigger:after{content:'"';opacity:.5}.skills-pinned{padding-bottom:var(--space-5)}.skill-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);padding:var(--space-6) 0 var(--space-4)}.skill-card{min-width:0;min-height:200px;display:flex;flex-direction:column;gap:10px;padding:20px;position:relative;overflow:hidden;border:var(--surface-border);background:var(--paper);border-radius:var(--radius-lg);transition:border-color var(--motion-fast)}.skill-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--motion)}.skill-card:hover:after{transform:scaleX(1)}.skill-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.skill-cat-badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.8;white-space:nowrap}.skill-card h2{margin:0;color:var(--ink);font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:0}.skill-card p{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.68;flex-grow:1}.skill-card-foot{padding-top:12px;border-top:var(--surface-border-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.skill-card-tags{display:flex;flex-wrap:wrap;gap:4px}.skill-card-tags span{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--ink-4);border:var(--surface-border-soft);border-radius:var(--radius-pill);padding:1px 7px}@media(max-width:980px){.skill-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.skill-card-grid{grid-template-columns:1fr}.skill-card{min-height:0}}.skills-flow{padding-bottom:70px}.skill-cat-section{padding-top:20px}.skill-cat-section[hidden],.skill-card[hidden],.skill-row[hidden]{display:none}.skill-cat-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:18px;align-items:baseline;padding:18px 0;border-bottom:var(--surface-border)}.skill-cat-head .num,.skill-cat-head .cat-count,.skill-cat-head .english{font-family:var(--mono);font-size:var(--text-sm);color:var(--ink-4);letter-spacing:.14em;text-transform:uppercase}.skill-cat-head .cat-count{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:var(--radius-pill);padding:4px 10px;white-space:nowrap}.skill-cat-head h2{margin:0 0 6px;font-family:var(--serif);font-size:var(--text-title-md);color:var(--ink);line-height:1.25;letter-spacing:0}.skill-cat-head p{margin:0;max-width:640px;color:var(--ink-3);font-size:14px;line-height:1.65}.skill-table{display:flex;flex-direction:column}.skill-row{display:grid;grid-template-columns:40px minmax(160px,240px) minmax(200px,1fr) 100px 180px;gap:16px;align-items:baseline;padding:18px 0;border-bottom:var(--surface-border-soft);scroll-margin-top:130px;cursor:pointer;transition:background var(--motion-fast)}.skill-row:hover{background:var(--hl)}.skill-row .num{font-family:var(--mono);font-size:var(--text-sm);color:var(--ink-4);letter-spacing:.08em}.skill-row .main{min-width:0;display:flex;flex-direction:column;gap:5px}.skill-row .main strong{font-family:var(--serif);font-size:var(--text-subhead);line-height:1.28;color:var(--ink);font-weight:600}.skill-row:hover .main strong{color:var(--accent)}.skill-row .main small{font-size:var(--text-body-sm);line-height:1.6;color:var(--ink-3);font-weight:400}.skill-row .row-cat{font-family:var(--mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.08em}.skill-row .row-triggers{font-family:var(--mono);font-size:var(--text-sm);color:var(--ink-3);letter-spacing:.04em;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills-empty{padding:22px;margin:28px 0 0;color:var(--ink-3);font-size:var(--text-body)}@media(max-width:980px){.skill-row{grid-template-columns:38px minmax(140px,200px) 1fr 90px;gap:12px}.skill-row .row-cat{grid-column:3}.skill-row .row-triggers{grid-column:4;grid-row:1}}@media(max-width:640px){.skills-workbench{grid-template-columns:1fr;gap:var(--space-4)}.skills-workbench-lead{padding:var(--space-5)}.skills-workbench-lead h2{font-size:22px}.skills-metrics{grid-template-columns:repeat(2,1fr)}.skills-metrics>div{min-height:96px}.skill-cat-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.skill-cat-rail button{flex:0 0 130px;min-height:80px;scroll-snap-align:start}.skill-card-grid{padding-top:var(--space-4)}.skill-card{padding:16px}.skill-card h2{font-size:20px}.skill-cat-head{grid-template-columns:1fr;gap:6px}.skill-cat-head .english{display:none}.skill-row{grid-template-columns:30px 1fr;gap:6px 10px;padding:20px 0;align-items:start}.skill-row .num{display:none}.skill-row .skill-cmd{grid-column:1;grid-row:1;margin-top:2px}.skill-row .main{grid-column:2}.skill-row .row-cat,.skill-row .row-triggers{grid-column:2;grid-row:auto;text-align:left}}
