/* HVE Articles: deliberately scoped so the shop's existing layout stays intact. */
.hve-articles { --hve-article-border:#e2e6e9; --hve-article-muted:#657079; --hve-article-ink:#293640; padding-bottom:30px; }
.hve-articles #content { min-width:0; }
/* Preserve ancestor labels; only the current page gives up space. */
.hve-articles > nav .breadcrumb { flex-wrap:nowrap; overflow:hidden; }
.hve-articles > nav .breadcrumb-item { flex:0 0 auto; white-space:nowrap; }
.hve-articles > nav .breadcrumb-item:last-child { flex:0 1 auto; min-width:0; }
.hve-articles > nav .breadcrumb-item:last-child > a { display:block; overflow:hidden; text-overflow:ellipsis; }
.hve-articles-heading { margin:8px 0 24px; }
.hve-articles-heading h1 { color:var(--hve-article-ink); font-size:clamp(27px,3vw,36px); line-height:1.25; margin:0 0 14px; overflow-wrap:anywhere; }
.hve-articles-directories { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 26px; }
.hve-articles-directories a { border:1px solid var(--hve-article-border); border-radius:20px; padding:7px 15px; font-size:13px; line-height:1.5; color:var(--hve-article-ink); }
.hve-articles-directories a:hover, .hve-articles-directories a[aria-current="page"] { border-color:#167ba0; background:#eef8fc; color:#156d8d; }
.hve-articles a:focus-visible { outline:3px solid #167ba0; outline-offset:4px; border-radius:3px; }
.hve-article-list { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.hve-article-card { min-width:0; border:1px solid var(--hve-article-border); border-radius:10px; padding:22px; background:#fff; display:flex; align-items:flex-start; gap:28px; }
.hve-article-card-image { display:block; flex:0 0 clamp(200px,28%,280px); overflow:hidden; border-radius:8px; background:#f6f7f8; }
.hve-article-card-image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.hve-article-card-content { min-width:0; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.hve-article-card-labels { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:12px; margin-bottom:9px; }
.hve-article-card-labels:empty { display:none; }
.hve-article-featured { color:#52616b; background:#edf2f4; border-radius:3px; padding:1px 7px; }
.hve-article-card h2 { font-size:21px; line-height:1.35; margin:0 0 12px; overflow-wrap:anywhere; }
.hve-article-card h2 a, .hve-article-product h3 a { color:var(--hve-article-ink); }
.hve-article-card h2 a:hover, .hve-article-product h3 a:hover { color:#147ea5; text-decoration:underline; }
.hve-article-meta { font-size:12px; color:var(--hve-article-muted); line-height:1.7; }
.hve-article-excerpt { font-size:14px; line-height:1.75; color:#52616b; margin:0 0 20px; overflow-wrap:anywhere; }
.hve-article-read { display:inline-block; margin-top:auto; font-size:13px; font-weight:600; }
.hve-article-read:hover { text-decoration:underline; }
.hve-articles-pagination { margin-top:28px; }
.hve-articles-pagination .pagination { flex-wrap:wrap; gap:4px 0; }
.hve-articles-results { color:var(--hve-article-muted); font-size:12px; margin-top:18px; }
.hve-articles-empty { padding:28px; background:#f6f8f9; border:1px solid var(--hve-article-border); border-radius:6px; }
.hve-article-detail { max-width:940px; margin:0 auto; }
.hve-article-directory { display:inline-block; margin-bottom:12px; font-size:13px; }
.hve-article-byline { display:flex; flex-wrap:wrap; gap:6px 20px; margin-bottom:18px; }
.hve-article-deck { font-size:17px; line-height:1.7; color:#52616b; max-width:820px; overflow-wrap:anywhere; margin:0; }
.hve-article-hero { margin:0 0 30px; background:#f6f7f8; border-radius:6px; overflow:hidden; }
.hve-article-hero img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.hve-article-body { font-size:15px; line-height:1.85; color:#46535c; overflow-wrap:anywhere; }
.hve-article-detail > .hve-articles-heading,
.hve-article-detail > .hve-article-body { max-width:800px; margin-left:auto; margin-right:auto; }
.hve-article-body > :first-child { margin-top:0; }
.hve-article-body p, .hve-article-body ul, .hve-article-body ol { margin-bottom:1.25em; }
.hve-article-body h2 { font-size:26px; line-height:1.35; margin:1.5em 0 .7em; color:var(--hve-article-ink); }
.hve-article-body h3 { font-size:21px; line-height:1.4; margin:1.4em 0 .6em; color:var(--hve-article-ink); }
.hve-article-body h4, .hve-article-body h5, .hve-article-body h6 { font-size:17px; line-height:1.5; margin:1.3em 0 .6em; }
.hve-article-body a { text-decoration:underline; text-underline-offset:3px; }
.hve-article-body img, .hve-article-body video { max-width:100%!important; height:auto!important; }
.hve-article-body iframe { max-width:100%; }
.hve-article-body figure { max-width:100%; margin:1.6em 0; }
.hve-article-body figcaption { font-size:12px; color:var(--hve-article-muted); line-height:1.6; margin-top:8px; }
.hve-article-body table { display:block; max-width:100%; overflow-x:auto; overflow-wrap:normal; border-collapse:collapse; margin:1.5em 0; }
.hve-article-body td, .hve-article-body th { min-width:120px; padding:9px 12px; border:1px solid var(--hve-article-border); }
.hve-article-body th { background:#f3f6f7; }
.hve-article-body blockquote { padding:12px 22px; border-left:3px solid #23a1d1; background:#f3f8fa; margin:1.5em 0; }
.hve-article-body blockquote > :last-child { margin-bottom:0; }
.hve-article-body pre { max-width:100%; overflow:auto; padding:16px; background:#f4f6f7; }
.hve-article-related { margin-top:44px; padding-top:28px; border-top:1px solid var(--hve-article-border); }
.hve-article-related > h2 { color:var(--hve-article-ink); font-size:26px; margin-bottom:24px; }
.hve-article-product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:24px; }
.hve-article-product { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:18px; border:1px solid var(--hve-article-border); border-radius:6px; }
.hve-article-product > a:first-child { width:100%; text-align:center; }
.hve-article-product img { width:100%; max-width:240px; height:auto; aspect-ratio:1; object-fit:contain; }
.hve-article-product h3 { font-size:17px; line-height:1.4; margin:16px 0 10px; overflow-wrap:anywhere; }
.hve-article-product p { font-size:13px; line-height:1.7; margin-bottom:18px; overflow-wrap:anywhere; }
.hve-article-back { margin:30px 0 0; font-size:13px; }
@media (max-width:575.98px) {
  .hve-article-list, .hve-article-product-grid { grid-template-columns:1fr; gap:18px; }
  .hve-articles-heading { margin-bottom:20px; }
  .hve-article-card { flex-direction:column; gap:18px; padding:18px; }
  .hve-article-card-image { flex-basis:auto; width:100%; }
  .hve-article-body { font-size:14px; }
  .hve-article-body h2 { font-size:23px; }
  .hve-article-deck { font-size:15px; }
  .hve-article-byline { gap:5px 14px; }
}