.blog-hero{background:var(--bg-muted);border-bottom:1px solid var(--border)}.blog-hero__inner{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:48px;display:grid}.blog-hero h1{letter-spacing:-.035em;color:var(--fg-strong);margin:12px 0 22px;font-size:clamp(38px,5vw,64px);line-height:1.08}.blog-hero .mk-lead{max-width:55ch}.blog-hero__scene :is(svg){width:100%;height:auto}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.blog-card{background:var(--bg);border:1px solid var(--border);border-radius:18px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.blog-card__image{background:var(--bg-muted);aspect-ratio:16/9;border-radius:18px;display:block;overflow:hidden}.blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.blog-card:hover .blog-card__image img{transform:scale(1.025)}.blog-card__illustration{background:var(--bg-muted);place-items:center;height:100%;display:grid}.blog-card__illustration svg{width:44%;height:auto;max-height:150px}.blog-card__body{flex-direction:column;flex:1;padding:26px;display:flex}.blog-card__body>.blog-read{margin-top:auto}.blog-card :is(h2,h3){letter-spacing:-.02em;margin:14px 0;font-size:23px;line-height:1.25}.blog-card :is(h2,h3) a{color:var(--fg-strong);text-decoration:none}.blog-card :is(h2,h3) a:hover{text-underline-offset:4px;text-decoration:underline}.blog-card__excerpt{color:var(--fg-muted);margin:0 0 22px;line-height:1.7}.blog-meta{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;font-size:13px;line-height:1.5;display:flex}.blog-read{color:var(--fg-strong);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.blog-read:hover{text-underline-offset:5px;text-decoration:underline}.blog-read svg{flex-shrink:0}.blog-card--featured{background:var(--bg-muted);grid-column:1/-1;grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.blog-card--featured .blog-card__image{aspect-ratio:auto;height:100%;min-height:290px}.blog-card--featured .blog-card__body{padding:clamp(28px,4vw,50px)}.blog-card--featured :is(h2,h3){font-size:clamp(27px,3vw,36px)}.blog-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.blog-preview,.blog-related{background:var(--bg-muted)}.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:48px;display:flex}.blog-pagination a{color:var(--fg-strong);align-items:center;gap:8px;font-weight:600;display:inline-flex}.blog-empty{max-width:65ch;padding-block:28px}.blog-empty p{color:var(--fg-muted);margin:18px 0 24px;line-height:1.7}.blog-article{padding:40px 24px 64px}.blog-article__header{max-width:880px;margin:0 auto 36px}.blog-breadcrumb{color:var(--fg-muted);gap:12px;margin-bottom:36px;font-size:14px;display:flex}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-article h1{letter-spacing:-.03em;color:var(--fg-strong);overflow-wrap:anywhere;margin:14px 0 24px;font-size:clamp(32px,4.5vw,54px);line-height:1.12}.blog-article__intro{color:var(--fg-muted);margin:0 0 26px;font-size:clamp(18px,2vw,21px);line-height:1.65}.blog-updated{color:var(--fg-muted);margin-top:10px;font-size:13px}.blog-article__hero{max-width:1040px;margin:0 auto 48px}.blog-article__hero img{object-fit:cover;border-radius:18px;width:100%;height:auto;max-height:620px}.blog-prose{max-width:740px;color:var(--fg);overflow-wrap:anywhere;margin:0 auto;font-size:18px;line-height:1.85}.blog-prose :is(h2,h3,h4){color:var(--fg-strong);margin:1.8em 0 .7em;scroll-margin-top:100px;line-height:1.3}.blog-prose h2{letter-spacing:-.025em;font-size:30px}.blog-prose h3{font-size:23px}.blog-prose p{margin:0 0 1.2em}.blog-prose :is(ul,ol){margin:0 0 1.4em;padding-left:1.5em}.blog-prose li{margin-block:.4em}.blog-prose a{color:var(--fg-strong);text-underline-offset:4px;text-decoration:underline}.blog-prose img{border-radius:12px;max-width:100%;height:auto;margin-block:28px;display:block}.blog-prose figure{margin:28px 0}.blog-prose figcaption{color:var(--fg-muted);font-size:14px}.blog-prose blockquote{border-left:3px solid var(--hw-brand-yellow);color:var(--fg-muted);margin:28px 0;padding:4px 0 4px 24px}.blog-prose pre{background:var(--bg-muted);border:1px solid var(--border);font-family:var(--font-mono);border-radius:12px;padding:22px;font-size:14px;overflow-x:auto}.blog-prose code{font-family:var(--font-mono);font-size:.85em}.blog-prose table{border-collapse:collapse;width:100%;margin:28px 0;font-size:15px;display:block;overflow-x:auto}.blog-prose :is(td,th){border:1px solid var(--border);text-align:left;min-width:130px;padding:12px 16px}.blog-prose th{background:var(--bg-muted)}.blog-article__footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:24px;max-width:740px;margin:48px auto 0;padding-top:26px;display:flex}.blog-article__footer>a{color:var(--fg-strong)}.blog-article__footer .blog-read svg{transform:rotate(180deg)}.blog-demo{border:1px dashed var(--border-strong);color:var(--fg-strong);background:var(--bg-muted);margin-bottom:28px;padding:14px 20px;font-size:14px}@media (width<=1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.blog-hero__inner{grid-template-columns:1fr;gap:24px}.blog-hero__scene{display:none}.blog-grid,.blog-related .blog-grid,.blog-card--featured{grid-template-columns:1fr}.blog-card--featured .blog-card__image{aspect-ratio:16/9;min-height:0}.blog-section-heading{flex-direction:column;align-items:start}.blog-card__body,.blog-card--featured .blog-card__body{padding:24px}.blog-article{padding-inline:20px}.blog-prose{font-size:17px}.blog-prose h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.blog-card__image img{transition:none}}