.qp .blog-index,.qp .blog-page{padding:clamp(48px,8vh,88px) 0}.qp .blog-list{display:grid;gap:14px;margin-top:34px}.qp .blog-card,.qp .blog-related,.qp .blog-tldr,.qp .blog-author,.qp .blog-cta{border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface)}.qp .blog-card{display:block;padding:24px;text-decoration:none;transition:border-color .16s var(--ease-out),transform .14s var(--ease-out)}.qp .blog-card:active{transform:scale(.99)}.qp .blog-related h2,.qp .blog-cta h2{font-size:21px;font-weight:600;letter-spacing:-.25px}.qp .blog-meta{margin-top:12px;color:var(--muted-soft)}.qp .blog-tldr{margin-top:24px;padding:18px 22px;background:var(--surface-soft)}.qp .blog-tldr h2{color:var(--muted-soft);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.qp .blog-tldr ul{display:grid;gap:7px;margin:12px 0 0;padding-left:20px}.qp .blog-article{max-width:720px}.qp .blog-toc{margin:32px 0;padding:20px 22px;border-left:2px solid var(--accent);background:var(--surface-soft)}.qp .blog-toc a,.qp .blog-article .prose a{color:var(--accent);text-underline-offset:3px}.qp .blog-article .prose h2{margin:46px 0 14px;font-size:clamp(25px,3vw,31px);line-height:1.2}.qp .blog-article .prose p+p,.qp .blog-article .prose ul{margin-top:16px}.qp .blog-article .prose ul{padding-left:24px}.qp .blog-related,.qp .blog-author,.qp .blog-cta{margin-top:42px;padding:24px}.qp .blog-author{margin-top:24px;padding:18px 24px;background:var(--surface-soft);color:var(--muted-soft)}.qp .blog-author a{color:var(--accent);text-underline-offset:3px}.qp .blog-related ul{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none}.qp .blog-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.qp .blog-prev-next a{min-width:0;padding:16px;border:1px solid var(--hairline);border-radius:var(--r-btn);text-decoration:none;transition:border-color .16s var(--ease-out),transform .14s var(--ease-out)}.qp .blog-prev-next a:active{transform:scale(.99)}.qp .blog-prev-next span,.qp .blog-prev-next strong{display:block}.qp .blog-prev-next span{color:var(--muted-soft);font-size:14px}.qp .blog-prev-next strong{margin-top:3px;color:var(--ink)}.qp .blog-faq{margin-top:42px}.qp .blog-faq details{padding:16px 0;border-top:1px solid var(--hairline)}.qp .blog-faq details:last-child{border-bottom:1px solid var(--hairline)}.qp .blog-faq summary{cursor:pointer;color:var(--ink);font-weight:600}.qp .blog-faq p{margin-top:10px}@media(hover:hover)and (pointer:fine){.qp .blog-card:hover,.qp .blog-prev-next a:hover{border-color:var(--ink)}.qp .blog-related li a:hover strong{text-decoration:underline;text-underline-offset:3px}}@media(max-width:600px){.qp .blog-prev-next{grid-template-columns:1fr}}