.blog-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.blog-heading{padding-block:68px;background:var(--purple)}.blog-heading h1{font-size:clamp(2.2rem,5vw,5rem);line-height:1.05;max-width:1050px;letter-spacing:-.035em;margin-block:20px}.blog-heading .dek{max-width:760px;font-size:1.2rem}.blog-heading figure{max-width:900px;margin:32px 0 0}.blog-heading img{width:100%;height:auto;border-radius:20px}.blog-index{padding-block:60px;min-height:240px}.blog-layout{display:grid;grid-template-columns:230px minmax(0,800px);gap:60px;padding-block:60px}.blog-article{min-width:0;font-size:1.08rem;line-height:1.85}.blog-article h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;letter-spacing:-.025em}.blog-article a{text-decoration:underline;text-underline-offset:4px}.blog-toc{align-self:start;position:sticky;top:110px;font-size:.9rem}.blog-toc h2{font-size:1.1rem}.blog-toc ol{padding-inline-start:20px}.blog-toc li{margin-bottom:10px}.blog-share{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.blog-share button{font:inherit;border:1px solid var(--line);background:transparent;border-radius:8px;padding:6px;cursor:pointer}.blog-app-invitation{display:flex;align-items:center;gap:30px;margin-block:38px;padding:16px 0;background:none;border:0;box-shadow:none}.blog-app-invitation h2{margin-block:10px}.blog-app-invitation .app-store-badge{flex-shrink:0}.blog-section{margin-block:42px;scroll-margin-top:110px}.blog-section figure{margin:28px 0}.blog-section img{width:100%;height:auto;border-radius:16px}.blog-section figcaption{font-size:.9rem;color:var(--muted);line-height:1.6;margin-top:10px}.blog-faq details{border-bottom:1px solid var(--line);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 var(--line);border-radius:8px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:30px}.blog-card{min-width:0}.blog-card> a{display:block}.blog-card figure{margin:0}.blog-card img{width:100%;height:auto;border-radius:14px}.blog-card h2{font-size:1.6rem;line-height:1.15}.blog-card[hidden]{display:none}.blog-card> a>div{padding-block:20px}#blog-search{width:100%;max-width:600px;display:block;margin-block:10px 30px;padding:12px;font:inherit;border:1px solid var(--line);background:var(--cream);border-radius:8px}.blog-footer-link{padding-top:24px}.blog-footer-link a{display:inline-block;padding:8px 0}.page-blog h1,.page-blog p,.page-blog h2{overflow-wrap:anywhere}@media(max-width:850px){.blog-layout{grid-template-columns:1fr;gap:24px;padding-block:32px}.blog-toc{position:static}.blog-app-invitation{flex-direction:column;align-items:flex-start}.blog-heading{padding-block:38px}.blog-wrap{width:calc(100% - 40px)}}@media print{.blog-toc,.blog-app-invitation,.blog-tags{display:none}.blog-layout{display:block}}
