/* Shared layouts for the blog index and future case studies. */
.blog-index .page-hero{padding-block:clamp(2.5rem,5vw,4rem)}
.blog-index .page-hero h1{font-size:clamp(2.5rem,4.5vw,4rem)}
.blog-index .section{padding-block:clamp(3rem,5vw,5rem)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.blog-card{display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.blog-card-media{display:block;background:var(--navy)}
.blog-card-media img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}
.blog-card-copy{padding:clamp(1.5rem,3vw,2.5rem)}
.blog-card h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}
.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;color:var(--muted-foreground);font-size:.9rem}
.blog-grid>.blog-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.blog-card a:focus-visible,.blog-article a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.blog-article .hero{padding:clamp(2rem,4vw,3rem) 0 clamp(3rem,6vw,5rem)}
.blog-article .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.blog-article .hero-copy{padding:clamp(1.5rem,4vw,3.5rem)}
.blog-article h1{font-size:clamp(2.25rem,4.3vw,3.8rem);line-height:1.08;overflow-wrap:break-word}
.blog-article h2{font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.12}
.blog-article h3{font-size:1.25rem;line-height:1.2}
.blog-article .hero-media{position:relative;display:flex;align-items:center;min-width:0;margin:0;padding:2rem 1rem 5rem;background:var(--navy)}
.blog-article .hero-media img{width:100%;height:auto;object-fit:contain}
.blog-article .caption{position:absolute;inset:auto 1.25rem 1.25rem;padding:.75rem;background:rgba(7,29,51,.9);border-radius:10px;color:#dce8f0;font-size:.85rem}
.blog-article .section{padding-block:clamp(3rem,6vw,5.5rem)}
.blog-article .section-head{max-width:800px}
.article-toc{padding:1.5rem 0 2rem}
.article-toc strong{display:block;margin-bottom:.65rem}
.article-toc ul{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;padding:0;margin:0}
.article-toc a{color:var(--primary);font-weight:650;text-decoration:underline;text-underline-offset:.2em}
.blog-article section[id]{scroll-margin-top:130px}
.blog-article .grid-2,.blog-article .grid-4{display:grid;gap:1.25rem}
.blog-article .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-article .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.blog-article .num{display:block;color:var(--primary);font-weight:850;margin-bottom:.75rem}
.blog-article .media-copy{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-article .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.blog-article .gallery img{width:100%;height:auto;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}
.blog-article .gallery .wide{grid-column:1/-1;max-height:400px;object-fit:contain;background:var(--muted)}
.blog-article .field-capture-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.blog-article .field-scanner{width:100%;max-width:340px;margin:0;justify-self:center;padding:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.blog-article .field-scanner img{display:block;width:100%;max-width:258px;height:auto;margin-inline:auto;border-radius:10px}
.blog-article .field-scanner figcaption{margin-top:1rem;color:var(--muted-foreground);font-size:.85rem;line-height:1.5;text-align:center}
.blog-article .field-capture-gallery{margin-top:clamp(1.5rem,3vw,2.5rem)}
.blog-article .workflow{grid-template-columns:repeat(5,minmax(0,1fr))}
.blog-article .step{padding:1.2rem;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--foreground)}
.blog-article .step span{display:block;color:var(--primary);font-weight:850;margin-bottom:.5rem}
.blog-article .step p{margin:.5rem 0 0;color:var(--muted-foreground);font-size:.95rem}
.blog-article .use-case{padding:clamp(1.4rem,3vw,2rem);background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.blog-article .use-case ul{padding-left:1.2rem;color:var(--muted-foreground)}
.blog-article .metric{padding:2rem;background:var(--navy-2);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius)}
.blog-article .metric strong{display:block;font-size:clamp(2.3rem,5vw,4rem);line-height:1.2;margin-bottom:.5rem}
.blog-article .metric span{color:#58d9ee;font-weight:750}
.blog-article .metric p{margin:1rem 0 0}
.blog-article .cta{text-align:center}
.blog-article .cta p{max-width:760px;margin-inline:auto}
.blog-article .cta .actions{justify-content:center}
.blog-return{margin-top:1.5rem}
.blog-article.yingkou-article h1{font-size:clamp(2rem,3.3vw,3rem)}
.yingkou-article .article-figure{margin:0}
.yingkou-article .article-figure img{width:100%;height:auto;border-radius:var(--radius)}
.yingkou-article .article-figure figcaption{margin-top:.75rem;color:var(--muted-foreground);font-size:.85rem;line-height:1.5}
.yingkou-article .article-gallery{margin-bottom:2rem;align-items:center}
.yingkou-article .article-gallery img{max-height:420px;object-fit:contain}
.yingkou-article .challenge-grid .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-article.yingkou-article .article-workflow{grid-template-columns:repeat(6,minmax(0,1fr))}
.yingkou-article .article-applications{display:grid;gap:2rem}
.yingkou-article .article-application{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:center;padding:clamp(1rem,2.5vw,2rem);background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.yingkou-article .measurement-gallery{align-items:center}
.yingkou-article .measurement-gallery a{display:block;min-width:0}
.yingkou-article .measurement-gallery img{box-shadow:none;border:1px solid var(--border);border-radius:10px}
.yingkou-article .measurement-gallery a:last-child{grid-column:1/-1;justify-self:center;width:min(100%,330px)}
@media(max-width:1024px){.blog-article.yingkou-article .article-workflow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.yingkou-article .article-application,.yingkou-article .challenge-grid{grid-template-columns:1fr}.yingkou-article .article-figure{max-width:600px;margin-inline:auto}}
@media(max-width:560px){.blog-article.yingkou-article .article-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.yingkou-article .challenge-grid .check-grid{grid-template-columns:1fr}.yingkou-article .measurement-gallery a:last-child{grid-column:auto;width:100%}}
@media(max-width:1024px){.blog-article .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article .workflow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.blog-article .hero-grid{grid-template-columns:1fr}.blog-article .hero-media{padding-top:1.5rem}.blog-article .hero-media img{max-height:400px}.blog-article .media-copy,.blog-article .field-capture-layout{grid-template-columns:1fr}}
@media(max-width:760px){.blog-grid,.blog-grid>.blog-card:only-child,.blog-article .grid-2{grid-template-columns:1fr}.blog-article section[id]{scroll-margin-top:90px}}
@media(max-width:560px){.blog-article .grid-4,.blog-article .workflow,.blog-article .gallery{grid-template-columns:1fr}.blog-article .gallery .wide{grid-column:auto}.article-toc ul{gap:.65rem 1rem}}