body { font-family: Arial, sans-serif; background: #eef3f8; color: #203040; }
a { color: #1c5d99; text-decoration: none; }
.page-shell { max-width: 1100px; margin: 0 auto; padding: 24px; }
.page-card { background: #fff; border: 1px solid #c8d6e5; border-radius: 8px; padding: 24px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
.page-header { margin-bottom: 18px; }
.grid { display:grid; gap:16px; }
.two-up { grid-template-columns: repeat(2, minmax(0,1fr)); }
.three-up { grid-template-columns: repeat(3, minmax(0,1fr)); }
.stack { display:grid; gap:12px; }
button { background:#2e86de; color:#fff; padding:10px 14px; border-radius:4px; cursor:pointer; }
input { border:1px solid #b0bec5; padding:10px; border-radius:4px; width:100%; }
pre.console { background:#15202b; color:#d2f8d2; padding:16px; min-height:220px; white-space:pre-wrap; }
.metric { background:#f8fbff; border:1px solid #d6e4f0; padding:16px; border-radius:6px; }