.skills-terminal{grid-template-rows:32px 24px minmax(0,1fr) 58px 24px}
.skills-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:8px}
.panel-inset{position:absolute;inset:5px;pointer-events:none}
.categories{padding:32px 18px 16px;display:flex;flex-direction:column}
.sidebar-title{font-size:18px;line-height:26px;margin:0 10px 32px}
.category-list{display:flex;flex-direction:column;gap:7px}
.category-list button{display:block;flex-shrink:0;text-align:left;cursor:pointer;background:transparent;border:1px solid transparent;padding:10px 8px;font-size:15px;line-height:20px;white-space:nowrap}
.category-list button[aria-pressed=true]{border-color:var(--ink);outline:1px dotted #8d8d87;outline-offset:2px}
.category-list button:hover{background:#1b1b19}
.sidebar-bottom{margin-top:auto}.planet{display:block;width:172px;height:auto;margin:18px auto 16px;mix-blend-mode:screen}
blockquote{font-size:15px;line-height:24px;margin:0 10px;white-space:nowrap}.short-rule{font-size:18px;line-height:20px;margin-top:10px}.sidebar-bottom .short-rule{margin:5px 10px}.sidebar-caption{font-size:10px;line-height:15px;margin-left:10px}
.skills-panel{display:flex;flex-direction:column;position:relative;padding:32px 192px 22px 24px}
.skills-heading{flex-shrink:0;position:relative;z-index:1}.skills-heading h1{display:flex;gap:15px;align-items:center;font-size:34px;font-weight:600;line-height:44px;letter-spacing:3px}.skills-heading .number{font-size:15px;line-height:18px;letter-spacing:0}.english-title{font-size:18px;line-height:28px;margin-top:1px}.skills-intro{font-size:19px;line-height:29px;letter-spacing:1px;margin-top:9px;white-space:nowrap}.skills-heading .short-rule{margin-top:4px}
.tools-caption{position:absolute;left:56%;top:44px;font-size:10px;line-height:14px;z-index:2}.tools-caption span,.right-rail p span{display:block;margin-top:12px;font-size:18px}
.double-stars{position:absolute;right:15px;top:20px;width:350px;height:auto;mix-blend-mode:screen;pointer-events:none}
.skills-content{position:relative;z-index:1;margin-top:12px;flex:1;min-height:0;display:flex;flex-direction:column}
.tabs{display:flex;gap:12px;margin:0 0 16px;flex-shrink:0}.tabs button{min-width:72px;padding:5px 15px;background:var(--bg);border:1px dotted #a4a49e;font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--bg);background:var(--ink);outline:1px solid #91918a;outline-offset:2px}.tabs button:hover{border-style:solid}
#skill-results{flex:1;min-height:0;border:1px solid #aaa;position:relative;background:var(--bg)}
.skill-row{display:grid;grid-template-columns:24px 192px minmax(0,1fr) 88px 14px;align-items:center;gap:13px;padding:20px 14px;border-bottom:1px dashed #45453f;min-height:112px}.skill-row:hover{background:#141412}.skill-row:hover h2{text-decoration:underline;text-underline-offset:4px}.skill-icon{font-size:27px;line-height:32px}.skill-name h2{font-size:13px;line-height:21px;font-weight:400;overflow-wrap:anywhere}.skill-name p{font-size:11px;line-height:19px;color:var(--muted);margin-top:5px}.skill-description{font-size:12px;line-height:21px;color:var(--muted)}.skill-tag{border:1px dotted #85857e;padding:4px 5px;font-size:10px;text-align:center;white-space:nowrap}.external-arrow{font-size:17px}.results-caption{display:flex;justify-content:space-between;font-size:9px;line-height:16px;color:var(--muted);margin-top:12px;flex-shrink:0}
.empty-state{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.empty-state img{width:235px;height:auto;mix-blend-mode:screen}.empty-state h2{font-size:18px;font-weight:400;letter-spacing:3px}
.right-rail{position:absolute;right:12px;top:8px;bottom:9px;width:158px;border-left:1px dashed #a3a39c;pointer-events:none}.right-rail:before{content:'';position:absolute;top:195px;width:100%;border-top:1px dashed #a3a39c}.right-rail p{position:absolute;top:227px;left:24px;font-size:11px;line-height:16px}.right-rail img{position:absolute;bottom:0;left:1px;width:155px;height:auto;mix-blend-mode:screen}
.skills-message{display:flex;align-items:center;padding:8px 26px;gap:26px}.prompt-mark{font-size:24px;width:65px;border-right:1px dashed #aaa;line-height:36px}.skills-message p{font-size:18px;letter-spacing:3px}.slashes{margin-left:auto;font-size:25px}
[hidden]{display:none!important}
@media(max-width:1100px){.skills-terminal{grid-template-rows:32px 24px minmax(0,1fr) 58px 24px}}


/* The panel fills available space; rows keep their own height and scroll inside. */
#skill-results{overflow:auto;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#85857e var(--bg)}
#skill-results::-webkit-scrollbar{width:10px;height:10px}
#skill-results::-webkit-scrollbar-track{background:var(--bg)}
#skill-results::-webkit-scrollbar-thumb{background:#85857e;border:2px solid var(--bg)}

.skill-row:focus-visible{outline-offset:-3px}

.empty-state img{max-height:60%;object-fit:contain;flex-shrink:1}