/* ============================================================
   KeyLen Web — KeyLen AI Help document
   ------------------------------------------------------------
   `/ai/help` is the PROCEDURAL DOCUMENT for KeyLen AI. It is the
   sibling of `/finder/help`, and it reuses that document's whole
   system: `help.css` supplies the section rhythm, the contents
   list, the inline lists, the action table, the figure and the
   inline links. None of that is redefined here.

   WHY THIS FILE EXISTS AT ALL
   ---------------------------
   `help.css` is FROZEN and is NOT modified. It sizes its one
   screenshot for a LANDSCAPE capture:

       .help-shot img { width: 100% }        (help.css, frozen)

   On `/finder/help` that image is 2000 x 1300, so full width is
   roughly 866px tall — a screenshot inside a document.

   KeyLen AI's result capture is PORTRAIT: 1179 x 2556. The same
   rule would render it roughly 2887px tall at desktop width —
   more than twice the viewport. That is not a screenshot in a
   document; it is the document. So the DISPLAY width is capped
   here, and only here.

   This file is ADDITIVE and PAGE-LOCAL:

     - it is linked by `/ai/help` and `/ai/help/zh` and by nothing
       else, so `/finder/help`, `/finder/help/zh`, `/ai`, the
       homepage, Privacy and Terms cannot be affected by it;
     - it changes NO source pixel. The Round 6C masters are
       referenced by path and remain byte-identical. Only the
       rendered width is constrained;
     - it defines exactly one new selector and overrides nothing
       from `help.css` — `.ai-help-shot` is a name `help.css`
       does not know, applied alongside `.help-shot`, which
       continues to supply the margin, the grid placement and the
       caption treatment.

   No new type scale, no new colour, no new component, no
   interaction. No JavaScript is involved anywhere on this page.
   ============================================================ */

/* ---- the portrait result capture ---------------------------
   `max-width`, never `width`: a block can never exceed its
   containing block, so this caps the image at 360px on desktop
   and lets it shrink naturally on the single reading axis below
   that — no second media query is needed and no viewport width
   can be overflowed.

   360px wide x (2556 / 1179) ~= 780px tall: a capture the reader
   can actually read, inside a section they can still scan. */
.ai-help-shot { max-width: 360px; }

/* ---- the action table's second column ----------------------
   `help.css` ends its table with:

       .help-table td:last-child,
       .help-table th:last-child { padding-right: 0; width: 1%; }

   That is right for `/finder/help`, whose last column holds a
   keyboard SHORTCUT — two or three characters, and `nowrap`. It
   is wrong here: KeyLen AI's last column is the DESCRIPTION, so
   `width: 1%` squeezes it to one word per line while the action
   name takes the whole row.

   `help.css` is FROZEN and is not touched. This rule is
   page-local — only `/ai/help` links this stylesheet — and it is
   scoped by `.ai-help-table`, so it can only ever reach the one
   table on this page. Both columns are then sized by content:
   the action name is `nowrap` and short, the description takes
   the remainder. */
.ai-help-table .help-table td:last-child,
.ai-help-table .help-table th:last-child { width: auto; }