* { box-sizing: border-box; }
body { margin: 0; background: #ece9e4; color: #1c2b36; font-family: system-ui, sans-serif; }
header { background: #2b3a47; color: #fff; padding: 12px 0; }
header .wrap { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.wrap { max-width: 860px; margin: 0 auto; padding: 0 20px; }
main { padding: 24px 0 40px; }
h1 { font-size: 26px; }
h2 { font-size: 17px; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #d5d2cb; font-size: 14px; }
.panel { background: #fff; border: 1px solid #d5d2cb; border-radius: 8px; padding: 12px 16px; margin: 14px 0; }
.muted { color: #666; font-size: 13px; }
samp { background: #f3efe9; border: 1px dashed #bbb; padding: 1px 6px; border-radius: 4px; }
li { margin: 6px 0; }