.blog-page{padding:40px 48px 70px}.blog-intro{max-width:820px;margin:35px 0 60px}.blog-intro h1{font-size:clamp(44px,6vw,76px)}.blog-intro .lede{max-width:640px}.blog-post-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:22px}.blog-card-image{display:block;overflow:hidden;border-radius:14px}.blog-card-image img{width:100%;height:auto}.blog-post-card h2{font-size:clamp(27px,3.2vw,40px);line-height:1.17}.blog-post-card p:not(.eyebrow){color:var(--muted)}.blog-meta{font-size:13px;line-height:1.7;color:var(--muted)}.blog-upcoming{max-width:780px;margin:60px 0}.blog-upcoming h2{font-size:32px}.blog-upcoming p{color:var(--muted)}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin:10px 0 45px}.blog-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.blog-article>header{max-width:900px;margin-bottom:50px}.blog-article h1{font-size:clamp(36px,5.6vw,64px);line-height:1.1;overflow-wrap:break-word}.blog-article .lede{max-width:750px}.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}.blog-prose{max-width:740px;min-width:0;font-size:17px}.blog-prose h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:38px 0 18px}.blog-prose h2:first-child{margin-top:0}.blog-prose p,.blog-prose li{color:var(--muted);line-height:1.8}.blog-prose strong{color:var(--ink)}.blog-steps{padding-left:24px}.blog-steps li{padding:0 0 16px 7px}.blog-screen{margin:0;max-width:300px}.blog-screen img{width:100%;height:auto;border:1px solid var(--line);border-radius:26px}.blog-screen figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}.blog-example-note{font-size:14px;border-left:3px solid var(--accent);padding-left:16px}.blog-quiz{background:var(--tint);border-radius:18px;padding:24px;margin:24px 0 36px}.blog-quiz h3{font-size:21px;line-height:1.4;margin:0 0 20px}.blog-quiz ol{padding-left:28px}.blog-quiz li{padding:5px 0 5px 8px}.blog-quiz details{border-top:1px solid var(--line);border-bottom:0;padding-bottom:0}.blog-quiz details p{margin-right:0}.blog-download{margin-top:65px;padding:36px;border-radius:22px;background:var(--tint);display:grid;grid-template-columns:85px minmax(0,1fr);gap:28px;align-items:start}.blog-download>img{width:85px;height:85px;border-radius:20px}.blog-download .eyebrow{margin-bottom:12px}.blog-download h2{font-size:42px;margin-bottom:16px}.blog-download p{color:var(--muted)}.blog-download .blog-store-note{font-size:13px;max-width:580px;margin-top:18px}.blog-download .text-link{white-space:normal}.blog-download .button{white-space:normal;line-height:1.5}.blog-post-card a:hover,.blog-breadcrumb a:hover{color:var(--accent)}
@media(max-width:800px){.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:30px}.blog-screen{max-width:250px;justify-self:center}.blog-post-card{grid-template-columns:minmax(0,1fr);gap:24px}.blog-page{padding-inline:24px}.blog-intro{margin-top:20px;margin-bottom:35px}.blog-download{padding:25px;gap:20px;grid-template-columns:60px minmax(0,1fr)}.blog-download>img{width:60px;height:60px;border-radius:15px}}
@media(max-width:480px){.blog-page{padding-inline:20px}.blog-post-card{padding:18px}.blog-download{grid-template-columns:minmax(0,1fr)}.blog-download h2{font-size:36px}.blog-quiz{padding:20px}.blog-prose h2{font-size:27px}.blog-breadcrumb{margin-bottom:30px}}

.blog-post-list{display:grid;gap:28px}.reading-article .blog-prose{max-width:820px;margin-inline:auto}.reading-hero{margin:0 0 32px}.reading-hero img{display:block;width:100%;height:auto;border-radius:18px}.reading-screen{max-width:330px;margin:32px auto 40px}.reading-screen img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.reading-article figcaption{font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}.reading-article .blog-prose>p:first-of-type{font-size:20px;line-height:1.7}

.blog-categories{display:flex;flex-wrap:wrap;gap:20px}.reading-artwork{margin:32px 0;background:var(--tint);border-radius:18px;padding:18px}.reading-artwork img{display:block;width:100%;height:auto}.reading-artwork figcaption{margin-bottom:0}