/* Skip-to-content link — hidden until focused */ .skip-link { position: absolute; top: -100%; left: 0; z-index: 10000; padding: 0.5rem 1rem; background: var(--primary); color: var(--theme); font-weight: 600; text-decoration: none; border-radius: 0 0 4px 0; } .skip-link:focus { top: 0; } /* Restore visible focus indicators removed by the theme */ .top-link:focus-visible, #theme-toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; } /* Raise --secondary contrast in light mode to pass WCAG AA (>=4.5:1). PaperMod's light mode uses --secondary: rgb(108,108,108) which is ~3.95:1 on white. rgb(90,90,90) is ~4.7:1. :root:not(.dark) scopes this to light mode only (PaperMod sets .dark on for dark mode), leaving dark-mode --secondary unchanged. */ :root:not(.dark) { --secondary: rgb(90, 90, 90); } /* Note list titles — scoped sizing so .post-title (single-post page heading scale) isn't misused on list entries. */ .note-title { font-size: 1.25rem; font-weight: 600; margin: 0 0 0.25rem 0; }