/* The axi0 Passwords extension's privacy policy page (/passwords/privacy/): the about page's article look, as a file
   because this path's policy allows no inline styles. Colours come from /axi0/search.css (light and dark). */
body { margin: 0; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 120; padding: 8px 14px; border-radius: 999px; background: var(--ax-core); color: #000; font-weight: 600; text-decoration: none; }
.skip:focus { top: 12px; }
header.top #axi0-apps, header.top #axi0-me { position: relative; top: auto; right: auto; }
.mark { display: inline-flex; align-items: baseline; gap: .12em; color: var(--ax-head); text-decoration: none; font-size: 26px; font-weight: 600; letter-spacing: -.045em; white-space: nowrap; }
.mark-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ax-core); box-shadow: 0 0 9px var(--ax-core); transform: translateY(-2px); }
.mark-s { color: var(--ax-mute); font-weight: 500; }
@media (max-width: 600px) { .mark { font-size: 22px; } }
.about { max-width: 46em; margin: 0 auto; padding: 28px 20px 60px; color: var(--ax-text); font-size: 15.5px; line-height: 1.55; }
.about h1 { font-size: 34px; font-weight: 600; letter-spacing: -.03em; color: var(--ax-head); margin: 0 0 6px; }
.about .lede { color: var(--ax-mute); margin: 0 0 32px; }
.about h2 { font-size: 18px; font-weight: 600; color: var(--ax-head); margin: 34px 0 8px; letter-spacing: -.01em; }
.about p { margin: 0 0 12px; }
.about a { color: var(--ax-core-ink); text-decoration: underline; text-decoration-color: rgba(246, 160, 77, .45); text-underline-offset: 3px; }
.about a:hover { text-decoration-color: currentColor; }
.about code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; color: var(--ax-head); }
.about ul { margin: 0 0 12px; padding-left: 1.2em; }
.about li { margin: 0 0 6px; }
.about .when { color: var(--ax-mute); font-size: 14px; margin-top: 32px; }