/* Per-page CSS for the participant shell, participant_base.html (TO DO
 * FL-042).
 *
 * Moved verbatim out of the <style> block in templates/participant_base.html
 * on 7 October 2026: the four rules that no page overrides. The fleet's CSS
 * gates read stylesheets only, and a <style> block in a template wins by
 * load order over every sheet linked before it: the trap that let the
 * fleet's nav bars drift in July. The shell links this sheet where the block
 * began (after phronon-tokens.css), and the card rules that followed these
 * four stay inline right after the link, because they are the card_shell_css
 * block that share_card.html, decision_lab.html and org_studio.html replace.
 * So every rule keeps its order. Only the indentation changed in the move.
 * The sheet belongs to this tool alone and is not listed in
 * phronon_common/shared_assets.py.
 */

.skip-link { position: absolute; left: -9999px; top: 0; background: #0F1B2D; color: #fff; padding: .5rem 1rem; z-index: 1000; border-radius: 0 0 6px 0; }
.skip-link:focus { left: 0; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background: #f5f5f5; color: #171717; }