﻿:root{--font-hierarchy: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--terminal-font: "VT323", monospace;--alpha-link-visited: 0.9;--small-text: 60%;--medium-text: 100%;--mediumx-text: 110%;--big-text: 120%;--bigger-text: 160%;--biggerx-text: 170%;--huge-text: 200%;--beyondxxl-text: 400%;--burnt-orange: 204, 85, 51;--terracotta: 186, 104, 73;--warm-tan: 217, 168, 132;--deep-charcoal: 28, 28, 30;--charcoal-card: 38, 38, 40;--warm-gray: 75, 75, 78;--light-gray: 230, 230, 232;--text-primary: 245, 245, 247;--text-secondary: 152, 152, 157;--border-subtle: 58, 58, 60;--color-text: var(--text-primary);--color-link-text: rgb(var(--burnt-orange));--color-link-text-hover: rgb(var(--terracotta));--color-bg-body: var(--deep-charcoal);--color-bg-content: var(--charcoal-card);--color-container-text: 72, 72, 72, 0.8;--color-border-side: var(--border-subtle);--color-bg-header: var(--charcoal-card);--header-border: 1px solid rgb(var(--border-subtle));--color-text-mark: 255, 255, 255;--bg-mark: rgb(var(--burnt-orange));--box-shadow-project-feed: 0 1px 3px rgba(0, 0, 0, 0.15);--text-color-project-feed: var(--text-primary);--bg-color-project-feed: var(--charcoal-card);--border-color-project-feed: var(--border-subtle);--border-color-post-feed: var(--border-subtle);--bg-color-post-feed: var(--charcoal-card);--box-shadow-post-feed: 0 1px 3px rgba(0, 0, 0, 0.15);--text-decoration-post-feed: none;--tag-bg: 58, 48, 45;--tag-text: rgb(var(--warm-tan));--tag-border: var(--warm-gray)}.information-container{background-color:rgba(var(--color-container-text));border:var(--header-border);padding-left:1.2em;margin-top:.9em;padding-bottom:1.2em;overflow:hidden;overflow-wrap:break-word;word-wrap:break-word;border-radius:5px}.information-container pre{text-align:left;font-family:monospace;line-height:1;overflow:hidden;margin:1em auto;white-space:pre;display:inline-block;color:rgb(var(--warm-gray))}.information-container h2,.information-container h3{line-height:1.2;margin-bottom:.7em}.information-container h2:before,.information-container h3:before{content:"•"}.information-container p{margin-top:.5em;margin-bottom:.7em;max-width:100%}a{text-decoration:solid;color:var(--color-link-text)}a:hover{color:var(--color-link-text-hover)}table tbody{height:.8vh}table tbody th{border-right:solid;border-color:rgba(var(--color-border-side))}table tbody td,table tbody th{text-align:left;padding-right:.8vw;padding-bottom:.2em}body{display:flex;flex-direction:row;min-height:100vh;height:100vh;overflow:hidden;background-color:rgb(var(--color-bg-body));color:rgb(var(--color-text));font-family:var(--font-hierarchy);line-height:1.6}body header{width:280px;min-width:280px;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;background:rgb(var(--color-bg-header));border-right:var(--header-border);text-align:left;font-size:var(--biggerx-text)}body header a{text-decoration:none;padding:.8em 1em;border-radius:6px;color:rgb(var(--color-text));font-weight:400}body header a *{color:inherit}body header a:hover{background-color:rgb(var(--warm-gray));color:rgb(var(--warm-tan))}body .welcome{margin-right:4em;margin-left:4em;text-align:center;margin-top:.9vh;padding:2rem;background-color:rgba(var(--color-bg-header));border:var(--header-border);border-radius:6px;box-shadow:var(--box-shadow-post-feed)}body .welcome h1{font-size:var(--huge-text)}body .welcome p{font-size:var(--bigger-text)}body main{flex:1;height:100vh;overflow-y:auto;padding:2rem 3rem}body main .about{font-size:var(--bigger-text);flex:1 0 250px;min-width:auto;max-width:54vw;font-weight:400;height:fit-content}body main .about mark{font-size:var(--mediumx-text);color:rgb(var(--color-text-mark));border-radius:4px;background:var(--bg-mark);white-space:nowrap;display:inline-block;padding:3px 6px;font-weight:500}body main .feed{margin-top:.9em;flex:1 0 250px;min-width:auto;display:flex;flex-direction:column;gap:1rem;height:auto;align-self:stretch}body main .feed .post-feed{border-radius:6px;border:1px solid rgb(var(--border-color-post-feed));background-color:rgb(var(--bg-color-post-feed));font-size:var(--bigger-text);flex:1 1 auto;margin-top:1rem;padding:1rem;box-shadow:var(--box-shadow-post-feed)}body main .feed .post-feed h2{text-align:center;text-decoration:var(--text-decoration-post-feed)}body main .post-singular{width:100%;max-width:900px;margin:0 auto}body main .post-singular .post-article{width:100%}body main .post-singular .post-article .post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgb(var(--border-subtle))}body main .post-singular .post-article .post-header .post-title-main{font-size:var(--huge-text);font-weight:600;margin:0 0 1rem 0;color:rgb(var(--burnt-orange));line-height:1.2}body main .post-singular .post-article .post-header .post-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}body main .post-singular .post-article .post-header .post-meta .post-date{color:rgb(var(--text-secondary));font-size:var(--mediumx-text)}body main .post-singular .post-article .post-header .post-meta .post-tags{display:flex;flex-wrap:wrap;gap:.5rem}body main .post-singular .post-article .post-header .post-meta .post-tags .tag{background:rgb(var(--tag-bg));color:var(--tag-text);border:1px solid rgb(var(--tag-border));padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:400;text-decoration:none;display:inline-block}body main .post-singular .post-article .post-header .post-meta .post-tags .tag:hover{background:rgb(var(--burnt-orange));color:rgb(var(--text-primary))}body main .post-singular .post-article .post-header .post-description-full{font-size:var(--biggerx-text);color:rgb(var(--text-secondary));margin:0;line-height:1.5}body main .post-singular .post-article .post-content{font-size:var(--mediumx-text);width:100%}body main .post-singular .post-article .post-content h1,body main .post-singular .post-article .post-content h2,body main .post-singular .post-article .post-content h3,body main .post-singular .post-article .post-content h4,body main .post-singular .post-article .post-content h5,body main .post-singular .post-article .post-content h6{color:rgb(var(--burnt-orange));margin-top:2rem;margin-bottom:1rem;font-weight:500}body main .post-singular .post-article .post-content a{color:rgb(var(--burnt-orange));font-weight:400}body main .post-singular .post-article .post-content a:hover{color:rgb(var(--terracotta))}body main .post-singular .post-article .post-content code{background:rgb(var(--tag-bg));color:rgb(var(--warm-tan));padding:.2rem .4rem;border-radius:3px;font-size:.9em}body main .post-singular .post-article .post-content pre{background:rgb(var(--charcoal-card));border:1px solid rgb(var(--border-subtle));border-radius:6px;padding:1rem;overflow-x:auto}body main .post-singular .post-article .post-content pre code{background:none;color:rgb(var(--color-text));padding:0}body main .posts-container{max-width:900px;margin:0 auto}body main .posts-container .posts-header{font-size:var(--huge-text);font-weight:600;margin-bottom:2rem;color:rgb(var(--burnt-orange))}body main .posts-container .posts-grid{display:flex;flex-direction:column;gap:1.5rem}body main .posts-container .post-card{background:rgb(var(--bg-color-post-feed));border:1px solid rgb(var(--border-color-post-feed));border-radius:8px;padding:1.5rem;box-shadow:var(--box-shadow-post-feed)}body main .posts-container .post-card:hover{border-color:rgb(var(--burnt-orange))}body main .posts-container .post-card .post-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}body main .posts-container .post-card .post-title{margin:0;font-size:var(--bigger-text);font-weight:500;flex:1}body main .posts-container .post-card .post-title a{text-decoration:none;color:rgb(var(--color-text))}body main .posts-container .post-card .post-title a:hover{color:rgb(var(--burnt-orange))}body main .posts-container .post-card .post-title:before{content:""}body main .posts-container .post-card .post-date{font-size:var(--medium-text);color:rgb(var(--text-secondary));white-space:nowrap;font-weight:400}body main .posts-container .post-card .post-description{color:rgb(var(--text-secondary));margin:0 0 1rem 0;line-height:1.5}body main .posts-container .post-card .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}body main .posts-container .post-card .post-tags .tag{background:rgb(var(--tag-bg));color:var(--tag-text);border:1px solid rgb(var(--tag-border));padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:400;text-decoration:none;display:inline-block}body main .posts-container .post-card .post-tags .tag:hover{background:rgb(var(--burnt-orange));color:rgb(var(--text-primary))}body main .tags-container,body main .tag-page-container{max-width:900px;margin:0 auto}body main .tags-container .tags-header,body main .tags-container .tag-page-title,body main .tag-page-container .tags-header,body main .tag-page-container .tag-page-title{font-size:var(--huge-text);font-weight:600;margin-bottom:2rem;color:rgb(var(--burnt-orange))}body main .tags-container .tags-cloud,body main .tag-page-container .tags-cloud{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem 0}body main .tags-container .tags-cloud .tag-cloud-item,body main .tag-page-container .tags-cloud .tag-cloud-item{background:rgb(var(--charcoal-card));border:1px solid rgb(var(--border-subtle));padding:1rem 1.5rem;border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:.75rem}body main .tags-container .tags-cloud .tag-cloud-item:hover,body main .tag-page-container .tags-cloud .tag-cloud-item:hover{border-color:rgb(var(--burnt-orange))}body main .tags-container .tags-cloud .tag-cloud-item .tag-name,body main .tag-page-container .tags-cloud .tag-cloud-item .tag-name{font-size:var(--bigger-text);font-weight:400;color:rgb(var(--color-text))}body main .tags-container .tags-cloud .tag-cloud-item .tag-count,body main .tag-page-container .tags-cloud .tag-cloud-item .tag-count{background:rgb(var(--tag-bg));color:var(--tag-text);padding:.25rem .5rem;border-radius:4px;font-size:var(--medium-text);font-weight:500}body main .tags-container .tag-page-header,body main .tag-page-container .tag-page-header{margin-bottom:2rem}body main .tags-container .tag-page-header .tag-highlight,body main .tag-page-container .tag-page-header .tag-highlight{color:rgb(var(--burnt-orange))}body main .tags-container .tag-page-header .tag-page-count,body main .tag-page-container .tag-page-header .tag-page-count{color:rgb(var(--text-secondary));font-size:var(--bigger-text);margin-top:.5rem}body main .tags-container .back-to-tags,body main .tag-page-container .back-to-tags{margin-top:2rem;padding-top:2rem;border-top:1px solid rgb(var(--border-subtle))}body main .tags-container .back-to-tags a,body main .tag-page-container .back-to-tags a{color:rgb(var(--burnt-orange));font-size:var(--bigger-text);text-decoration:none;font-weight:400}body main .tags-container .back-to-tags a:hover,body main .tag-page-container .back-to-tags a:hover{color:rgb(var(--terracotta))}@media screen and (max-width: 768px){body{flex-direction:column;height:auto;overflow:auto}body header{width:100%;min-width:100%;height:auto;min-height:auto;padding:1.5rem 1rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:.75rem;border-bottom:var(--header-border);border-right:none}body header a{padding:.75rem 1.25rem;font-size:var(--mediumx-text);min-width:80px;text-align:center}body main{height:auto;overflow-y:visible;padding:1.5rem 1rem;margin:0}body main .about{max-width:100% !important;font-size:var(--mediumx-text);margin-bottom:2rem}body main .about mark{font-size:var(--medium-text);padding:2px 4px}body main .feed{max-width:100% !important;min-width:100% !important;flex:1 0 auto !important}body main .project-feed,body main .post-feed{word-break:break-word;min-height:auto !important;padding:1.25rem !important}body main mark{white-space:normal !important}body main .posts-container,body main .tags-container,body main .tag-page-container{max-width:100% !important;padding:0}body main .posts-container .post-card,body main .tags-container .post-card,body main .tag-page-container .post-card{padding:1.25rem}body main .posts-container .post-card-header,body main .tags-container .post-card-header,body main .tag-page-container .post-card-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}body main .posts-container .post-title,body main .tags-container .post-title,body main .tag-page-container .post-title{font-size:var(--big-text) !important}body main .posts-container .post-date,body main .tags-container .post-date,body main .tag-page-container .post-date{font-size:.875rem !important}body main .posts-container .posts-header,body main .posts-container .tags-header,body main .posts-container .tag-page-title,body main .tags-container .posts-header,body main .tags-container .tags-header,body main .tags-container .tag-page-title,body main .tag-page-container .posts-header,body main .tag-page-container .tags-header,body main .tag-page-container .tag-page-title{font-size:var(--bigger-text) !important}body main .posts-container .post-description,body main .tags-container .post-description,body main .tag-page-container .post-description{font-size:var(--medium-text)}body main .posts-container .tags-cloud,body main .tags-container .tags-cloud,body main .tag-page-container .tags-cloud{justify-content:flex-start;gap:.75rem}body main .posts-container .tags-cloud .tag-cloud-item,body main .tags-container .tags-cloud .tag-cloud-item,body main .tag-page-container .tags-cloud .tag-cloud-item{padding:.75rem 1rem;font-size:var(--medium-text)}body main .posts-container .post-tags,body main .tags-container .post-tags,body main .tag-page-container .post-tags{margin-top:.75rem}body main .posts-container .post-tags .tag,body main .tags-container .post-tags .tag,body main .tag-page-container .post-tags .tag{padding:.35rem .85rem;font-size:.8rem}body main .post-singular{max-width:100% !important;padding:0}body main .post-singular .post-article .post-header .post-title-main{font-size:var(--biggerx-text) !important}body main .post-singular .post-article .post-header .post-meta{flex-direction:column;align-items:flex-start;gap:.75rem}body main .post-singular .post-article .post-content{font-size:var(--medium-text) !important}body main .post-singular .post-article .post-content h1,body main .post-singular .post-article .post-content h2,body main .post-singular .post-article .post-content h3,body main .post-singular .post-article .post-content h4,body main .post-singular .post-article .post-content h5,body main .post-singular .post-article .post-content h6{margin-top:1.5rem}body main .information-container pre{font-size:.7rem;line-height:1.1}body .welcome{margin-right:.5em !important;margin-left:.5em !important;padding:1.5rem 1rem !important}body .welcome h1{font-size:var(--bigger-text) !important}body .welcome p{font-size:var(--mediumx-text) !important}}@media screen and (max-width: 480px){body header{padding:1rem .75rem}body header a{padding:.6rem 1rem;font-size:var(--medium-text);flex:1 1 calc(50% - .75rem);min-width:auto}body main{padding:1rem .75rem}body main .posts-container .post-card,body main .tags-container .post-card,body main .tag-page-container .post-card{padding:1rem}body main .posts-container .posts-header,body main .posts-container .tags-header,body main .posts-container .tag-page-title,body main .tags-container .posts-header,body main .tags-container .tags-header,body main .tags-container .tag-page-title,body main .tag-page-container .posts-header,body main .tag-page-container .tags-header,body main .tag-page-container .tag-page-title{font-size:var(--big-text) !important}body main .post-singular .post-article .post-header .post-title-main{font-size:var(--bigger-text) !important}body main .post-singular .post-card{padding:1rem}body main .about{font-size:var(--medium-text)}body .welcome{margin:.5em !important;padding:1rem !important}body .welcome h1{font-size:var(--big-text) !important}body .welcome p{font-size:var(--medium-text) !important}}