1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <title>{{ config.title }}</title>
7  <meta name="description" content="{{ config.description }}">
8  <style>
9    * { margin: 0; padding: 0; box-sizing: border-box; }
10    body {
11      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
12      font-size: 13px;
13      line-height: 1.5;
14      color: #000;
15      max-width: 600px;
16      margin: 0 auto;
17      padding: 80px 20px 40px;
18    }
19    a { color: #007AFF; text-decoration: none; }
20    a:hover { text-decoration: underline; }
21    h1 {
22      font-family: 'Berkeley Mono', 'SF Mono', 'Menlo', monospace;
23      font-size: 16px;
24      font-weight: 400;
25      letter-spacing: 2px;
26      margin-bottom: 40px;
27    }
28    h1 a { color: #0066fe; }
29    h2 {
30      font-size: 1.25rem;
31      font-weight: 600;
32      line-height: 1.25;
33      color: #000;
34      margin: 1.25rem 0 0.75rem 0;
35    }
36    h2 a { color: #007AFF; }
37    p { margin: 0 0 8px 0; }
38    ul { margin: 0 0 16px 0; padding-left: 24px; }
39    li { margin-bottom: 4px; }
40    .intro { margin-bottom: 16px; }
41    footer {
42      margin-top: 80px;
43      font-size: 11px;
44      color: #999;
45    }
46    footer a { color: #999; }
47  </style>
48</head>
49<body>
50  {% block content %}{% endblock %}
51</body>
52</html>