body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
hr,
dl,
dd,
ol,
ul,
figure {
	margin: 0;
	padding: 0
}

body {
	font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color: #111;
	background-color: #fdfdfd;
	-webkit-text-size-adjust: 100%;
	font-kerning: normal;
	min-height: 100vh;
}

/* Navigation */
nav {
	padding: 20px 0;
	margin-bottom: 20px;
}

nav a {
	color: #2a7ae2;
	text-decoration: none;
	margin-right: 20px;
}

nav a:hover {
	text-decoration: underline;
}

/* Main container */
.wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 30px;
}

@media screen and (max-width: 800px) {
	.wrapper {
		padding: 0 15px;
	}
}

/* Post header */
.post-title {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
	.post-title {
		font-size: 28px;
	}
}

.post-meta {
	font-size: 13px;
	color: #828282;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
}

/* Post content */
.post-content {
	margin-bottom: 30px;
}

.post-content h2 {
	font-size: 28px;
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 15px;
}

.post-content h3 {
	font-size: 22px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 15px;
}

.post-content h4 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 25px;
	margin-bottom: 10px;
}

.post-content p {
	margin-bottom: 15px;
}

.post-content ul,
.post-content ol {
	margin-left: 30px;
	margin-bottom: 15px;
}

.post-content li {
	margin-bottom: 5px;
}

.post-content li > ul,
.post-content li > ol {
	margin-bottom: 0;
	margin-top: 5px;
}

/* Links */
a {
	color: #2a7ae2;
	text-decoration: none;
}

a:visited {
	color: #1756a9;
}

a:hover {
	color: #111;
	text-decoration: underline;
}

/* Images */
img {
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin-bottom: 15px;
}

figcaption {
	font-size: 14px;
	color: #828282;
	text-align: center;
	margin-top: 8px;
}

/* Code blocks */
pre,
code {
	font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 14px;
	border-radius: 3px;
	background-color: #eef;
}

code {
	padding: 2px 6px;
	border: 1px solid #e8e8e8;
}

pre {
	padding: 12px 16px;
	overflow-x: auto;
	border: 1px solid #e8e8e8;
}

pre > code {
	border: 0;
	padding: 0;
}

/* Blockquote */
blockquote {
	color: #828282;
	border-left: 4px solid #e8e8e8;
	padding-left: 15px;
	font-size: 16px;
	font-style: italic;
	margin-bottom: 15px;
}

blockquote > :last-child {
	margin-bottom: 0;
}

/* Tables */
table {
	margin-bottom: 30px;
	width: 100%;
	text-align: left;
	color: #3f3f3f;
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
}

table tr:nth-child(even) {
	background-color: #f7f7f7;
}

table th,
table td {
	padding: 10px 15px;
}

table th {
	background-color: #f0f0f0;
	border: 1px solid #dedede;
	border-bottom-color: #c9c9c9;
}

table td {
	border: 1px solid #e8e8e8;
}

/* Syntax highlighting (same as notes.css) */
.highlight {
	background: #fff;
}

.highlighter-rouge .highlight {
	background: #eef;
}

.highlight .c { color: #998; font-style: italic }
.highlight .err { color: #a61717; background-color: #e3d2d2 }
.highlight .k { font-weight: bold }
.highlight .o { font-weight: bold }
.highlight .cm { color: #998; font-style: italic }
.highlight .cp { color: #999; font-weight: bold }
.highlight .c1 { color: #998; font-style: italic }
.highlight .cs { color: #999; font-weight: bold; font-style: italic }
.highlight .gd { color: #000; background-color: #fdd }
.highlight .gd .x { color: #000; background-color: #faa }
.highlight .ge { font-style: italic }
.highlight .gr { color: #a00 }
.highlight .gh { color: #999 }
.highlight .gi { color: #000; background-color: #dfd }
.highlight .gi .x { color: #000; background-color: #afa }
.highlight .go { color: #888 }
.highlight .gp { color: #555 }
.highlight .gs { font-weight: bold }
.highlight .gu { color: #aaa }
.highlight .gt { color: #a00 }
.highlight .kc { font-weight: bold }
.highlight .kd { font-weight: bold }
.highlight .kp { font-weight: bold }
.highlight .kr { font-weight: bold }
.highlight .kt { color: #458; font-weight: bold }
.highlight .m { color: #099 }
.highlight .s { color: #d14 }
.highlight .na { color: teal }
.highlight .nb { color: #0086B3 }
.highlight .nc { color: #458; font-weight: bold }
.highlight .no { color: teal }
.highlight .ni { color: purple }
.highlight .ne { color: #900; font-weight: bold }
.highlight .nf { color: #900; font-weight: bold }
.highlight .nn { color: #555 }
.highlight .nt { color: navy }
.highlight .nv { color: teal }
.highlight .ow { font-weight: bold }
.highlight .w { color: #bbb }
.highlight .mf { color: #099 }
.highlight .mh { color: #099 }
.highlight .mi { color: #099 }
.highlight .mo { color: #099 }
.highlight .sb { color: #d14 }
.highlight .sc { color: #d14 }
.highlight .sd { color: #d14 }
.highlight .s2 { color: #d14 }
.highlight .se { color: #d14 }
.highlight .sh { color: #d14 }
.highlight .si { color: #d14 }
.highlight .sx { color: #d14 }
.highlight .sr { color: #009926 }
.highlight .s1 { color: #d14 }
.highlight .ss { color: #990073 }
.highlight .bp { color: #999 }
.highlight .vc { color: teal }
.highlight .vg { color: teal }
.highlight .vi { color: teal }
.highlight .il { color: #099 }