/* Blue-Gray calm theme (ASCII only) */
*{box-sizing:border-box}
:root{
  --surface:#f4f6f8;
  --panel:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#e5e7eb;
  --accent:#5b6c8f;
  --accent2:#7a8aaa;
}
html,body{margin:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);background:var(--surface);line-height:1.65
}
.site-header{padding:1rem;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
h1,h2,h3{margin:.5rem 0 .75rem}
h1{font-size:1.8rem}
h2{font-size:1.3rem;color:var(--accent)}
.menu{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.25rem 0 0}
.menu a{text-decoration:none;padding:.4rem .6rem;border:1px solid var(--line);border-radius:10px;background:#fff}
#content{max-width:980px;margin:0 auto;padding:1rem}
section{margin:1.25rem 0 1.75rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 18px rgba(17,24,39,.06)}
pre{background:#0f172a;color:#e2e8f0;padding:.75rem;border-radius:8px;overflow-x:auto}
table{width:100%;border-collapse:collapse;margin:.75rem 0 .5rem}
th,td{border:1px solid var(--line);padding:.5rem;text-align:left}
thead th{background:#f9fafb}
caption{text-align:left;font-weight:600;margin-bottom:.35rem}
figure{margin:.75rem 0}
figure img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px}
figcaption{font-size:.95rem;color:var(--muted);margin-top:.35rem}
.checklist{list-style:none;padding:0;margin:.5rem 0 0}
.checklist li{display:flex;align-items:center;gap:.5rem;margin:.3rem 0}
.site-footer{padding:1rem;text-align:center;color:var(--muted);border-top:1px solid var(--line);background:#fff}