/** Noctis Bordo-inspired theme variables */
/** Style variables */
/** Global */
body { background-color: var(--background-color); margin: 0 auto; padding: 0; font-family: "Source Code Pro", monospace; font-size: 12.5px; color: var(--text-color); text-align: left; line-height: 1.5 !important; }

h1, h2, h3, h4, h5, h6 { font-size: 12.5px; margin: 0px; margin-top: 22px; font-weight: bold; color: var(--text-color); }

p, ul, ol { margin: 0px; color: var(--text-color); }

a { text-decoration: underline; color: var(--link-color); }

a:hover { color: var(--hover-text-color); background-color: var(--accent-color); }

@media only screen and (max-device-width: 500px) { * { font-size: 12px !important; } }

/** Layout */
.container { width: 90%; max-width: 900px; margin-right: auto; margin-left: auto; }

p { word-wrap: break-word; word-break: break-word; white-space: pre-wrap; margin-bottom: 15px; }

footer { color: var(--text-color); border-top: none; margin: 20px auto 15px; padding-top: 10px; text-align: right; }

header { margin-top: 25px; margin-bottom: 10px; }

header p { text-align: left; margin: 0; }

footer { margin-bottom: 20px; }

blockquote { margin: 0 0 15px; padding: 0 0 0 12px; border-left: 3px solid var(--accent-muted-color); color: var(--muted-text-color); }

/* Render Markdown horizontal rules with the theme's dashed border */
.post .post-content hr, hr { border: none; border-top: var(--border); height: 0; background: none; margin: 1.2em 0; }

/** Highlight/Markup */
::selection { background: var(--selection-background); color: var(--selection-text); }

::-moz-selection { background: var(--selection-background); color: var(--selection-text); }

/** Lists */
:not(.menu) > ul { list-style: none; padding-left: 0; }

:not(.menu) > ul { list-style-type: none; }

:not(.menu) > ul > li { position: relative; padding-left: 1.2em; }

:not(.menu) > ul > li:before { content: "-"; position: absolute; left: 0; }

/** Header/Navigation */
.menu { border-top: var(--border); border-bottom: var(--border); margin-bottom: 25px; }

.menu ul { margin-top: 12px; margin-bottom: 12px; padding-left: 0px; list-style-type: none; text-align: left; }

.menu ul li { display: inline; margin-left: 10px; }

.menu ul li a { text-decoration: none; color: var(--text-color); }

.menu ul li a:hover { text-decoration: none; color: var(--hover-text-color); background-color: var(--accent-color); }

/** Post title + heading hierarchy */
.post { margin-bottom: 20px; }

.post-header .post-title { font-size: 36px; margin: 0 0 10px; color: var(--accent-color); line-height: 1.02; }

.post .post-meta { color: var(--muted-text-color); font-size: 0.95em; margin: 0 0 16px; }

/* Headings inside the post content (clearly smaller than the main post title) */
.post .post-content h1 { font-size: 28px; margin-top: 18px; color: var(--text-color); line-height: 1.08; }

.post .post-content h2 { font-size: 20px; margin-top: 14px; line-height: 1.12; }

.post .post-content h3 { font-size: 16px; margin-top: 12px; line-height: 1.15; }

.post .post-content h4, .post .post-content h5, .post .post-content h6 { font-size: 14px; margin-top: 10px; }

/* Slight visual accent for top-level in-post headings */
.post .post-content h1 { color: var(--accent-muted-color); }

/** Form */
input, select, textarea { padding: 0; margin: 0; -webkit-appearance: none; -webkit-border-radius: 0; border: none; }

input[type=text], select, textarea { width: 100%; resize: none; background-color: var(--surface-color); color: var(--text-color); caret-color: var(--text-color); font-size: 12.5px; font-family: "Source Code Pro", monospace; line-height: 1.5; }

input, select, textarea, textarea::-webkit-input-placeholder { text-indent: 0px; }

