fix(a11y): split compound kbd shortcuts into individual key elements

Each key in a shortcut combo now has its own :kbd: role
(e.g. :kbd:`Ctrl`+:kbd:`F` instead of :kbd:`Ctrl+F`) for correct
semantic HTML. Also adds 1px block margin to kbd for visual breathing
room, and updates the style guide example accordingly.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>

Author: skjnldsv

_shared_assets/static/custom.css

@@ -135,6 +135,7 @@ button.rst-current-version {
 kbd {
 	color: #c0392b !important;
 	border-color: #767676 !important;
+	margin-block: 1px;
 }
 
 /* Inline code — RTD uses #e74c3c on white which gives ~3.82:1, below

admin_manual/desktop/troubleshooting.rst

@@ -170,7 +170,7 @@ Another way to obtain the client log file:
 
 1. Open the Nextcloud Desktop Client.
 
-2. Press :kbd:`F12` or :kbd:`Ctrl+L` on your keyboard.
+2. Press :kbd:`F12` or :kbd:`Ctrl`+:kbd:`L` on your keyboard.
 
 The Log Output window opens.
 

style_guide.rst

@@ -326,9 +326,10 @@ page moves.
      Click :guilabel:`Save` to confirm.
 
 ``:kbd:``
-   Use for keyboard shortcuts::
+   Use for keyboard shortcuts. Each key gets its own ``:kbd:`` role, with the
+   separator character outside::
 
-     Press :kbd:`Ctrl+S` to save.
+     Press :kbd:`Ctrl`+:kbd:`S` to save.
 
 ``:file:``
    Use for file paths to ensure consistent rendering::

user_manual/universal_access.rst

@@ -27,12 +27,12 @@ Navigating via keyboard
 
 You can navigate the web interface with a keyboard, just as you would with a mouse:
 
-* :kbd:`Tab` and :kbd:`Shift+Tab` to move between elements
+* :kbd:`Tab` and :kbd:`Shift`+:kbd:`Tab` to move between elements
 * :kbd:`Enter` or :kbd:`Space` to activate or open the element (depending on the type of element)
 * :kbd:`Escape` to be used to close modals, popover menus, and file viewers
 * :kbd:`Left arrow` and :kbd:`Right arrow` to navigate between photos in the viewer
-* :kbd:`Ctrl+F` to focus the search field
-* :kbd:`Ctrl+S` to save changes in editors like Nextcloud Text
+* :kbd:`Ctrl`+:kbd:`F` to focus the search field
+* :kbd:`Ctrl`+:kbd:`S` to save changes in editors like Nextcloud Text
 
 For quicker navigation, we offer two "skip links" at the beginning of the document which allow you to:
 
@@ -58,7 +58,7 @@ Nextcloud Mail has shortcuts as well, also documented inside the settings of the
 * :kbd:`S` to toggle a message as favorite
 * :kbd:`U` to toggle a message unread
 * :kbd:`Del` to delete a message
-* :kbd:`Ctrl+Enter` to send
+* :kbd:`Ctrl`+:kbd:`Enter` to send
 * :kbd:`R` to refresh and load new mails