/* SCM-inspired detail rules for products, capabilities, applications and guides.
   Shared non-home typography lives in site-typography.css. */
body:is([data-page="resources"],[data-page="products"],[data-page="capabilities"],[data-page="applications"]) #main {
  --content-title-size:44px;
  --content-card-size:28px;
  font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
body:is([data-page="resources"],[data-page="products"],[data-page="capabilities"],[data-page="applications"]) #main :is(h1,h2,h3) {
  font-family:inherit;
  font-weight:300;
  letter-spacing:0;
}
body:is([data-page="resources"],[data-page="products"],[data-page="capabilities"],[data-page="applications"]) #main .page-heading h1,
body[data-page="resources"] #main .guide-directory-heading h1 {
  margin:0 0 20px;
  font-size:var(--content-title-size);
  font-weight:300;
  line-height:1.2;
}
body:is([data-page="resources"],[data-page="products"],[data-page="capabilities"],[data-page="applications"]) #main .page-heading > p {
  color:var(--ink);
  font-size:16px;
  font-weight:300;
  line-height:1.6;
}
/* Editorial copy, rather than technical annotations or parameter values. */
body[data-page="resources"] #main :is(.article-body,.guide-feature,.guide-faq,.guide-entry) p,
body[data-page="products"] #main :is(.product-card-description,.products-overview-card p,.catalog-copy p,.category-card.catalog-card p),
body[data-page="capabilities"] #main :is(.capability-stage p,.capability-body > .section p),
body[data-page="applications"] #main :is(.application-index-copy p,.application-story-copy > p,.application-story-points p,.application-overview-copy > p) {
  color:var(--ink);
  font-weight:300;
}
/* Photo captions keep the component's white ink on dark photography. */
body[data-page="capabilities"] #main .manufacturing-scene-copy p { font-weight:300; }
body[data-page="resources"] #main .article-body h2 { font-size:28px; line-height:1.3; }
body[data-page="resources"] #main .article-body h3 { font-size:23px; line-height:1.35; }
body[data-page="resources"] #main .article-toc h2 { font-size:18px; }
body[data-page="resources"] #main .article-toc a { font-size:16px; }

body[data-page="resources"] #main .guide-directory-heading { margin:0 0 25px; text-align:left; }
body[data-page="resources"] #main .guide-directory-heading h1 { margin-bottom:0; }
body[data-page="resources"] #main .guide-image-entry h2 {
  font-size:var(--content-card-size);
  line-height:1.2;
}
body[data-page="resources"] #main .guide-card-meta {
  font-size:14px;
  font-weight:300;
  text-transform:none;
  letter-spacing:0;
}
body[data-page="resources"] #main .guide-image-entry p { color:var(--ink); font-size:16px; font-weight:300; line-height:1.4; }
body[data-page="resources"] #main .guide-card-link { font-size:18px; font-weight:400; }

/* Share row tracks so longer titles do not stagger the summaries or View.
   The existing flex layout remains the fallback in older browsers. */
@supports (grid-template-rows:subgrid) {
  body[data-page="resources"] #main .guide-image-card,
  body[data-page="resources"] #main .guide-image-entry {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:subgrid;
    grid-row:span 5;
    row-gap:0;
  }
  body[data-page="resources"] #main .guide-image-entry-copy {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:subgrid;
    grid-row:span 4;
    row-gap:0;
    align-items:start;
  }
  body[data-page="resources"] #main .guide-image-entry-copy > p { padding-bottom:4px; }
  body[data-page="resources"] #main .guide-card-link { justify-self:start; align-self:end; margin-top:0; }
}

/* Catalogue labels are smaller than editorial cards to preserve dense
   product browsing, but use the same light heading/regular copy contrast. */
body[data-page="products"] #main .uniform-product-card .feature-catalog-title { font-size:22px; line-height:1.3; }
body[data-page="capabilities"] #main .capability-stage-links h3,
body[data-page="applications"] #main .application-index-copy h3 { font-size:var(--content-card-size); line-height:1.2; }
body[data-page="capabilities"] #main .capability-stage-links p,
body[data-page="applications"] #main .application-index-copy p { font-size:16px; line-height:1.5; }

@media(max-width:1000px) {
  body:is([data-page="resources"],[data-page="products"],[data-page="capabilities"],[data-page="applications"]) #main {
    --content-title-size:36px;
    --content-card-size:24px;
  }
}
@media(max-width:700px) {
  body:is([data-page="resources"],[data-page="products"],[data-page="capabilities"],[data-page="applications"]) #main {
    --content-title-size:32px;
    --content-card-size:20px;
  }
  body[data-page="resources"] #main .article-body h2 { font-size:24px; }
  body[data-page="resources"] #main .article-body h3 { font-size:21px; }
  body[data-page="products"] #main .uniform-product-card .feature-catalog-title { font-size:20px; }
}