.blog-hero{padding:136px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,var(--green-subtle),transparent 65%),var(--darker);color:var(--white)}.blog-label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-light)}.blog-hero h1{font-size:clamp(2.3rem,4.5vw,4.4rem);font-weight:900;line-height:1.08;letter-spacing:-.035em;margin:20px 0 24px}.blog-hero h1 span{color:var(--green-light)}.blog-hero p{color:var(--text-on-dark);font-size:1.12rem;line-height:1.75;max-width:700px}.blog-back{display:inline-block;color:var(--text-on-dark);margin-bottom:28px;font-size:.9rem}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;color:var(--text-on-dark-muted);font-size:.85rem}.blog-post-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.blog-post-intro .btn{margin-top:24px}.blog-hero-image{display:block;max-width:340px;justify-self:center;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);overflow:hidden}.blog-hero-image img{display:block;width:100%;height:auto}.blog-listing{background:var(--gray);padding:70px 0 100px}.blog-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.blog-cat{border:1px solid var(--gray-mid);border-radius:100px;padding:10px 18px;background:var(--white);color:var(--text);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.blog-cat.active{background:var(--forest);color:var(--white);border-color:var(--forest)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{display:flex;flex-direction:column;min-width:0;min-height:440px;background:var(--white);border:1px solid var(--gray-mid);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,border-color .3s}.blog-card[hidden]{display:none}.blog-card:hover{transform:translateY(-4px);border-color:var(--green)}.blog-card__img{height:210px;overflow:hidden;background:var(--gray)}.blog-card__img img{width:100%;height:100%;object-fit:cover;object-position:top}.blog-card__body{padding:26px;display:flex;flex-direction:column;flex:1;gap:14px}.blog-card__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.78rem;color:var(--text-light)}.blog-card__meta span{color:var(--forest);font-weight:700}.blog-card h2{font-size:1.3rem;line-height:1.35;color:var(--darker);font-weight:800}.blog-card p{font-size:.95rem;line-height:1.7;color:var(--text-light);flex:1}.blog-card__link{color:var(--forest);font-weight:700;font-size:.9rem}.blog-article{max-width:860px;margin:auto;padding:72px 24px 80px;color:var(--text);font-size:1.08rem;line-height:1.8;overflow-wrap:break-word}.blog-article p{margin:0 0 22px}.blog-lead{font-size:1.24rem;font-weight:500;line-height:1.75}.blog-article h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;line-height:1.25;color:var(--darker);margin:54px 0 22px;scroll-margin-top:100px}.blog-article h3{font-size:1.4rem;font-weight:800;line-height:1.4;color:var(--darker);margin:30px 0 16px}.blog-article a:not(.btn){color:var(--forest);text-decoration:underline;text-underline-offset:3px}.blog-article ul,.blog-article ol{padding-left:26px;margin:0 0 26px}.blog-article li{margin-bottom:12px}.blog-toc,.blog-note{padding:28px;background:var(--gray);border-left:4px solid var(--green);border-radius:var(--radius);margin:32px 0}.blog-toc ol{margin:16px 0 0}.blog-toc li{margin-bottom:6px}.blog-note p{margin:10px 0 0}.blog-infographic-detail{width:100%;max-width:var(--detail-width);margin:32px auto;background:var(--gray);border:1px solid var(--gray-mid);border-radius:var(--radius-lg);overflow:hidden}.blog-article .blog-infographic-detail__image{position:relative;display:block;aspect-ratio:var(--detail-ratio);overflow:hidden;text-decoration:none}.blog-infographic-detail__image img{position:absolute;display:block;max-width:none;height:auto}.blog-article .blog-infographic-detail__image:focus-visible{outline:3px solid var(--green);outline-offset:-4px}.blog-infographic-detail figcaption{padding:16px 20px;font-size:.9rem;line-height:1.6;color:var(--text)}.blog-infographic-detail figcaption span{display:block;margin-top:8px;font-size:.75rem;color:var(--text-light)}.blog-infographic-detail__mobile{display:none}.blog-detail-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start;margin:32px auto;max-width:705px}.blog-detail-pair .blog-infographic-detail{margin:0}.blog-evidence-layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:32px;align-items:start;margin:28px 0}.blog-evidence-layout .blog-infographic-detail{margin:0}.blog-download{background:var(--darker);color:var(--text-on-dark);padding:36px;border-radius:var(--radius-lg);margin:48px 0;scroll-margin-top:100px}.blog-download h2{color:var(--white);margin:16px 0 22px}.blog-download .btn{white-space:normal;text-align:center}.blog-download-meta{font-size:.85rem;margin:16px 0 0!important}.blog-download figure{margin:30px 0 20px}.blog-download img{width:100%;height:auto;display:block;border-radius:var(--radius)}.blog-download figcaption{font-size:.85rem;margin-top:12px;text-align:center}.blog-related{display:flex;flex-direction:column;gap:14px;background:var(--gray);padding:28px;border-radius:var(--radius);margin-top:36px}.blog-cta{background:radial-gradient(ellipse at center,var(--green-subtle),transparent 70%),var(--darker);padding:80px 0;text-align:center;color:var(--white)}.blog-cta h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;margin:20px 0}.blog-cta p{color:var(--text-on-dark);margin-bottom:28px}.blog-cat:focus-visible,.blog-card:focus-visible,.blog-article a:focus-visible,.blog-back:focus-visible,.blog-hero-image:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.blog-evidence-layout{grid-template-columns:1fr;gap:24px}.blog-evidence-layout .blog-infographic-detail{margin:0 auto}.blog-detail-pair{grid-template-columns:1fr;gap:20px}.blog-detail-pair .blog-infographic-detail{margin:0 auto}}@media(max-width:600px){.blog-article .blog-infographic-detail__desktop{display:none}.blog-infographic-detail__mobile{display:grid;gap:16px;padding:20px 16px 4px}.blog-infographic-detail__mobile .blog-infographic-detail__image{width:100%;max-width:var(--detail-width);margin:0 auto;border-radius:var(--radius)}}@media(max-width:900px){.blog-hero{padding:112px 0 60px}.blog-post-intro{grid-template-columns:1fr;gap:32px}.blog-hero-image{max-width:320px}.blog-article{padding-top:50px}.blog-listing,.blog-cta{padding:60px 0}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-hero h1{font-size:clamp(2rem,8.5vw,3rem)}.blog-article{padding:48px 16px 60px;font-size:1rem}.blog-toc,.blog-note,.blog-related{padding:22px}.blog-download{padding:24px 18px}.blog-post-meta{gap:10px}.blog-hero .btn{width:100%;white-space:normal;text-align:center}.blog-hero-image{max-width:280px}.blog-card{min-height:420px}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}.wq-blog{--green:var(--wq-green);--green-light:var(--wq-green-light);--green-subtle:rgba(86,169,52,.12);--forest:#166534;--darker:#222;--white:#fff;--gray:#f5f5f5;--gray-mid:#e5e5e5;--text:#3a3a3a;--text-light:#666;--text-on-dark:rgba(255,255,255,.75);--text-on-dark-muted:rgba(255,255,255,.55);--radius:10px;--radius-lg:20px;--shadow:0 4px 24px rgba(0,0,0,.08);--shadow-lg:0 12px 48px rgba(0,0,0,.14);background:var(--white)}.wq-blog .container{max-width:1200px}.wq-blog .btn{transition:transform .3s,background .3s}.wq-blog .btn:hover{transform:translateY(-2px)}
