.blog-hero{display:block;width:min(100%,960px);height:auto;max-height:650px;object-fit:cover;border-radius:20px;margin-top:30px}.blog-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:60px;padding-block:60px}.blog-article{min-width:0;max-width:800px}.blog-toc{align-self:start;position:sticky;top:110px;font-size:.9rem}.blog-toc h2{font-size:1.1rem}.blog-toc ol{padding-left:20px}.blog-toc li{margin-bottom:12px}.blog-share{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.blog-share button{font:inherit;border:1px solid var(--line,#d7e1da);background:white;border-radius:8px;padding:6px;cursor:pointer}.blog-store-card{display:flex;gap:20px;padding:24px;border:1px solid #d7e1da;border-radius:16px;margin-block:32px;background:#f2f7f3}.blog-store-card>img{flex:0 0 64px;align-self:flex-start;border-radius:14px}.blog-store-card h2{font-size:1.5rem;margin-top:0}.blog-store-card .button-row{flex-wrap:wrap}.blog-section{margin-bottom:42px;scroll-margin-top:100px}.blog-section img{display:block;width:100%;height:auto;border-radius:16px}.blog-section figcaption{font-size:.9rem;color:#53655a;line-height:1.6;margin-top:10px}.blog-section figure{margin-inline:0}.blog-faq details{border-bottom:1px solid #ddd;padding:16px 0}.blog-faq summary{cursor:pointer;font-weight:700}.blog-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;font-size:.85rem}.blog-tags li{padding:4px 10px;border:1px solid #ddd;border-radius:8px}.blog-card{display:block;text-decoration:none;color:inherit}.blog-card-body{padding:20px}.blog-card h2{font-size:1.45rem}.blog-card[hidden]{display:none}#blog-search{width:100%;max-width:600px;margin-block:10px 30px;padding:12px;font:inherit;border:1px solid #aab2c0;border-radius:8px}@media(max-width:850px){.blog-layout{grid-template-columns:1fr;gap:24px;padding-block:32px}.blog-toc{position:static}.blog-store-card{flex-direction:column;padding:20px}.blog-store-card .button-row{display:flex;flex-direction:column;align-items:stretch}.blog-hero{max-height:none}.blog-article h2{overflow-wrap:anywhere}}@media print{.blog-toc,.blog-store-card,.blog-tags{display:none}.blog-layout{display:block}}

.blog-heading{background:#f2f7f3;padding:60px 0}.blog-heading h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.08;max-width:1050px;margin-block:20px}.blog-heading .dek{max-width:800px;font-size:1.15rem;line-height:1.7}.blog-index{padding-block:60px}.blog-article{font-size:1.075rem;line-height:1.85}.blog-article h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.25;margin-top:36px}.blog-intro{font-size:inherit}.blog-example{border-inline-start:4px solid #256b42;padding:20px;background:#f2f7f3;margin-block:24px}.blog-example-note{font-size:.9rem;color:#53655a}.blog-card .card-art figure{margin:0}.blog-card .card-art img{width:100%;height:auto}.blog-index .article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.blog-article p{overflow-wrap:anywhere}.blog-store-card .button{white-space:normal}.blog-article figure{margin-inline:0}
