/* Shared by the app-password help pages. The rest of the site inlines its
   styles, but seven pages sharing one set of rules would mean seven copies to
   keep in step. Values match faq.html and support.html. */
:root {
  --ink: #14161a; --muted: #5b6270; --line: #e3e6ec;
  --brand: #0a7cff; --bg: #fff; --panel: #f7f8fa;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #e9ecf1; --muted: #9aa3b2; --line: #2a2f3a; --bg: #101216; --panel: #171a20; }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
h1 { font-size: clamp(1.8rem, 4.5vw, 2.5rem); letter-spacing: -0.02em; margin: 0 0 .3em; }
h2 { font-size: 1.15rem; margin: 2.2em 0 .5em; letter-spacing: -0.01em; }
h2:first-of-type { margin-top: 1.4em; }
p { margin: 0 0 1em; }
a { color: var(--brand); }
header { padding: 70px 0 10px; }
.lede { color: var(--muted); font-size: 1.1rem; }
.back { display: inline-block; margin-bottom: 26px; font-size: .92rem; text-decoration: none; }
code {
  font: .88em ui-monospace, SFMono-Regular, Menlo, monospace;
  background: var(--panel); border: 1px solid var(--line);
  border-radius: 5px; padding: 1px 5px;
}
ol, ul { margin: 0 0 1em; padding-left: 1.4em; }
li { margin-bottom: .55em; }
ol li::marker { font-weight: 600; color: var(--muted); }
.note {
  background: var(--panel); border: 1px solid var(--line);
  border-left: 3px solid var(--brand); border-radius: 8px;
  padding: 14px 16px; margin: 1.2em 0; font-size: .95rem;
}
.providers { list-style: none; padding: 0; }
.providers li { padding: 12px 0; border-bottom: 1px solid var(--line); }
.providers a { font-weight: 600; text-decoration: none; }
.providers span { display: block; color: var(--muted); font-size: .93rem; }
.stamp { color: var(--muted); font-size: .9rem; margin-top: 2.4em; }
footer { margin: 80px 0 60px; padding-top: 26px; border-top: 1px solid var(--line); font-size: .9rem; color: var(--muted); }
footer a { margin-right: 18px; }