::placeholder { color: var(--placeholder-color); opacity: 1; }

:-ms-input-placeholder { color: var(--placeholder-color); }

::-ms-input-placeholder { color: var(--placeholder-color); }

input[type=submit] { font-size: 12.5px; font-family: "Source Code Pro", monospace; line-height: 1.5; cursor: pointer; color: var(--link-color); background-color: var(--surface-color); }

input[type=submit]:hover { color: var(--hover-text-color); background-color: var(--accent-color); }

*:focus { outline: none; }

textarea { vertical-align: top; }

/** Code and syntax highlighting */
.lineno { color: var(--code-color-1); margin-right: 15px; }

figure.highlight { margin: 5px 0; }

pre { background-color: var(--surface-color); border: none; padding: 0; margin: 0; overflow: auto; font-size: 12.5px; color: var(--text-color); line-height: 1.7 !important; font-family: "Source Code Pro", monospace !important; }

.highlight .hll { background-color: var(--code-color-2); }

.highlight .c { color: var(--code-color-1); font-style: italic; }

/* Comment */
.highlight .err { color: var(--code-color-3); background-color: var(--code-color-4); }

/* Error */
.highlight .k { color: var(--code-color-5); }

/* Keyword */
.highlight .cm { color: var(--code-color-1); font-style: italic; }

/* Comment.Multiline */
.highlight .cp { color: var(--code-color-6); }

/* Comment.Preproc */
.highlight .c1 { color: var(--code-color-1); font-style: italic; }

/* Comment.Single */
.highlight .cs { color: var(--code-color-5); font-style: italic; }

/* Comment.Special */
.highlight .gd { color: var(--code-color-7); }

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gr { color: var(--code-color-7); }

/* Generic.Error */
.highlight .gh { color: var(--code-color-8); font-weight: bold; }

/* Generic.Heading */
.highlight .gi { color: var(--code-color-9); }

/* Generic.Inserted */
.highlight .go { color: var(--code-color-10); }

/* Generic.Output */
.highlight .gp { color: var(--code-color-11); }

/* Generic.Prompt */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: var(--code-color-12); font-weight: bold; }

/* Generic.Subheading */
.highlight .gt { color: var(--code-color-7); }

/* Generic.Traceback */
.highlight .kc { color: var(--code-color-5); }

/* Keyword.Constant */
.highlight .kd { color: var(--code-color-5); }

/* Keyword.Declaration */
.highlight .kn { color: var(--code-color-5); }

/* Keyword.Namespace */
.highlight .kp { color: var(--code-color-5); }

/* Keyword.Pseudo */
.highlight .kr { color: var(--code-color-5); }

/* Keyword.Reserved */
.highlight .kt { color: var(--code-color-13); }

/* Keyword.Type */
.highlight .m { color: var(--code-color-14); }

/* Literal.Number */
.highlight .s { color: var(--code-color-15); }

/* Literal.String */
.highlight .na { color: var(--code-color-16); }

/* Name.Attribute */
.highlight .nb { color: var(--code-color-13); }

/* Name.Builtin */
.highlight .nc { color: var(--code-color-9); text-decoration: underline; }

/* Name.Class */
.highlight .no { color: var(--code-color-7); }

/* Name.Constant */
.highlight .nd { color: var(--code-color-10); }

/* Name.Decorator */
.highlight .ni { color: var(--code-color-17); font-weight: bold; }

/* Name.Entity */
.highlight .nf { color: var(--code-color-9); }

/* Name.Function */
.highlight .nn { color: var(--code-color-13); text-decoration: underline; }

/* Name.Namespace */
.highlight .nt { color: var(--code-color-16); font-weight: bold; }

/* Name.Tag */
.highlight .nv { color: var(--code-color-7); }

/* Name.Variable */
.highlight .ow { color: var(--code-color-5); }

