@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700&family=Source+Serif+4:wght@650&display=swap');
:root{
  --bg1:#0e1116;
  --bg2:#162033;
  --fg:#e7edf7;
  --brand:#93c5fd;
  --accent:#f59e0b;
  --line:#2b3b56;
  --card:#111827;
}
*{box-sizing:border-box}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(135deg,var(--bg1),var(--bg2));
  color:var(--fg);
  margin:0;
  padding:26px;
}
h1,h2,h5{
  font-family:"Source Serif 4",serif;
  margin:0 0 12px;
}
h1{color:var(--brand)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none;padding:0;margin:12px 0}
li{margin:.45rem 0}
.summary{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(17,24,39,.55);
  font-weight:700;
}
.js-note{margin-top:8px;opacity:.9}