.blog-outer{height:90vh;padding:2rem var(--page-pad)0;flex-direction:column;display:flex;overflow:hidden}.blog-outer .page-title{flex-shrink:0;margin-bottom:1.25rem}.blog-page{flex:1;grid-template-columns:33fr 67fr;gap:2rem;min-height:0;display:grid;overflow:hidden}.blog-sidebar{border-right:1px solid #8bca541a;flex-direction:column;min-height:0;padding-right:2rem;display:flex}.blog-post-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.blog-post-item{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;border-radius:.5rem;width:100%;padding:.75rem .75rem .75rem 1.25rem;transition:background .15s}.blog-post-item:hover{background:#8bca540f}.blog-post-item--selected{background:#8bca541a}.blog-post-item--selected .blog-post-item-title{color:var(--primary)}.blog-post-item-title{color:var(--text);margin:0 0 .3rem;font-family:Comfortaa,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3;transition:color .15s}.blog-post-item-meta{color:#fff6;gap:.5rem;font-family:Comfortaa,sans-serif;font-size:.75rem;display:flex}.blog-post-item-meta-sep{opacity:.4}.blog-pagination{border-top:1px solid #8bca5414;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.blog-pagination-btn{color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #8bca5433;border-radius:.4rem;padding:.35rem .75rem;font-family:Comfortaa,sans-serif;font-size:.8rem;transition:border-color .15s,color .15s}.blog-pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.blog-pagination-btn:disabled{opacity:.25;cursor:default}.blog-pagination-label{color:#ffffff4d;font-family:Comfortaa,sans-serif;font-size:.78rem}.blog-content{flex-direction:column;min-height:0;padding:.25rem .5rem 1rem 0;display:flex;overflow-y:auto}.blog-content-empty{color:#ffffff40;text-align:center;margin-top:4rem;font-family:Comfortaa,sans-serif;font-size:1rem}.blog-content-inner{animation:.25s forwards fadeUp}.blog-content-title{color:var(--text);margin:0 0 .6rem;font-family:BlackChancery,serif;font-size:2.5rem;line-height:1.1}.blog-content-meta{color:#fff6;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-family:Comfortaa,sans-serif;font-size:.8rem;display:flex}.blog-content .section-divider{margin-bottom:1.75rem}.blog-body{color:#fffc;font-family:Comfortaa,sans-serif;font-size:.95rem;line-height:1.85}.blog-body p{margin:0 0 1.25rem}.blog-body h1,.blog-body h2,.blog-body h3{color:var(--text);margin:2rem 0 .75rem;font-family:BlackChancery,serif;line-height:1.2}.blog-body h1{font-size:2rem}.blog-body h2{font-size:1.6rem}.blog-body h3{font-size:1.3rem}.blog-body strong{color:var(--text);font-weight:700}.blog-body em{color:#ffffffa6}.blog-body a{color:var(--primary);text-underline-offset:3px;text-decoration:underline;transition:color .15s}.blog-body a:hover{color:var(--accent)}.blog-body ul,.blog-body ol{flex-direction:column;gap:.35rem;margin:0 0 1.25rem 1.5rem;display:flex}.blog-body blockquote{border-left:3px solid var(--primary);color:#ffffff8c;margin:1.5rem 0;padding:.5rem 1.25rem;font-style:italic}.blog-body img{border-radius:.5rem;max-width:100%;margin:1.25rem 0;display:block}.blog-body code{background:#ffffff12;border-radius:.25rem;padding:.15em .4em;font-size:.88em}.blog-body hr{border:none;border-top:1px solid #8bca5426;margin:2rem 0}@media (max-width:768px){.blog-outer{height:auto;padding-bottom:2rem;overflow:visible}.blog-page{grid-template-columns:1fr;gap:0;overflow:visible}.blog-content{border-bottom:1px solid #8bca541a;order:-1;margin-bottom:1.5rem;padding:0 0 1.5rem;overflow-y:visible}.blog-content-title{font-size:2rem}.blog-sidebar{border-bottom:none;border-right:none;margin-bottom:0;padding-bottom:0;padding-right:0}.blog-post-list{overflow-y:visible}}