website: the operator's seven notes - a services page, the hero, and 100 dead links

Reported from his own screens. Five defects, two design.

1. THE CATEGORY ANCHORS WERE DEAD - all 100 of them. The sidebar's five app-category
   links pointed at #fajlkezeles-irodai and friends; the ids are #fajlkezeles and
   friends. The sidebar is copied into every page, so one wrong fragment was wrong
   twenty times, and a dead fragment raises no error anywhere: the browser stays put.

   New gate 23 resolves every in-site #fragment against the page it names (360 today).
   It convicted two more on its first run: the home page's four hero tiles pointed at
   /alkalmazasok#immich, which no page had ever carried, and the FAQ's contact button
   pointed at a home-page section that had moved out. Every app card now carries its
   slug as an id - taken from the card's own logo file, which gate 21 already ties to
   the catalog, so the ids cannot drift from it silently.
   Decoy site/dead-fragment puts the operator's own bug back and the gate convicts.

2. SZOLGALTATASOK IS A PAGE: /szolgaltatasok + /en/services, registered in TWINS, URL
   and SHELL. The ten capability items moved VERBATIM out of the home page; the home
   keeps the promise sentence, the three group names as links and a button, and is 345
   Hungarian / 434 English words shorter. The .caps rules stopped being .page-index-
   scoped, because the block now lives on a page with a different body class.

3. THE HOME HEADLINE is back in the hero column beside the picture, two lines with the
   second in --blue-bright at clamp(2.1rem, 4.4vw, 3.2rem). M3 had moved it into
   .page-header - the INNER pages' heading - so it shrank to 2.1rem and the domain
   badge was stranded beside it.

4. THE HERO PICTURE is the real dashboard in a laptop. The frame is the operator's own
   supplied render; the screen is dashboard-start-{hu,en}.webp composited into it, so a
   visitor sees a real box's Launcher rather than a drawing of one - the supplied
   screens are AI-drawn and misspell app names. 57 KB, named dashboard-laptop-<lang>
   so gate 19 holds it to the page's language.

5. .page-lede HAD NO CSS AT ALL on 16 pages: a bare paragraph, full width of the
   content column, hard against the box beneath it. 760px measure, centred over the
   box, air beneath; left-aligned on /szolgaltatasok, which has no centred box.

6. THE SIDEBAR LOGO: the wordmark shipped at 0.67x the mark's width where the real
   lockup (assets/logo.png, measured: mark 492px wide, wordmark 631px) has it at 1.28x.
   Mark 112px, wordmark 25px tall, 28px less vertical padding.

7. SCROLLBARS are the page's own now. The first attempt missed the viewport's: it is
   painted from <html>, and a `body.shell ::-webkit-...` rule only reaches scrollers
   inside the page.

Also: the two Latin font subsets are preloaded. With font-display: swap the page
reflowed after first paint - measured at 1339px on /alkalmazasok#media.

Checked at 390px and 1440px on all 21 pages: no sideways scrolling, footer inside the
content column everywhere, drawer opens with all 13 items. site.css?v=24.

website/CHANGELOG.md

@@ -1,4 +1,43 @@
-## 2026-10-11 (evening) — the two M3 defects a real phone found, and the gate that now holds them
+## 2026-10-12 — the operator's seven notes from his own screens
+
+Seven things, found by looking at the live site on a desktop and a phone. Five were defects, two were
+design. `site.css?v=24`.
+
+- **The category links in the sidebar were dead — all 100 of them.** The five app-category items
+  pointed at `#fajlkezeles-irodai`, `#media-szorakozas` and friends; the sections' ids are
+  `#fajlkezeles`, `#media`. The sidebar is copied into every page, so one wrong fragment was wrong
+  twenty times, and a dead fragment raises no error anywhere — the browser simply stays put.
+  **New gate 23** resolves every in-site `#fragment` against the page it names (360 of them today),
+  and it found two more live ones while being written: the home page's four hero tiles pointed at
+  `/alkalmazasok#immich` and friends, which nothing had ever carried, and the FAQ's contact button
+  pointed at a home-page section that moved out. **Every app card now carries its slug as an id**, so
+  `/alkalmazasok#immich` works — the slug comes from the card's own logo file, which gate 21 already
+  ties to the catalog.
+- **„Szolgáltatások" is a page now**, `/szolgaltatasok` and `/en/services`, not an anchor into the
+  home page. The ten capability items moved verbatim; the home keeps the promise sentence, the three
+  group names as links, and a button. The home page is 345 Hungarian words shorter.
+- **The home headline is back in the hero**, beside the picture, two lines with the second in
+  `--blue-bright` at `clamp(2.1rem, 4.4vw, 3.2rem)` — the shape and size it had before M3. It had
+  been moved into `.page-header`, which is the INNER pages' heading, so it shrank to 2.1rem and the
+  domain badge ended up stranded beside it.
+- **The hero picture is a real screenshot in a laptop.** The frame is the operator's own supplied
+  render; the screen is `dashboard-start-{hu,en}.webp` composited into it, so what a visitor sees is
+  a real box's Launcher and not a drawing of one. 57 KB, named `dashboard-laptop-<lang>.webp` so
+  gate 19 holds it to the page's language like every other dashboard picture.
+- **`.page-lede` had no CSS at all** — on 16 pages it rendered as a bare paragraph the full width of
+  the content column, hard against the box beneath it. It now shares the box's 760px measure, sits
+  over its centre, and has 28px of air beneath.
+- **The sidebar logo**: the wordmark was 0.67× the mark's width where the real lockup
+  (`assets/logo.png`, measured) has it at 1.28× — less than half the intended size. Mark 112px,
+  wordmark 25px tall, and 28px less vertical padding.
+- **The scrollbars are the page's own**, thin and in the palette. The first attempt missed the big
+  one: the viewport's scrollbar is painted from `<html>`, and a `body.shell ::-webkit-…` rule only
+  reaches scrollers inside the page.
+- **The two Latin font subsets are preloaded.** With `font-display: swap` the page reflowed after
+  first paint; measured on `/alkalmazasok#media`, the anchor target sat 1339px lower once the font
+  arrived.
+
+## 2026-10-11 (evening) — the two M3 defects a real phone found, and the gate that now holds them
 
 Both were mine, both shipped in the morning's switch, and both were reported by the operator from his
 own phone rather than caught here. `site.css?v=23` / `shell.css?v=23`, live and read back on all 20