/* CarJot site: the app's own palette (app/lib/theme/app_theme.dart) and the phone's system font, so the
   pages load nothing from anyone else (no web fonts, no scripts, no trackers). */
:root{
  --ground:#F3F4F7;--surface:#FFFFFF;--surfaceAlt:#ECEEF2;--ink:#0E1014;--inkSoft:#454B55;--muted:#6B717B;
  --line:#E4E6EB;--accent:#2F55F5;--onAccent:#FFFFFF
}
@media (prefers-color-scheme:dark){:root{
  --ground:#0B0C10;--surface:#16181E;--surfaceAlt:#20232B;--ink:#F2F3F6;--inkSoft:#C0C5CD;--muted:#8D939D;
  --line:#272A32;--accent:#7B93FF;--onAccent:#0A1033
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);
  font:400 17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--accent)}
main{max-width:720px;margin:0 auto;padding:24px 16px 64px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--ink);text-decoration:none}
.mark{width:36px;height:36px;border-radius:10px;background:var(--accent);display:grid;place-items:center;color:var(--onAccent)}
.lang{font-size:15px}
.lang a{color:var(--muted)}
.card{background:var(--surface);border-radius:24px;padding:24px 20px;border:1px solid var(--line)}
h1{font-size:28px;line-height:1.2;letter-spacing:-0.3px;margin:0 0 6px;overflow-wrap:break-word;hyphens:auto}
h2{font-size:20px;line-height:1.3;margin:32px 0 8px}
p,li{color:var(--inkSoft)}
ul{padding-left:22px}li{margin:6px 0}
b{color:var(--ink)}
.meta{color:var(--muted);font-size:15px;margin:0 0 8px}
.summary{background:var(--surfaceAlt);border-radius:12px;padding:12px 16px;margin:20px 0 0}
.summary ul{margin:0}
footer{color:var(--muted);font-size:15px;margin-top:32px;line-height:2}
footer a{color:var(--muted)}