/* Blog: article and list styles on top of /v2/site.css */
.crumbs{font-size:14px;color:var(--muted);padding-top:28px}.crumbs a{color:var(--muted)}
.post{max-width:760px;margin:0 auto;padding:0 24px 64px}
@media (max-width:480px){.post{padding:0 16px 48px}}
.post h1{font-size:clamp(32px,4.6vw,50px);margin:.3em 0 .4em}
.post .meta{font-size:14px;color:var(--muted);margin:0 0 28px}
.post h2{font-size:clamp(24px,3vw,32px);margin:1.6em 0 .5em}
.post h3{font-size:21px;margin:1.3em 0 .4em}
.post p,.post li{font-size:18px;line-height:1.7}
.post ol,.post ul{padding-left:1.3em}.post li{margin:.35em 0}
.post table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:16px;display:block;overflow-x:auto}
.post th,.post td{border:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}
.post th{background:var(--tint)}
.post .intro p{font-size:20px;color:var(--ink)}
.faq{border-top:1px solid var(--rule);margin-top:40px;padding-top:8px}
.faq details{border-bottom:1px solid var(--rule);padding:14px 0}
.faq summary{font:600 18px/1.4 var(--display);cursor:pointer}
.faq details p{margin:.6em 0 0}
.related{border-top:2px solid var(--ink);margin-top:40px;padding-top:16px}
.related ul{list-style:none;padding:0;display:grid;gap:4px}
.related a{font:500 18px/1.4 var(--display);text-decoration:none;display:inline-block;padding:8px 0}
.cta-box{background:var(--panel);border:1px solid var(--rule);padding:24px;margin-top:40px}
.cta-box p{margin:0 0 14px}
.list{max-width:900px;margin:0 auto;padding:0 24px 64px;list-style:none}
@media (max-width:480px){.list{padding:0 16px 48px}}
.list li{border-top:1px solid var(--rule);padding:22px 0}
.list a{font:500 clamp(20px,2.4vw,24px)/1.3 var(--display);text-decoration:none;color:var(--ink)}
.list a:hover{color:var(--accent)}
.list p{margin:6px 0 0;color:var(--muted);font-size:17px}