/* Dynamic category navigation follows the existing type and colour system. */
.catalog-toolbar .filter-list{display:flex;flex-wrap:wrap;gap:10px}
.catalog-toolbar .filter-list .btn{font-size:15px;padding:12px 18px;min-height:46px;white-space:normal}
.catalog-toolbar .filter-list [aria-current=page]{background:var(--navy,#102d3a);color:#fff;border-color:var(--navy,#102d3a)}
.category-strip a>strong{display:block;font-size:clamp(17px,1.3vw,21px)}
.category-strip a>span:last-child{font-size:14px;display:flex;align-items:center;gap:8px}
.prose :is(img,video){max-width:100%;height:auto}
@media(max-width:575px){.catalog-toolbar .filter-list{gap:8px}.catalog-toolbar .filter-list .btn{font-size:15px;padding:10px 13px}.category-strip a>strong{font-size:17px}}

/* Original series artwork keeps its proportions and an accessible text name. */
.series-wordmark{display:flex;align-items:center;width:100%;max-width:290px;height:96px;background:#fff}
.series-wordmark>img{display:block;width:auto;height:auto;max-width:100%;max-height:88px;object-fit:contain;object-position:left center}
.series-wordmark-hero{max-width:480px;height:132px;padding:12px 18px;background:#fff}
.series-wordmark-hero>img{max-height:106px}
.product-card h3:has(.series-wordmark){min-height:96px;margin:0 0 15px}
.product-card-body>h3>a:has(.series-wordmark){display:block}
.catalog-toolbar .filter-list .btn{justify-content:flex-start;gap:11px;font-size:16px;line-height:1.5;min-height:54px}
.category-filter-icon{flex:0 0 24px;width:24px;height:24px}
.technical-table{table-layout:fixed;width:100%}
.technical-table th,.technical-table td{font-size:16px;line-height:1.8;overflow-wrap:anywhere;vertical-align:top}
.technical-table th{width:46%;padding-right:20px}
.technical-table td{width:54%}
.spec-strip strong{overflow-wrap:anywhere}
@media(max-width:767px){
  .series-wordmark-hero{max-width:420px;height:116px;padding:10px 14px}
  .series-wordmark-hero>img{max-height:96px}
  .catalog-toolbar .filter-list .btn{font-size:16px;padding:12px 14px}
}
@media(max-width:575px){
  .product-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .series-wordmark{max-width:290px;height:100px}
  .series-wordmark>img{max-height:92px}
  .series-wordmark-hero{max-width:100%;height:112px}
  .series-wordmark-hero>img{max-height:92px}
  .product-card-body>p{min-height:0;margin-bottom:8px;font-size:15px}
  .product-card-body>span{min-height:0;font-size:17px}
  .product-card h3{font-size:27px;min-height:0}
  .product-card h3:has(.series-wordmark){min-height:100px;margin-bottom:14px}
  .product-card-spec span:last-child{font-size:15px}
  .technical-table th{padding-right:14px}
}

/* Panel-authored article content follows the established editorial layout. */
.blog-article-body > h2 {
  scroll-margin-top: 150px;
  margin: 48px 0 22px;
  font-size: clamp(27px, 2.6vw, 32px);
  line-height: 1.32;
  letter-spacing: -.6px;
  overflow-wrap: anywhere;
}

.blog-article-body > h3 {
  margin: 30px 0 14px;
  font-size: clamp(22px, 2vw, 26px);
  line-height: 1.45;
  letter-spacing: -.3px;
  overflow-wrap: anywhere;
}

.blog-article-body > p:not(.blog-lead),
.blog-article-body > :is(ul, ol, blockquote) {
  font-size: 18px;
  line-height: 1.9;
  color: #48615d;
  overflow-wrap: anywhere;
}

.blog-article-body > :is(ul, ol) {
  margin: 25px 0 30px;
  padding-left: 27px;
}

.blog-article-body > :is(ul, ol) > li {
  margin-bottom: 14px;
  padding-left: 5px;
}

.blog-article-body > :is(ul, ol) > li::marker {
  color: #b17c50;
}

.blog-article-body > blockquote {
  margin: 30px 0;
  padding: 22px 26px;
  border-left: 3px solid var(--accent);
  background: var(--paper);
}

.blog-article-body > :is(p, ul, ol, blockquote, table) a {
  color: #196454;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #90b8a6;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}

.blog-article-body > :is(p, ul, ol, blockquote, table) a:hover {
  text-decoration-color: var(--ink);
}

.blog-article-body > :is(p, ul, ol, blockquote, table) a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.blog-article-body > table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin: 30px 0;
  border: 1px solid #d7dfd5;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.75;
  color: #48615d;
}

.blog-article-body > table :is(th, td) {
  min-width: 140px;
  padding: 16px 18px;
  border-bottom: 1px solid #d7dfd5;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.blog-article-body > table thead th {
  background: var(--deep);
  color: #fff;
  font-weight: 600;
}

.blog-article-body > table tbody tr:last-child > * {
  border-bottom: 0;
}

@media (max-width: 767px) {
  .blog-article-body > h2 {
    margin-top: 38px;
  }

  .blog-article-body > p:not(.blog-lead),
  .blog-article-body > :is(ul, ol, blockquote) {
    font-size: 17px;
  }

  .blog-article-body > table :is(th, td) {
    padding: 14px;
  }
}