/* Operator.Word */
.highlight .w { color: var(--code-color-18); }

/* Text.Whitespace */
.highlight .mf { color: var(--code-color-14); }

/* Literal.Number.Float */
.highlight .mh { color: var(--code-color-14); }

/* Literal.Number.Hex */
.highlight .mi { color: var(--code-color-14); }

/* Literal.Number.Integer */
.highlight .mo { color: var(--code-color-14); }

/* Literal.Number.Oct */
.highlight .sb { color: var(--code-color-15); }

/* Literal.String.Backtick */
.highlight .sc { color: var(--code-color-15); }

/* Literal.String.Char */
.highlight .sd { color: var(--code-color-15); }

/* Literal.String.Doc */
.highlight .s2 { color: var(--code-color-15); }

/* Literal.String.Double */
.highlight .se { color: var(--code-color-15); }

/* Literal.String.Escape */
.highlight .sh { color: var(--code-color-15); }

/* Literal.String.Heredoc */
.highlight .si { color: var(--code-color-15); }

/* Literal.String.Interpol */
.highlight .sx { color: var(--code-color-15); }

/* Literal.String.Other */
.highlight .sr { color: var(--code-color-14); }

/* Literal.String.Regex */
.highlight .s1 { color: var(--code-color-15); }

/* Literal.String.Single */
.highlight .ss { color: var(--code-color-5); }

/* Literal.String.Symbol */
.highlight .bp { color: var(--code-color-13); }

/* Name.Builtin.Pseudo */
.highlight .vc { color: var(--code-color-7); }

/* Name.Variable.Class */
.highlight .vg { color: var(--code-color-7); }

/* Name.Variable.Global */
.highlight .vi { color: var(--code-color-7); }

/* Name.Variable.Instance */
.highlight .il { color: var(--code-color-14); }

/* Literal.Number.Integer.Long */
/** Mermaid diagrams */
.mermaid { display: flex; justify-content: center; margin: 20px 0; background: var(--surface-color); overflow-x: auto; }

.mermaid svg { max-width: 100%; height: auto; }

/* Ensure mermaid text uses blog font */
.mermaid .node rect, .mermaid .node circle, .mermaid .node ellipse, .mermaid .node polygon { stroke-width: 2px; }

.mermaid .edgeLabel { background-color: var(--surface-color) !important; color: var(--text-color); padding: 4px 8px; }

/** Video containers - side by side layout */
.video-container { display: flex; gap: 20px; width: 100%; margin: 20px 0; }

.video-container > div { flex: 1; min-width: 0; }

.video-container iframe { width: 100%; aspect-ratio: 16 / 9; }

.video-container h3 { margin-top: 0; margin-bottom: 10px; }

/* Responsive: stack videos vertically on small screens */
@media only screen and (max-width: 768px) { .video-container { flex-direction: column; } }

:root { --background-color: #272022; --surface-color: #322a2d; --base-color: #cbbec2; --text-color: #cbbec2; --muted-text-color: #a48e96; --placeholder-color: #a48e96; --accent-color: #f18eb0; --accent-muted-color: #997582; --link-color: #f18eb0; --hover-text-color: #1f191b; --border: dashed 1px rgba(153, 117, 130, 0.9); --selection-background: #88445c; --selection-text: #edebff; --code-color-1: #8b747c; --code-color-2: #47393e; --code-color-3: #e3541c; --code-color-4: #501502; --code-color-5: #df769b; --code-color-6: #d67e5c; --code-color-7: #e66533; --code-color-8: #f18eb0; --code-color-9: #16b673; --code-color-10: #936c7a; --code-color-11: #bb778f; --code-color-12: #e4b781; --code-color-13: #49d6e9; --code-color-14: #7060eb; --code-color-15: #49e9a6; --code-color-16: #d5971a; --code-color-17: #49ace9; --code-color-18: #715b63; }

/*# sourceMappingURL=main.css.map */