/* Blog layouts share the app site typography and colors. */
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:25px}.blog-article{max-width:790px;margin:32px auto 56px}.blog-article h1{font-size:clamp(40px,6vw,65px);margin:18px 0 22px}.blog-article h2{margin-top:38px;scroll-margin-top:20px}.blog-article h3{margin-top:28px}.blog-article .deck{font-size:21px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 12px}.photo-pair figure{margin:0}.photo-pair img{border-radius:5px}.photo-pair figcaption{font-size:14px;font-weight:600;margin-top:8px}.blog-article .source{font-size:13px;color:var(--muted);line-height:1.6}.article-contents{display:flex;flex-wrap:wrap;gap:8px 20px;padding:19px 0;border-block:1px solid var(--line);font-size:14px;margin:28px 0}.article-contents strong{flex-basis:100%}.steps{padding-left:24px}.steps li{padding-left:4px;margin:16px 0}.method-note{border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.method-note h2{font-size:21px}.blog-heading{max-width:800px;margin:34px 0}.blog-heading h1{font-size:clamp(42px,6vw,70px)}.blog-heading .deck{font-size:21px;color:var(--muted)}.blog-posts{display:grid;gap:24px}.blog-card{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.blog-card img{width:240px;aspect-ratio:1;object-fit:cover;border-radius:5px}.blog-card h2{font:35px/1.15 Georgia,serif}.blog-card h2 a{text-decoration:none}.blog-card h2 a:hover{text-decoration:underline}.blog-card p{max-width:680px}.blog-rss{margin:22px 0 36px;font-size:14px}@media(max-width:600px){.blog-card{grid-template-columns:1fr;gap:18px}.blog-card img{width:100%;max-height:350px;object-position:center}.blog-card h2{font-size:31px}.photo-pair{gap:8px}.photo-pair figcaption{font-size:12px}.blog-article table{font-size:13px}.blog-article td,.blog-article th{padding:10px 8px}.blog-article .button{font-size:14px}.blog-heading{margin:28px 0}.blog-article{margin-top:24px}.article-contents{gap:12px}.article-contents a{display:block;width:100%}}