homepage: rework LLM model cards to structured role/spec/use lines

Each LLM card now carries a details object (role/spec/use) rendered as a
bold pale-green role, a bright-green spec line, and a dim 'Use:' line.
app.js descHTML() falls back to the plain description for non-LLM cards;
new .desc-role/.desc-spec/.desc-use CSS + bare-mode reset.

Roles made neutral (no nicknames): frank-large = deep reasoning,
frank-medium = primary model, frank-small = fast utility model.

The /docs model guide was fixed — it had drifted to retired model info
(frank-large as Qwen3.8-Flash-Next 87.3 GiB/200k, frank-medium as FP8
~31 GiB) — now Qwen3.8-27B UD-Q8_K_XL 31.5 GiB/262k and MXFP4/W4A8
19.4 GiB, reordered large->medium->small. bats 30/30 + live render.

shared/homepage/style.css

@@ -78,6 +78,9 @@ body::before {
 .badge.wip-open { color: var(--wip); }
 .badge.wip-closed { color: var(--dim); }
 .desc { color: var(--fg); margin: 8px 0; }
+.desc-role { color: var(--head); font-weight: bold; }
+.desc-spec { color: var(--fg); }
+.desc-use { color: var(--dim); margin-top: 4px; }
 .links a { color: var(--link); text-decoration: underline; margin-right: 12px; }
 
 .foot {
@@ -105,5 +108,6 @@ html[data-bare="1"] body { background: #fff; color: #000; font-family: serif; te
 html[data-bare="1"] body::before { display: none; }
 html[data-bare="1"] .panel, html[data-bare="1"] .top, html[data-bare="1"] .foot { border-color: #000; background: none; }
 html[data-bare="1"] .badge, html[data-bare="1"] .name, html[data-bare="1"] .desc, html[data-bare="1"] .summary, html[data-bare="1"] .section-title { color: #000; }
+html[data-bare="1"] .desc-role, html[data-bare="1"] .desc-spec, html[data-bare="1"] .desc-use { color: #000; font-weight: normal; }
 html[data-bare="1"] .section-title { border-color: #000; }
 html[data-bare="1"] .links a, html[data-bare="1"] .toggle, html[data-bare="1"] .foot a { color: #000; }