:root { color: #172018; background: #f4f1ea; font-family: "Segoe UI", sans-serif; }
body { margin: 0; }
main { max-width: 880px; margin: 0 auto; padding: 48px 20px 64px; }
.mark { letter-spacing: 0.16em; text-transform: lowercase; margin: 0 0 8px; }
h1 { font-size: 48px; line-height: 1; margin: 0 0 12px; font-weight: 650; }
.lead { max-width: 46em; line-height: 1.6; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 28px; }
article { background: #fffdf8; border: 1px solid #ddd4c4; padding: 16px; }
h2 { margin: 0 0 8px; font-size: 15px; }
pre { white-space: pre-wrap; word-break: break-word; background: #172018; color: #f4f1ea; padding: 10px; min-height: 72px; }
a { color: #0b6b4f; }