/* Custom styles for GitHub Pages article */
/* System fonts for better readability */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
padding: 20px;
color: #333;
}
/* Headings */
h1, h2, h3, h4 {
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.3;
}
h1 {
border-bottom: 2px solid #159957;
padding-bottom: 0.3em;
}
h2 {
border-bottom: 1px solid #e1e4e8;
padding-bottom: 0.3em;
}
/* Links */
a {
color: #159957;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Code blocks */
code {
background: #f6f8fa;
padding: 0.2em 0.4em;
border-radius: 3px;
font-family: 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace;
font-size: 0.9em;
}
pre {
background: #f6f8fa;
border: 1px solid #e1e4e8;
border-radius: 6px;
padding: 16px;
overflow-x: auto;
line-height: 1.45;
}
pre code {
background: none;
padding: 0;
font-size: 0.85em;
}
/* Lists */
ul, ol {
padding-left: 2em;
margin: 1em 0;
}
li {
margin: 0.5em 0;
}
/* Blockquotes */
blockquote {
border-left: 4px solid #159957;
padding-left: 1em;
margin: 1.5em 0;
color: #666;
font-style: italic;
}
/* Tables */
table {
border-collapse: collapse;
width: 100%;
margin: 1.5em 0;
}
th, td {
border: 1px solid #e1e4e8;
padding: 8px 12px;
text-align: left;
}
th {
background: #f6f8fa;
font-weight: 600;
}
/* Horizontal rules */
hr {
border: none;
border-top: 2px solid #e1e4e8;
margin: 2em 0;
}
/* Responsive */
@media (max-width: 768px) {
body {
padding: 10px;
}
pre {
padding: 12px;
font-size: 0.8em;
}
}
/* Emoji support */
img.emoji {
height: 1em;
width: 1em;
margin: 0 0.05em 0 0.1em;
vertical-align: -0.1em;
}
