:root { --bg:#fff; --fg:#0B0B0C; --muted:#5b6166; --brand:#3E9C8B; --line:#e6e9eb; --mark:#fff3b0; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0f1213; --fg:#eef1f2; --muted:#9aa3a8; --line:#262b2e; --mark:#5a4b00; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:760px; margin:0 auto; padding:32px 16px 64px; }
header.site { border-bottom:1px solid var(--line); }
header.site div { max-width:760px; margin:0 auto; padding:16px; display:flex; gap:16px; align-items:baseline; flex-wrap:wrap; }
header.site a.logo { color:var(--brand); font-weight:700; font-size:20px; text-decoration:none; }
header.site nav a { color:var(--muted); margin-right:14px; text-decoration:none; font-size:14px; }
header.site nav a:hover { color:var(--fg); }
h1 { font-size:30px; line-height:1.2; margin:0 0 4px; }
h2 { font-size:20px; margin:32px 0 8px; }
p, li { margin:8px 0; }
ul { padding-left:22px; }
.muted { color:var(--muted); font-size:14px; }
mark { background:var(--mark); color:inherit; padding:0 3px; border-radius:3px; }
a { color:var(--brand); }
footer { border-top:1px solid var(--line); margin-top:48px; padding-top:16px; color:var(--muted); font-size:14px; }

/* askfindme logo */
header.site a.logo { position:relative; display:inline-block; padding-right:.3em; line-height:1; font-size:24px; font-weight:800; letter-spacing:-.02em; }
header.site a.logo .ask { position:absolute; top:-.28em; right:-.02em; width:.8em; height:.8em; box-sizing:border-box; border-radius:50%; background:#F2B544; border:.05em solid var(--bg); display:flex; align-items:center; justify-content:center; font-size:1em; }
header.site a.logo .ask i { font-style:normal; font-size:.31em; font-weight:900; letter-spacing:0; line-height:1; color:#2A1D00; }