html, body { margin: 0; padding: 0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial; color: #111; background: #fff; }
.container { max-width: 860px; margin: 32px auto; padding: 0 16px; }
.site-header { border-bottom: 1px solid #eee; background: #fafafa; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; }
.site-header nav a { margin-left: 12px; text-decoration: none; color: #333; }
.site-header .brand { text-decoration: none; color: #111; font-weight: 600; }
#content { line-height: 1.6; }
#content h1, #content h2, #content h3 { margin-top: 1.2em; }
#content table { border-collapse: collapse; width: 100%; }
#content table th, #content table td { border: 1px solid #ddd; padding: 8px; }
#content code { background: #f6f8fa; padding: 2px 4px; border-radius: 4px; }
.cookie-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; background: #111; color: #fff; padding: 16px; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.cookie-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }
.cookie-actions button { cursor: pointer; border: none; padding: 8px 12px; border-radius: 6px; }
.cookie-actions #only-necessary { background: #2d3748; color: #fff; }
.cookie-actions #accept-all { background: #22c55e; color: #111; }