/* Blog styles - matches PanaWeather Safe Mode theme */
.blogShell{
  margin-top:12px;
}
.blogList{
  display:grid;
  gap:10px;
}
.blogCard{
  display:block;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.03);
  text-decoration:none;
  color:var(--text);
}
.blogCard:hover{ background:rgba(255,255,255,.05); }
.blogCard__title{
  font-weight:800;
  font-size:16px;
  line-height:1.2;
}
.blogCard__meta{
  margin-top:6px;
  font-size:12px;
  color:var(--muted);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.blogCard__summary{
  margin-top:10px;
  color:var(--text);
  opacity:.92;
  line-height:1.35;
  font-size:14px;
}
.blogPost{
  margin-top:10px;
}
.blogPost__top{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}
.blogBack{
  white-space:nowrap;
}
.blogPost__title{
  font-weight:900;
  font-size:18px;
  line-height:1.2;
}
.blogMarkdown{
  border-top:1px solid var(--line);
  padding-top:12px;
}
.blogMarkdown h1, .blogMarkdown h2, .blogMarkdown h3{
  margin:14px 0 8px;
}
.blogMarkdown p{
  margin:10px 0;
  line-height:1.55;
}
.blogMarkdown a{ color:#cfe0ff; }
.blogMarkdown code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95em;
  background: rgba(255,255,255,.06);
  padding: 2px 6px;
  border-radius: 8px;
}
.blogMarkdown pre{
  overflow:auto;
  background: rgba(255,255,255,.05);
  padding: 10px;
  border-radius: 14px;
  border: 1px solid var(--line);
}
.blogMarkdown blockquote{
  margin: 10px 0;
  padding: 8px 12px;
  border-left: 3px solid rgba(255,255,255,.25);
  color: var(--muted);
  background: rgba(255,255,255,.03);
  border-radius: 10px;
}
.blogErr{
  border:1px solid rgba(255,99,99,.35);
  background: rgba(255,99,99,.08);
  padding:10px 12px;
  border-radius:14px;
}

/* Mobile-friendly images */
.blogMarkdown img{
  max-width:100%;
  height:auto;
  display:block;
  margin:12px auto;
  border-radius:12px;
}
.blogMarkdown a img{
  border:1px solid rgba(255,255,255,.10);
}