feat: expand skills review navigation and catalog

skills-review/styles.css

@@ -2,5 +2,16 @@
 /* Review surface overrides: keep suggestions readable and packages navigable. */
 .extras{color:var(--ink);background:#e5eeeb;border-left:4px solid var(--blue)}.extras span{color:var(--blue)}.extras p{margin:0}.file-tabs{display:flex;gap:1px;overflow-x:auto;padding:10px 14px;background:#122534;border-bottom:1px solid #486175}.file-tabs button{display:grid;gap:1px;min-width:max-content;padding:7px 10px;color:#d6e1e4;background:transparent;border:1px solid #486175;cursor:pointer;text-align:left;font:11px ui-monospace,monospace}.file-tabs button span{color:#ebbf58;font-size:9px;text-transform:uppercase}.file-tabs button.active,.file-tabs button:hover{color:#122534;background:#ebbf58}.file-tabs button.active span,.file-tabs button:hover span{color:#122534}
 
+/* The Markdown action is deliberately distinct from copy and download. */
+.preview-title{display:grid;gap:2px}.preview-title small{color:#c1d1d8;font:9px/1.35 ui-monospace,monospace;letter-spacing:.05em}.preview button.preview-markdown{color:var(--ink);border-color:var(--gold);background:var(--gold)}.preview button.preview-markdown:hover,.preview button.preview-markdown[aria-pressed="true"]{color:var(--paper);background:#a7483f;border-color:#a7483f}
+
+/* Catalog rows are a fixed three-line column: author, title, then skill/status. */
+#skill-list button{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:14px 36px 26px;gap:4px;height:108px;overflow:hidden}#skill-list button span{grid-column:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#skill-list button strong,#skill-list button small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}#skill-list button strong{max-height:36px;line-height:18px}#skill-list button small{max-height:26px;line-height:13px}
+
+/* Package detail remains visible without compromising the row ceiling. */
+#skill-list button{grid-template-rows:14px 36px 13px 13px;height:120px}#skill-list button small,#skill-list button em{display:block;max-height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:13px}#skill-list button em{color:var(--blue);font:9px/13px ui-monospace,monospace;font-style:normal}#skill-list button.active em{color:#c6d2d7}
+
 /* Rendered Markdown stays inside the same bounded reading surface as source. */
 .markdown-preview{max-height:540px;overflow:auto;padding:24px;color:#d6e1e4;background:#0c1a25}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin:1.5em 0 .5em;color:#fff;line-height:1.15}.markdown-preview h1{font-size:1.8em}.markdown-preview h2{font-size:1.45em}.markdown-preview h3{font-size:1.2em}.markdown-preview p,.markdown-preview li{max-width:78ch}.markdown-preview li+li{margin-top:.35em}.markdown-preview a{color:var(--gold)}.markdown-preview code{padding:.12em .3em;color:#fff;background:#29455a;white-space:break-spaces}.markdown-preview pre{max-height:none;margin:1em 0;padding:14px;border:1px solid #486175}.markdown-preview pre code{padding:0;background:transparent}.markdown-preview blockquote{margin:1em 0;padding:.3em 1em;border-left:3px solid var(--gold);color:#b9c8d0}.markdown-preview hr{border:0;border-top:1px solid #486175}.markdown-frontmatter{display:grid;grid-template-columns:max-content 1fr;gap:3px 14px;margin:0 0 24px;padding:12px;border:1px solid #486175;font:11px/1.5 ui-monospace,monospace}.markdown-frontmatter dt{color:var(--gold)}.markdown-frontmatter dd{margin:0}.markdown-table-wrap{max-width:100%;overflow:auto;margin:1em 0;border:1px solid #486175}.markdown-preview table{width:100%;min-width:460px;border-collapse:collapse;font-size:13px}.markdown-preview th,.markdown-preview td{padding:9px 11px;border:1px solid #486175;text-align:left;vertical-align:top}.markdown-preview th{color:var(--gold);background:#173046}
+
+.markdown-toc{margin:0 0 24px;padding:12px 14px;border:1px solid #486175;background:#102b3a}.markdown-toc>span{color:var(--gold);font:700 10px ui-monospace,monospace;letter-spacing:.1em}.markdown-toc ol{display:flex;flex-wrap:wrap;gap:7px 13px;margin:9px 0 0;padding:0;list-style:none}.markdown-toc li.level-2{margin-left:10px}.markdown-toc li.level-3{margin-left:20px}.markdown-toc a{font:12px/1.3 Arial,sans-serif;text-decoration:none}.markdown-toc a:hover{text-decoration:underline}