.blog-shell,.blog-article{--blog-ink:var(--color-navy-900);--blog-muted:#53647b;--blog-accent:var(--color-brand-600);max-width:1160px;color:var(--blog-ink);margin-inline:auto;padding:40px 24px 64px}html[data-theme=dark] :is(.blog-shell,.blog-article){--blog-ink:#eaf1fa;--blog-muted:#b7c8dd;--blog-accent:#8fb0f9}.blog-shell [hidden]{display:none!important}.blog-intro{text-align:center;max-width:780px;margin:0 auto 32px}.blog-intro h1{margin:10px 0 16px;font-size:clamp(27px,3.4vw,40px);font-weight:850;line-height:1.5}.blog-intro>div>p:last-child{color:var(--blog-muted);font-size:16px;line-height:1.9}.blog-topic{color:var(--blog-accent);font-size:12px;font-weight:750;line-height:1.8}.blog-featured{margin-bottom:36px}.blog-card{border:1px solid var(--color-line);background:var(--color-paper);height:100%;color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card-text{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card h2{margin:8px 0 12px;font-size:20px;font-weight:800;line-height:1.7}.blog-excerpt{color:var(--blog-muted);flex:1;font-size:14px;line-height:1.95}.blog-meta{color:var(--blog-muted);flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:12px;display:flex}.blog-card-image{background:var(--color-mist);padding:12px}.blog-card-image img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:240px}.blog-card-featured{background:var(--color-mist);border:0;grid-template-columns:1fr 1fr;display:grid}.blog-card-featured:not(:has(img)){grid-template-columns:1fr}.blog-card-featured .blog-card-text{padding:32px 36px}.blog-card-featured h2{font-size:clamp(23px,2.5vw,30px);line-height:1.6}.blog-card-featured .blog-card-image{align-items:center;padding:24px;display:flex}.blog-card-featured img{max-height:300px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.blog-controls{gap:12px;margin-bottom:16px;display:flex}.blog-search{border:1px solid var(--color-line);background:var(--color-paper);border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.blog-search svg{color:var(--blog-muted);flex-shrink:0}.blog-search input{width:100%;min-width:0;min-height:50px;font:inherit;color:var(--blog-ink);background:0 0;border:0;font-size:15px}.blog-sort select{background:var(--color-paper);color:var(--blog-ink);border:1px solid var(--color-line);min-height:50px;font:inherit;border-radius:12px;padding:8px 14px;font-size:14px}.blog-topics{flex-wrap:wrap;gap:8px;display:flex}.blog-topics button{border:1px solid var(--color-line);background:var(--color-paper);font:inherit;color:var(--blog-muted);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px}.blog-topics button[aria-pressed=true]{background:var(--blog-ink);color:var(--color-paper);border-color:var(--blog-ink)}.blog-results{color:var(--blog-muted);margin:20px 0 14px;font-size:13px}.blog-empty{text-align:center;color:var(--blog-muted);padding:48px 16px}.blog-empty button{color:var(--blog-accent);cursor:pointer;margin-top:12px;font-weight:700;text-decoration:underline}.blog-article>h1,.blog-article>p,.blog-article>nav{max-width:780px;margin-inline:auto}.blog-article h1{font-size:clamp(26px,3vw,37px);line-height:1.65}.blog-article>figure{max-width:860px;margin-inline:auto}.article-reading{grid-template-columns:230px minmax(0,760px);justify-content:space-between;gap:48px;margin-block:32px;display:grid}.article-reading:not(:has(.article-contents)){max-width:780px;margin-inline:auto;display:block}.article-contents{color:var(--blog-muted);border-inline-start:2px solid var(--color-line);align-self:start;padding-inline-start:18px;font-size:13px;position:sticky;top:88px}.article-contents summary{color:var(--blog-ink);cursor:pointer;margin-bottom:12px;font-weight:750}.article-contents li{margin-block:9px;line-height:1.85}.article-contents a:hover{color:var(--blog-accent)}.article-body{overflow-wrap:anywhere;min-width:0;font-size:16px;line-height:2.05}.article-body h2{margin:36px 0 12px;font-size:25px;font-weight:800;line-height:1.65}.article-body h3{margin:28px 0 10px;font-size:20px;font-weight:750}.article-body p{color:var(--blog-muted);margin:16px 0}.article-body :is(ul,ol){margin-block:16px;padding-inline-start:24px}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{color:var(--blog-muted);margin-block:8px}.article-body strong{color:var(--blog-ink);font-weight:750}.article-body a{color:var(--blog-accent);text-underline-offset:4px;text-decoration:underline}.article-body blockquote{border-inline-start:3px solid var(--blog-accent);background:var(--color-mist);margin:24px 0;padding:12px 20px}.article-body table{border-collapse:collapse;max-width:100%;margin-block:24px;font-size:14px;display:block;overflow-x:auto}.article-body :is(th,td){border:1px solid var(--color-line);text-align:start;min-width:120px;padding:12px}.article-body th{background:var(--color-mist)}.article-body pre{background:var(--color-mist);border-radius:12px;padding:20px;overflow-x:auto}.article-body img{border-radius:12px;max-width:100%;height:auto}.article-body figure{margin-block:28px}.article-body figcaption,.blog-article>figure figcaption{color:var(--blog-muted);padding:12px 4px;font-size:13px;line-height:1.85}.article-body hr{border-color:var(--color-line);margin-block:32px}.blog-article>[data-section=article-cta]{max-width:780px;margin-inline:auto}.blog-article .blog-related{margin-top:44px}.blog-related h2{margin-bottom:20px;font-size:24px;font-weight:800}.blog-product-image{flex-direction:column;justify-content:center;gap:14px}.blog-product-image figcaption{color:var(--blog-muted);font-size:12px;line-height:1.8}.blog-image-dark,html[data-theme=dark] .blog-image-light{display:none}html[data-theme=dark] .blog-image-dark{display:block}.article-video{border:1px solid var(--color-line);background:var(--color-mist);border-radius:16px;overflow:hidden}.article-body .article-video>a{color:var(--blog-ink);grid-template-columns:minmax(0,240px) minmax(0,1fr);text-decoration:none;display:grid}.video-visual{aspect-ratio:16/9;background:var(--story-field,var(--color-mist));place-items:center;display:grid;position:relative;overflow:hidden}.article-body .video-visual img{object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.video-play{color:#fff;background:#071a2fe6;border-radius:50%;place-items:center;width:48px;height:48px;padding-inline-start:3px;font-size:20px;display:grid;position:relative}.video-details{flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:20px;display:flex}.video-details small{color:var(--blog-muted);font-size:12px}.video-details strong{font-size:17px;line-height:1.7}.video-action{color:var(--blog-accent);font-size:13px}.article-video a:focus-visible{outline:3px solid var(--blog-accent);outline-offset:-3px}@media (width<=600px){.article-body .article-video>a{grid-template-columns:1fr}.video-details{padding:16px}}@media (hover:hover){.blog-card:hover{border-color:var(--blog-accent);box-shadow:var(--shadow-card);transform:translateY(-3px)}}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-reading{grid-template-columns:1fr;gap:24px}.article-contents{background:var(--color-mist);border:1px solid var(--color-line);border-radius:12px;padding:16px;position:static}.article-contents ol{columns:2;column-gap:24px}.article-contents li{break-inside:avoid}.article-reading{max-width:780px;margin-inline:auto}}@media (width<=600px){.blog-shell,.blog-article{padding:28px 18px 40px}.blog-intro{margin-bottom:24px}.blog-intro h1{font-size:27px}.blog-featured{margin-bottom:28px}.blog-card-featured{grid-template-columns:1fr}.blog-card-featured .blog-card-text{padding:24px}.blog-card-featured .blog-card-image{padding:16px}.blog-card-featured h2{font-size:23px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card-text{padding:22px}.blog-controls{flex-direction:column}.blog-sort select{width:100%}.blog-topics button{padding:8px 12px;font-size:12px}.article-contents ol{columns:1}.article-body{font-size:15px}.article-body h2{font-size:22px}.blog-article h1{font-size:26px}.blog-article>[data-section=article-cta]{padding:24px}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}