/*
 * Claude Skill Finder and the plugin pages. Loads after the Last Table tokens and components; uses only Last Table
 * variables. Glow stays on the one main action (Find skills); the tier uses the plain status chip.
 */
.lt-page .sk-last { padding-bottom: var(--lt-space-8); }

.sk-form { max-width: 48rem; }
.sk-field { display: flex; flex-direction: column; gap: var(--lt-space-1); min-width: 0; }
.sk-field .lt-input { min-height: 44px; width: 100%; flex: none; margin-top: auto; }
.sk-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: var(--lt-space-3); margin-top: var(--lt-space-3); }
.sk-actions { margin: var(--lt-space-4) 0 0; }
.sk-totals { margin: var(--lt-space-4) 0 0; max-width: var(--lt-measure); color: var(--lt-text-2); font-size: var(--lt-step--1); }

.sk-list { list-style: none; margin: var(--lt-space-5) 0 0; padding: 0; display: grid; gap: var(--lt-space-4); max-width: 52rem; }
.sk-hit { padding: var(--lt-space-4) var(--lt-space-5); min-width: 0; }
.sk-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lt-space-2) var(--lt-space-3); }
.sk-head .lt-h3 { margin: 0; overflow-wrap: anywhere; }
.sk-title { overflow-wrap: anywhere; margin: 0; }
.sk-meta { margin: var(--lt-space-2) 0 0; color: var(--lt-text-2); font-size: var(--lt-step--1); overflow-wrap: anywhere; }
.sk-desc { margin: var(--lt-space-2) 0 0; max-width: var(--lt-measure); overflow-wrap: anywhere; }
.sk-how { margin: var(--lt-space-3) 0 var(--lt-space-1); color: var(--lt-text-3); font-size: var(--lt-step--1); }
.sk-code { max-width: 44rem; }
/* An install line is one short command that people read before they copy it: on a phone it wraps beside the Copy button
   instead of scrolling under it. Copy takes the text, so a wrap point never enters the command. */
.sk-code pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.sk-more { margin: var(--lt-space-2) 0 0; }
.sk-more summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; color: var(--lt-text-2); font-size: var(--lt-step--1); }
.sk-more summary:hover { color: var(--lt-text-1); }
.sk-more summary::before { content: "+"; display: inline-block; width: 1.25em; font-family: var(--lt-font-mono); }
.sk-more[open] summary::before { content: "\2212"; }
.sk-note { margin: var(--lt-space-3) 0 0; max-width: var(--lt-measure); color: var(--lt-text-2); font-size: var(--lt-step--1); }
.sk-links { margin: var(--lt-space-3) 0 0; display: flex; flex-wrap: wrap; gap: var(--lt-space-4); font-size: var(--lt-step--1); }

.sk-samples { display: flex; flex-wrap: wrap; gap: var(--lt-space-2) var(--lt-space-5); margin: var(--lt-space-4) 0 0; padding: 0; list-style: none; }
.sk-samples a { display: inline-flex; align-items: center; min-height: 44px; }
.sk-about { max-width: var(--lt-measure); padding-left: var(--lt-space-5); }
.sk-about li + li { margin-top: var(--lt-space-2); }
.sk-source { margin-top: var(--lt-space-6); max-width: var(--lt-measure); font-size: var(--lt-step--1); }
.sk-text { max-width: var(--lt-measure); overflow-wrap: anywhere; }

.sk-parts { list-style: none; margin: var(--lt-space-4) 0 0; padding: 0; border-top: 1px solid var(--lt-line); max-width: 52rem; }
.sk-part { padding: var(--lt-space-4) 0; border-bottom: 1px solid var(--lt-line); min-width: 0; }
.sk-part-name { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.sk-kind { color: var(--lt-text-3); font-size: var(--lt-step--1); font-weight: 600; margin-right: var(--lt-space-2); }