/* Per-page CSS for the accessibility statement (/accessibility) (TO DO
 * FL-042).
 *
 * Moved verbatim out of the <style> block in templates/accessibility.html on
 * 7 October 2026. 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 template links
 * this sheet at the exact position its block held (in the page's own <head>,
 * after phronon-tokens.css and as the last sheet), so every rule meets the
 * same rules in the same order and wins the same cascade fights. Only the
 * indentation changed in the move. The sheet belongs to this tool alone and
 * is not listed in phronon_common/shared_assets.py.
 */

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background: #f5f5f5; color: #2b2b2b; line-height: 1.7; }
a { color: #0F1B2D; }
.container { max-width: 820px; margin: 0 auto; padding: 1.5rem; }
h1 { font-size: 1.6rem; margin: 1rem 0 .25rem; color: #0F1B2D; }
.doc-sub { color: #666; font-size: .9rem; margin-bottom: 1.25rem; }
h2 { color: #0F1B2D; font-size: 1.2rem; margin: 1.25rem 0 .5rem; }
ul { margin: .5rem 0 1rem 1.4rem; }
p { margin-bottom: .8rem; }
.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; }