/* Shared styling for Field Notes posts. Same palette as the app (logo blue
   #1830E8 / lime #B8E800), measure kept near 68ch for reading. */
:root {
  --bg:#f4f5f9; --panel:#eceef5; --line:#d5d9e4; --ink:#171a27;
  --faint:#686e83; --accent:#1830E8; --lime:#B8E800; --card:#fff;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#0e1016; --panel:#171a23; --line:#272c3a; --ink:#e9ebf4;
    --faint:#858ca3; --accent:#5c72ff; --lime:#B8E800; --card:#1c2029;
  }
}
* { box-sizing:border-box; margin:0; }
body {
  font-family:"Segoe UI",system-ui,sans-serif; background:var(--bg); color:var(--ink);
  padding:40px 20px 72px; max-width:720px; margin:0 auto; line-height:1.65;
}
nav { font-size:13px; margin-bottom:30px; color:var(--faint); }
nav a { color:var(--accent); text-decoration:none; }
nav a:hover { text-decoration:underline; }

.meta { font-size:12px; color:var(--faint); margin-bottom:10px; }
.meta .cat { color:var(--accent); font-weight:600; }
h1 { font-size:34px; font-weight:600; line-height:1.2; letter-spacing:-.015em; margin-bottom:14px; }
h2 {
  font-size:20px; font-weight:600; margin:34px 0 12px; padding-left:12px;
  border-left:3px solid var(--lime);
}
p { font-size:16px; margin-bottom:16px; }
.dek {
  font-size:18px; color:var(--faint); line-height:1.55;
  padding-bottom:20px; margin-bottom:26px; border-bottom:1px solid var(--line);
}
b { font-weight:600; }
code {
  font-family:ui-monospace,"Cascadia Code",Consolas,monospace; font-size:13px;
  background:var(--panel); padding:2px 5px; border-radius:4px;
}
pre {
  background:var(--panel); border:1px solid var(--line); border-radius:8px;
  padding:14px 16px; overflow-x:auto; margin-bottom:18px; line-height:1.5;
}
pre code { background:none; padding:0; font-size:12.5px; }
table { border-collapse:collapse; width:100%; margin-bottom:18px; font-size:14px; }
th, td { text-align:left; padding:7px 10px; border-bottom:1px solid var(--line); }
th { color:var(--faint); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
ul { padding-left:22px; margin-bottom:16px; }
li { margin-bottom:7px; }
a { color:var(--accent); }
footer {
  margin-top:48px; padding-top:20px; border-top:1px solid var(--line);
  font-size:12px; color:var(--faint);
}
footer a { color:var(--accent); }