/* blog-1014: the Assistly blog (/blog and /blog/<slug>). Builds on help.css. */
.blog .bhero{padding-bottom:20px}
.blog main .bhero{padding:64px 0 24px}
.blist{padding-bottom:88px}
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.bcard{display:flex;flex-direction:column;gap:8px;padding:24px 26px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.bcard:hover{border-color:var(--brand-200);transform:translateY(-1px)}
.bcard b{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.018em;line-height:1.3}
.bcard span{color:var(--ink-2);font-size:15px;line-height:1.55}
.bcard i{font-style:normal;color:var(--muted);font-size:13px;margin-top:auto;padding-top:4px}
.bpost{padding-top:40px;padding-bottom:88px}
.bpost .art{max-width:720px;margin:0 auto}
.bdate{color:var(--muted);font-size:14px;margin:0 0 26px}
.prose h3{font-size:18px;color:var(--ink);letter-spacing:-.012em;margin:24px 0 6px;line-height:1.3}
.prose .faq{margin-top:8px;border-top:1px solid var(--line)}
.prose .faq h3{margin-top:22px}
.prose .faq p{margin-bottom:6px}
.prose a{word-break:break-word}
@media (max-width:760px){
  .blog main .bhero{padding:36px 0 14px}
  .bgrid{grid-template-columns:1fr;gap:12px}
  .bcard{padding:18px 20px;border-radius:14px}
  .bcard b{font-size:16.5px}
  .bcard span{font-size:14.5px}
  .bpost{padding-top:22px;padding-bottom:56px}
  .bdate{margin-bottom:18px}
  .prose h3{font-size:17px}
}