.std-blog { color: #273127; background: #fff; }
.std-blog .std-blog-container { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.std-blog .std-blog-intro { padding: 28px 0 48px; background-color: #193523; background-image: linear-gradient(90deg, rgba(15, 35, 23, .94) 0%, rgba(15, 35, 23, .82) 38%, rgba(15, 35, 23, .38) 100%), url('/assets/company/partner-production-workshop.jpg'); background-size: cover; background-position: center 52%; border-bottom: 1px solid #e1e7dd; }
.std-blog nav { font-size: 14px; color: #758072; margin-bottom: 32px; }
.std-blog a { color: inherit; text-decoration: none; }
.std-blog nav a { color: #4b9637; }
.std-blog .std-blog-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .15em; color: #66805d; margin: 0 0 12px; }
.std-blog h1 { font-size: clamp(36px, 4vw, 52px); font-weight: 600; line-height: 1.15; margin: 0 0 18px; color: #273127; }
.std-blog .std-blog-description { max-width: 740px; font-size: 17px; line-height: 1.7; margin: 0 0 24px; color: #637060; }
.std-blog .std-blog-contact { display: inline-flex; align-items: center; gap: 20px; padding: 12px 20px; background: #4b9637; color: white; font-size: 14px; font-weight: 600; }
.std-blog .std-blog-articles { padding-top: 48px; padding-bottom: 64px; }
.std-blog .std-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 28px; }
.std-blog .std-blog-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #e3e8df; background: #fff; }
.std-blog .std-blog-image { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #f4f5f2; }
.std-blog .std-blog-image img { display: block; width: 100%; height: 100%; object-fit: contain; margin: 0; }
.std-blog .std-blog-card-body { padding: 24px; display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.std-blog h2 { font-size: 21px; font-weight: 600; line-height: 1.45; margin: 0 0 14px; overflow-wrap: anywhere; color: #273127; }
.std-blog .std-blog-card-body p { font-size: 14px; line-height: 1.8; color: #72796f; margin: 0 0 22px; }
.std-blog .std-blog-read { margin-top: auto; font-size: 14px; font-weight: 600; color: #4b9637; display: inline-flex; gap: 18px; }
.std-blog a:hover { color: #367226; }
.std-blog .std-blog-contact:hover { color: white; background: #367226; }
.std-blog a:focus-visible { outline: 2px solid #4b9637; outline-offset: 4px; }
@media (max-width: 960px) { .std-blog .std-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .std-blog .std-blog-container { width: calc(100% - 32px); } .std-blog .std-blog-grid { grid-template-columns: 1fr; gap: 24px; } .std-blog .std-blog-intro { padding-bottom: 32px; } .std-blog .std-blog-articles { padding-top: 28px; padding-bottom: 40px; } .std-blog .std-blog-card-body { padding: 20px; } }

/* Real manufacturing-partner photography; keep text legible over the full-width image. */
.std-blog .std-blog-intro nav { color: #e0e9dc; }
.std-blog .std-blog-intro nav a { color: #fff; }
.std-blog .std-blog-intro .std-blog-eyebrow { color: #c6dbbd; }
.std-blog .std-blog-intro h1 { color: #fff; max-width: 820px; }
.std-blog .std-blog-intro .std-blog-description { color: #edf2e9; max-width: 680px; }
.std-blog .std-blog-intro a:focus-visible { outline-color: #fff; }
@media (max-width: 600px) {
  .std-blog .std-blog-intro { background-image: linear-gradient(rgba(15, 35, 23, .82), rgba(15, 35, 23, .82)), url('/assets/company/partner-production-workshop.jpg'); background-position: center; }
}
.std-new-article .std-article-content { width: min(860px, calc(100% - 48px)); margin: 48px auto 64px; }
.std-new-article figure { margin: 0 0 36px; background: #f5f7f3; padding: 24px; }
.std-new-article figure img { display: block; width: 100%; height: 340px; object-fit: contain; }
.std-new-article figcaption { font-size: 13px; line-height: 1.65; color: #687365; margin-top: 16px; }
.std-new-article .std-article-copy { font-size: 17px; line-height: 1.85; }
.std-new-article .std-article-copy h2 { font-size: 27px; line-height: 1.35; margin: 36px 0 16px; }
.std-new-article .std-article-copy p { margin: 0 0 20px; }
.std-new-article .std-article-copy ul { list-style: disc; padding-left: 24px; margin: 0 0 24px; }
.std-new-article .std-article-copy li { margin: 8px 0; }
.std-new-article .std-article-copy a, .std-new-article .std-article-related a { color: #367226; text-decoration: underline; text-underline-offset: 3px; }
.std-new-article .std-article-related { border-top: 1px solid #e0e6dc; margin-top: 40px; padding-top: 28px; }
.std-new-article .std-article-related ul { padding-left: 20px; list-style: disc; line-height: 1.8; }
@media (max-width:600px) { .std-new-article .std-article-content { width: calc(100% - 32px); margin-top: 28px; } .std-new-article figure { padding:16px; } .std-new-article figure img { height:260px; } .std-new-article .std-article-copy { font-size:16px; } .std-new-article .std-article-copy h2 { font-size:23px; } }
.std-new-article .std-article-copy h3 { font-size:20px; font-weight:600; line-height:1.5; margin:24px 0 10px; color:#273127; }
.std-new-article .std-article-copy ol { list-style:decimal; padding-left:24px; margin:0 0 24px; }
.std-new-article .std-article-table { overflow-x:auto; margin:24px 0; border:1px solid #dce4d7; }
.std-new-article .std-article-table table { width:100%; min-width:640px; border-collapse:collapse; font-size:14px; line-height:1.6; }
.std-new-article .std-article-table th, .std-new-article .std-article-table td { padding:12px 14px; border-bottom:1px solid #dce4d7; text-align:left; vertical-align:top; }
.std-new-article .std-article-table thead th { background:#edf2e9; font-weight:600; }
.std-new-article .std-article-table tbody tr:nth-child(even) { background:#f7f9f5; }
.std-new-article .std-article-table:focus-visible { outline:2px solid #4b9637; outline-offset:3px; }

/* Article reading layout: title, byline, lead image, static contents, then copy. */
.std-new-article .std-blog-intro { background:#fff; border:0; padding:32px 0 0; }
.std-new-article .std-blog-intro .std-blog-container { width:min(840px, calc(100% - 48px)); }
.std-new-article .std-blog-intro nav { color:#7b8378; margin-bottom:28px; font-size:13px; }
.std-new-article .std-blog-intro nav a { color:#427d32; }
.std-new-article .std-blog-intro .std-blog-eyebrow { color:#4b863c; font-size:11px; letter-spacing:.13em; margin-bottom:14px; }
.std-new-article .std-blog-intro h1 { color:#263126; max-width:none; font-size:clamp(32px,3.3vw,46px); line-height:1.2; letter-spacing:-.025em; margin-bottom:22px; }
.std-new-article .std-article-meta { display:flex; flex-wrap:wrap; gap:10px 20px; color:#7a8176; font-size:13px; line-height:1.6; margin:0; padding-bottom:24px; border-bottom:1px solid #e0e5dc; }
.std-new-article .std-article-content { width:min(840px, calc(100% - 48px)); margin:28px auto 64px; }
.std-new-article figure { padding:0; background:#f7f8f5; margin:32px 0; }
.std-new-article figure img { width:100%; height:auto; max-height:520px; object-fit:contain; }
.std-new-article .std-article-featured { margin:0 0 30px; }
.std-new-article .std-article-featured img { height:400px; max-height:none; padding:18px; }
.std-new-article figcaption { background:#fff; padding:10px 0 0; margin:0; font-size:12px; color:#7a8176; }
.std-new-article .std-article-toc { background:#f5f7f2; border:1px solid #e0e6d9; border-left:3px solid #4b9637; padding:24px 28px; margin:0 0 34px; }
.std-new-article .std-article-toc h2 { margin:0 0 14px; font-size:17px; }
.std-new-article .std-article-toc ol { margin:0; padding-left:20px; list-style:decimal; font-size:14px; line-height:1.65; }
.std-new-article .std-article-toc li { margin:7px 0; padding-left:4px; color:#74836a; }
.std-new-article .std-article-toc a { color:#3a4c34; }
.std-new-article .std-article-toc a:hover { color:#4b9637; text-decoration:underline; text-underline-offset:3px; }
.std-new-article .std-article-copy { font-size:16px; line-height:1.85; color:#4c5649; overflow-wrap:break-word; }
.std-new-article .std-article-copy h2 { font-size:27px; line-height:1.35; letter-spacing:-.015em; margin:42px 0 18px; scroll-margin-top:190px; }
.std-new-article .std-article-copy h3 { font-size:20px; margin:26px 0 12px; }
.std-new-article .std-article-copy strong { color:#2e392a; font-weight:600; }
.std-new-article .std-article-copy blockquote { margin:26px 0; padding:18px 24px; border-left:3px solid #4b9637; background:#f5f7f2; }
.std-new-article .std-article-copy .wp-block-table { overflow-x:auto; }
.std-new-article .std-article-copy table { width:100%; border-collapse:collapse; font-size:14px; }
.std-new-article .std-article-copy th, .std-new-article .std-article-copy td { text-align:left; padding:12px 14px; border:1px solid #dde4d7; vertical-align:top; }
.std-new-article .std-article-copy th { color:#2e392a; background:#edf2e9; }
.std-new-article .std-article-copy img { max-width:100%; }
.std-new-article .std-article-end { border-top:1px solid #dfe5da; padding:24px 0; margin:40px 0 20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; font-size:14px; color:#427d32; }
.std-new-article .std-inquiry { margin:0; padding:30px; border-radius:0; }
.std-new-article .std-inquiry h2 { font-size:25px; }
@media (max-width:600px) {
  .std-new-article .std-blog-intro { padding-top:22px; background:#fff; }
  .std-new-article .std-blog-intro .std-blog-container, .std-new-article .std-article-content { width:calc(100% - 32px); }
  .std-new-article .std-blog-intro h1 { font-size:32px; }
  .std-new-article .std-article-featured img { height:280px; padding:12px; }
  .std-new-article .std-article-toc { padding:20px; }
  .std-new-article .std-article-copy h2 { font-size:24px; scroll-margin-top:110px; }
  .std-new-article .std-inquiry { padding:22px 18px; }
}