@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&display=swap";.sidebar[data-v-8a8580a1]{width:250px;height:100vh;background-color:#7e7f9a;padding:2rem 1rem;position:fixed;left:0;top:0}.nav-menu[data-v-8a8580a1]{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.nav-link[data-v-8a8580a1]{color:#fff;text-decoration:none;font-family:Titillium Web,sans-serif;font-size:1.2rem;padding:.5rem;border-radius:4px;transition:background-color .2s}.nav-link[data-v-8a8580a1]:hover{background-color:#505050}.tags-section[data-v-8a8580a1]{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.tags-title[data-v-8a8580a1]{color:#fff;font-family:Titillium Web,sans-serif;font-size:1.1rem;margin-bottom:1rem}.tags-list[data-v-8a8580a1]{display:flex;flex-direction:column;gap:.5rem}.tag-link[data-v-8a8580a1]{color:#fff;text-decoration:none;font-family:Titillium Web,sans-serif;font-size:.9rem;padding:.3rem;border-radius:4px;transition:background-color .2s}.tag-link[data-v-8a8580a1]:hover{background-color:#97a7b3}body{background-color:#f5f5f5}:root{--dark-olive: #2B2A27;--charcoal: #3A332E;--slate-blue: #B86B3C;--cool-gray: #C9B8A6;--titanium: #D99058;--text-bright: #FFF8F1;--text-muted: #E6DAD0;--text-dim: #BFAE9E;--post-bg: #1F1C19}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--dark-olive);font-family:Titillium Web,sans-serif;color:var(--text-bright)}.app-layout{display:flex}.main-content{margin-left:250px;padding:2rem;width:100%;min-height:100vh}.sidebar{width:250px;height:100vh;background-color:var(--charcoal);padding:2rem 1rem;position:fixed;left:0;top:0;box-shadow:2px 0 10px #0000004d}.nav-menu{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.nav-link{color:var(--text-bright);text-decoration:none;font-size:1.2rem;padding:.5rem;border-radius:4px;transition:all .2s ease}.nav-link:hover{background-color:var(--slate-blue);color:var(--text-brightest);transform:translate(5px)}.tags-section{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.tags-title{color:#fff;font-size:1.1rem;margin-bottom:1rem}.tags-list{display:flex;flex-direction:column;gap:.5rem}.tag-link{color:#fff;text-decoration:none;font-size:.9rem;padding:.3rem;border-radius:4px;transition:background-color .2s}.tag-link:hover{background-color:#97a7b3}.posts,.tag-page,.about,.post-page{padding:0 2rem}.banner{margin:2rem -2rem 4rem;padding:4rem 2rem;background:linear-gradient(rgba(88,89,108,.9),rgba(54,54,54,.9)),url(https://images.unsplash.com/photo-1516414447565-b14be0adf13e?ixlib=rb-4.0.3&auto=format&fit=crop&w=2073&q=80);background-size:cover;background-position:center;text-align:center;color:var(--text-brightest)}.banner h1{font-size:3rem;margin-bottom:1rem}.banner p{font-size:1.2rem;color:var(--text-muted);opacity:.9}.posts-grid{display:grid;gap:2rem}.post-card{background:var(--charcoal);box-shadow:0 4px 8px #0000004d;border:1px solid var(--slate-blue);transition:transform .2s ease}.post-card:hover{transform:translateY(-2px);border-color:var(--titanium)}.post-card h2,.post-card h3{color:var(--text-bright);margin-bottom:1rem}.post-excerpt{color:var(--text-muted);margin-bottom:1rem;line-height:1.6;opacity:.9}.read-more{color:var(--cool-gray);text-decoration:none;font-weight:600;transition:color .2s ease}.read-more:hover{color:var(--text-bright);opacity:.8}.post-content{background:var(--charcoal);color:var(--text-bright);border:1px solid var(--slate-blue)}.post-content h1{color:var(--text-bright)}.post-date{color:var(--text-muted);opacity:.8}.post-meta{border-bottom:1px solid var(--slate-blue)}.tag-pill{background:var(--slate-blue);color:var(--text-bright);border:1px solid var(--cool-gray)}.tag-pill:hover{background:var(--titanium);color:var(--text-brightest)}.tags-label{color:var(--text-muted)}.post-footer{border-top:1px solid var(--slate-blue)}.loading{color:var(--text-muted)}.error-message{color:#e74c3c;background:var(--charcoal);border:1px solid var(--slate-blue)}a{color:var(--text-bright);transition:color .2s ease}a:hover{color:var(--text-brightest)}.post-card,.tag-pill,.nav-link{transition:all .2s ease}.post-card:hover{box-shadow:0 6px 12px #0006}h1,h2,h3{color:var(--text-bright)}