/* Shared reading, navigation, and image layout for published AMP articles. */
.blog-article .post-wrap{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
.blog-article .post-main,.blog-article .post-sidebar{min-width:0}
.blog-article .post-sidebar{position:sticky;top:calc(var(--navh) + 24px)}
.blog-article .post-feat-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:480px}
.blog-article .post-meta{color:rgba(255,255,255,.68);gap:10px 18px;line-height:1.6}
.blog-article .post-meta a{text-decoration:underline;text-underline-offset:3px}
.blog-article .post-breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:22px;line-height:1.6}
.blog-article .post-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.blog-article .post-breadcrumbs li+li::before{content:'/';padding-right:6px;color:rgba(255,255,255,.4)}
.blog-article .post-breadcrumbs a:hover{color:var(--green)}
.blog-article .post-body h2,.blog-article .post-faq h2{scroll-margin-top:calc(var(--navh) + 24px)}
.blog-article .post-toc{margin:28px 0 36px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(202,255,0,.035)}
.blog-article .post-toc p{margin:0 0 12px;font-size:15px;font-weight:800;color:#fff}
.blog-article .post-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding-left:20px}
.blog-article .post-toc a{font-size:14px;font-weight:600;line-height:1.5}
.blog-article details.faq-item{padding:0}
.blog-article details .faq-q{list-style:none;padding:20px 0;min-height:44px}
.blog-article details .faq-q::-webkit-details-marker{display:none}
.blog-article details .faq-a{display:block;margin:0;padding:0 0 20px}
.blog-article details[open] .faq-q::after{transform:rotate(45deg)}
.blog-article :is(a,summary):focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:3px}
.blog-article .post-body table{table-layout:fixed}
.blog-article .post-body :is(th,td){overflow-wrap:anywhere}
.blog-article .source-list{font-size:14px}
@media(max-width:1100px){.blog-article .post-wrap{grid-template-columns:minmax(0,1fr);max-width:900px}.blog-article .post-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-article .post-sidebar>div{margin:0}}
@media(max-width:600px){.blog-article .post-toc{padding:18px}.blog-article .post-toc ul{grid-template-columns:minmax(0,1fr)}.blog-article .post-sidebar{grid-template-columns:minmax(0,1fr)}.blog-article .post-body :is(th,td){padding:10px 8px;font-size:13px}.blog-article .post-cta{padding:24px}.blog-article .post-cta-btns .btn{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}