:root{--bg-color:#fff;--text-color:#000;--border-color:#000;--font-classic:"Courier New", Courier, monospace}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-classic);margin:0;padding:0;line-height:1.5}.container{max-width:800px;margin:0 auto;padding:20px}.site-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:baseline;margin-bottom:30px;padding-bottom:10px;display:flex}.logo{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none}.logo:after{content:"_";margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}nav a{color:var(--text-color);text-transform:uppercase;margin-left:20px;font-size:.9rem;text-decoration:none}nav a:hover{text-decoration:underline}.featured-article{border:1px solid var(--border-color);align-items:center;gap:20px;margin-bottom:40px;padding:20px;display:flex}.featured-article h2{margin-top:8px;margin-bottom:.5rem;font-size:1.4rem}.featured-article p{margin:0;font-size:.95rem}.article-list{padding:0;list-style:none}.article-item{border-bottom:1px dashed var(--border-color);align-items:center;gap:20px;margin-bottom:30px;padding-bottom:15px;display:flex}.article-item h4{margin-top:10px;margin-bottom:.4rem;font-size:1.25rem;line-height:1.2}.article-item p{margin:0;font-size:.9rem;line-height:1.4}.image-container{border:1px solid var(--border-color);flex-shrink:0;overflow:hidden}.featured-image{aspect-ratio:16/9;width:320px}.list-image{aspect-ratio:16/9;width:200px}.image-container img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s;display:block}.post-content img{border:1px solid var(--border-color);box-sizing:border-box;width:auto;min-width:0;max-width:720px;height:auto;margin:2rem auto 0;transition:filter .3s;display:block}.post-content p:has(>img:only-child){text-align:center;margin:2rem 0}.post-content figure{text-align:center;width:100%;max-width:720px;margin:2.5rem auto;padding:0}.post-content figure img{width:auto;max-width:100%;height:auto;margin:0 auto;display:block}.post-content figcaption{text-align:center;max-width:100%;margin-top:8px;font-size:.8rem;line-height:1.4}.post-content .image-description{text-align:center;margin-top:8px;font-size:.8rem;line-height:1.4;display:block}@media (hover:hover) and (pointer:fine){.article-item .image-container img,.post-content img{filter:grayscale()}.featured-article:hover .image-container img{transform:scale(1.03)}.article-item:hover .image-container img{filter:grayscale(0%);transform:scale(1.03)}.post-content img:hover{filter:grayscale(0%)}}.tags span,.tags a{border:1px solid var(--text-color);color:var(--text-color);text-transform:uppercase;margin-bottom:0;margin-right:5px;padding:2px 5px;font-size:.75rem;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.tags a:hover{background-color:var(--text-color);color:var(--bg-color)}.soundtrack-container{border:1px solid var(--border-color);background-color:var(--bg-color);margin:1rem 0 1.5rem;padding:10px}.soundtrack-label{text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:700}.terminal-prompt{align-items:center;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700;display:flex}.typewriter{white-space:nowrap;width:0;animation:.6s steps(22,end) forwards typing;overflow:hidden}.terminal-output{opacity:0;animation:.1s ease-in .8s forwards fadeIn}@keyframes typing{0%{width:0}to{width:22ch}}@keyframes fadeIn{to{opacity:1}}footer{border-top:2px solid var(--border-color);text-align:center;margin-top:50px;padding-top:10px;font-size:.85rem}@media (width<=600px){.container{padding:15px}.site-header{flex-direction:column;align-items:flex-start;gap:15px}nav a{margin-left:0;margin-right:20px}.featured-article,.article-item{flex-direction:column;align-items:flex-start}.featured-image,.list-image{width:100%;height:auto}.post-content img{width:100%;max-width:100%;height:auto;margin-left:auto;margin-right:auto}.post-content figure,.post-content figure img{width:100%;max-width:100%}.post-content figcaption{padding:0 5px}.terminal-prompt{font-size:1rem}}.tags a.fav-tag,.tags span.fav-tag{color:#fff!important;text-transform:uppercase!important;background-color:red!important;border:1px solid #000!important}.tags a.fav-tag:hover{color:#fff!important;background-color:#c00!important;border-color:#000!important}