/* blog.azurehiddenlab.com — on top of site.css. Same desktop look, one entry per window. */
.blog-nav{display:flex; gap:16px; margin-left:22px; font-weight:400; font-size:14pt;}
.blog-nav a{color:var(--bridge); text-decoration:none;}
.blog-nav a:hover, .blog-nav a:focus-visible{color:var(--white);}

/* Archive: years, each folding open to its months */
.years{list-style:none;}
.years > .year{border-bottom:1px dashed var(--line);}
.years > .year:last-child{border-bottom:none;}
.year-btn{display:flex; justify-content:space-between; width:100%; padding:8px 0; background:none; border:none; cursor:pointer;
          font-family:var(--display); font-weight:600; font-size:14pt; color:var(--bridge); text-align:left;}
.year-btn:hover, .year-btn:focus-visible{color:var(--white);}
.year.open .year-btn{color:var(--white);}
.year-btn .n{color:var(--muted); font-family:var(--mono); font-weight:400;}
.year .months{padding:0 0 8px 14px;}
.has-js .year:not(.open) .months{display:none;}
.months{list-style:none;}
.months li{display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed var(--line); font-size:14pt;}
.months li:last-child{border-bottom:none;}
.months li a{color:var(--bridge); text-decoration:none;}
.months li a:hover, .months li a:focus-visible{color:var(--white);}
.months li.current a{color:var(--white);}
.months li span{color:var(--muted);}
.months li.dim{color:var(--muted);}

.entry .titlebar .t{white-space:normal; overflow:visible; text-overflow:clip;}   /* long titles may wrap */
.entry .titlebar{height:auto; min-height:31px; padding:6px 10px;}
.entry .permalink{color:inherit; text-decoration:none; opacity:.8;}
.entry .permalink:hover{opacity:1; text-decoration:underline;}

.post{font-size:14pt; line-height:1.6;}
.post p{margin:0 0 14px;}
.post h3{font-family:var(--display); font-weight:600; font-size:16pt; color:var(--white); margin:18px 0 10px;}
.post a{color:var(--bridge);}
.post a:hover{color:var(--white);}
.post code{font-family:var(--mono); background:var(--panel-2); border:1px solid var(--line); border-radius:3px; padding:1px 6px; color:var(--bridge);}
.post pre{background:var(--panel-2); border:1px solid var(--line); border-radius:3px; padding:12px 14px; overflow-x:auto; margin:0 0 14px;}
.post pre code{border:none; padding:0; background:transparent; color:var(--white);}
.post figure{margin:0 0 14px;}
.post figure img{max-width:100%; height:auto; display:block; border:1px solid var(--line); border-radius:3px;}
.post figcaption{color:var(--muted); font-size:14pt; margin-top:6px;}
.post b{color:var(--white);}