/* Shared reading boundaries and measured media sizes for detail pages.
   Full-width banners and the homepage retain their own compositions. */
body.site-detail-layout[data-page] #main {
  --detail-gutter:clamp(24px,6.1vw,112px);
  --detail-content-width:min(1280px,calc(100% - 2 * var(--detail-gutter)));
}
body.site-detail-layout[data-page] #main :is(.container,.dot-shell,.dr-shell,.target-hero-layout,.target-hero-specs,.product-context-link) {
  width:var(--detail-content-width);
  max-width:1280px;
  margin-inline:auto;
}
body.site-detail-layout[data-page] #main .container .container {width:100%;}
body.site-detail-layout[data-page] #main :is(.page-heading,.section.container,.intro.container,.line-scale-v2-hero-grid,.line-scale-v2-metrics,.line-scale-v2-application-grid,.pg-intro,.pg-section) {padding-inline:0;}
body.site-detail-layout[data-page] #main .page-heading {padding-block:48px 24px;}
body.site-detail-layout[data-page] #main .page-heading > p {max-width:800px;}
body.site-detail-layout[data-page] #main .product-context-link {margin-block:0 24px;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-nav-band,.dr-nav-band) {background:#fff;}
body.site-detail-layout[data-page] #main .line-scale-v2 {--lsv2-ink:#171717;--lsv2-soft:#f0f0f0;}
body.site-detail-layout[data-page] #main .line-scale-v2-hero {padding:32px 0 0;background:#fff;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-grid,.target-hero-layout,.dot-hero-grid) {
  display:grid;
  grid-template-columns:minmax(0,560px) minmax(0,440px);
  justify-content:start;align-items:start;
  gap:56px;
  min-height:0;
}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-copy,.dot-hero-copy) {padding:0;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero h2,.target-hero-heading h2) {
  margin:0 0 22px;max-width:26ch;font-size:32px;line-height:1.25;
}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-copy,.target-hero-heading,.dot-hero-copy) > p {max-width:60ch;margin:0 0 18px;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-actions,.target-hero-actions) {display:flex;flex-wrap:wrap;gap:20px 28px;margin-top:28px;align-items:center;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-media,.target-hero-media,.dot-hero-art) {
  width:100%;max-width:440px;min-height:0;height:auto;align-self:start;justify-self:start;
  margin:0;border-radius:12px;overflow:hidden;
}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-media,.target-hero-media,.dot-hero-art) img {
  position:static;display:block;width:100%;max-width:100%;height:auto;max-height:none;
  aspect-ratio:1;object-fit:contain;border-radius:12px;
}
/* Long rulers are not square product photos; preserve their readable proportions. */
body.site-detail-layout[data-page] #main .line-scale-v2:not(.material-product-v2):not(.encoder-disc-v2):not(.protractor-v2) .line-scale-v2-hero-media img {aspect-ratio:auto;}
body.site-detail-layout[data-page] #main .v1-long-product .target-hero-media img {aspect-ratio:auto;}
body.site-detail-layout[data-page] #main .line-scale-v2-metrics {margin-top:36px;padding-block:20px 24px;gap:24px;border-top:1px solid #f0f0f0;background:#fff;}
body.site-detail-layout[data-page] #main .line-scale-v2-metrics > div {padding:0;background:#fff;}
body.site-detail-layout[data-page] #main .line-scale-v2-metrics dd {font-size:16px;line-height:1.5;font-weight:400;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-section-head,.dot-section-head,.service-section-heading) {display:block;margin-bottom:28px;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-section-head,.dot-section-head,.service-section-heading) h2 {max-width:none;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-section-head,.dot-section-head,.service-section-heading) > p:last-child {max-width:800px;margin:16px 0 0;}
body.site-detail-layout[data-page] #main .section {padding-block:60px;}
body.site-detail-layout[data-page] #main .target-product-layout {padding-block:32px;background:#fff;}
body.site-detail-layout[data-page] #main .dot-hero {padding-block:40px;background:#fff;}
body.site-detail-layout[data-page] #main .line-scale-v2-delivery {background:#fff;}
body.site-detail-layout[data-page] #main .line-scale-v2-delivery :is(h2,h3,p,li) {color:#171717;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-specs,.line-scale-v2-problem-grid article,.line-scale-feature-grid article,.line-scale-v2-related-links .related-link,.line-scale-v2-delivery-grid li,.line-scale-v2-delivery-action) {background:#f0f0f0;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-applications,.product-relationship-context) {background:#fff;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-application-grid,.line-scale-v2-delivery-grid) {gap:40px;align-items:start;}
body.site-detail-layout[data-page] #main .line-scale-v2-delivery-grid article {padding-top:0;}
/* Detail photographs follow the adjacent text, not the width of the viewport. */
body.site-detail-layout[data-page] #main .application-story-layout {grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:48px;align-items:start;}
body.site-detail-layout[data-page] #main .application-story-detail {max-width:400px;justify-self:start;}
body.site-detail-layout[data-page] #main .application-story-copy {margin-top:36px;}
body.site-detail-layout[data-page] #main .application-story-hero figcaption {width:var(--detail-content-width);}
body.site-detail-layout[data-page] #main :is(.service-hero,.service-records,.service-operation) {grid-template-columns:minmax(0,560px) minmax(0,440px);gap:48px;align-items:start;}
body.site-detail-layout[data-page] #main :is(.service-hero-media,.service-records figure,.service-operation figure) {max-width:440px;}
body.site-detail-layout[data-page] #main .oem-scenario-layout {grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:44px;align-items:start;}
body.site-detail-layout[data-page] #main .oem-flow-layout {grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:48px;align-items:start;}
body.site-detail-layout[data-page] #main .pg-operation {align-items:start;}
body.site-detail-layout[data-page] #main .pg-operation figure {align-self:start;}
body.site-detail-layout[data-page] #main :is(.service-project-type,.service-example-row) {align-items:start;}
body.site-detail-layout[data-page] #main :is(.article-layout,.section-index-article-layout) {grid-template-columns:1fr;}
body.site-detail-layout[data-page] #main .article-body {max-width:none;}
body.site-detail-layout[data-page] #main .article-body > p {max-width:80ch;}
body.site-detail-layout[data-page] #main :is(.line-scale-v2-range-figure,.application-story-detail,.service-operation figure,.service-records figure,.equipment-feature figure) {border-radius:12px;overflow:hidden;}
body.site-detail-layout[data-page] #main :is(.application-story-detail img,.service-example-row img,.service-project-type img) {border-radius:12px;}
body.site-detail-layout[data-page] #main .section-index-nav {width:var(--detail-content-width);}
@media(max-width:1100px) {
  body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-grid,.target-hero-layout,.dot-hero-grid) {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;}
  body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero h2,.target-hero-heading h2) {font-size:28px;}
  body.site-detail-layout[data-page] #main :is(.application-story-layout,.service-hero,.service-records,.service-operation,.oem-scenario-layout,.oem-flow-layout) {gap:32px;}
}
@media(max-width:800px) {
  body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-grid,.target-hero-layout,.dot-hero-grid,.application-story-layout,.service-hero,.service-records,.service-operation,.oem-scenario-layout,.oem-flow-layout,.line-scale-v2-application-grid,.line-scale-v2-delivery-grid,.line-scale-v2-related) {grid-template-columns:1fr;gap:28px;}
  body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero-media,.target-hero-media,.dot-hero-art) {max-width:400px;}
  body.site-detail-layout[data-page] #main .line-scale-v2-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.site-detail-layout[data-page] #main .service-operation:nth-child(even)>figure {order:0;}
}
@media(max-width:560px) {
  body.site-detail-layout[data-page] #main .page-heading {padding-top:32px;}
  body.site-detail-layout[data-page] #main .section {padding-block:42px;}
  body.site-detail-layout[data-page] #main :is(.line-scale-v2-hero h2,.target-hero-heading h2) {font-size:26px;}
  body.site-detail-layout[data-page] #main .line-scale-v2-delivery-grid ul {grid-template-columns:1fr;}
}

/* Older micro-pattern templates use more specific width selectors. */
body.site-detail-layout[data-page] #main > .page-heading.container {width:var(--detail-content-width);max-width:1280px;}
body.site-detail-layout[data-page] #main .article-body section > p {max-width:80ch;}
body.site-detail-layout[data-page] #main :is(.oem-intro,.pg-intro,.service-manufacturing-intro,.dr-heading) {display:block;}
body.site-detail-layout[data-page] #main :is(.oem-intro,.pg-intro,.service-manufacturing-intro,.dr-heading) > p,
body.site-detail-layout[data-page] #main :is(.oem-intro,.pg-intro,.service-manufacturing-intro,.dr-heading) > div > p {max-width:800px;}
body.site-detail-layout[data-page] #main :is(.oem-intro,.pg-intro,.service-manufacturing-intro,.dr-heading) :is(h1,h2) {margin-bottom:20px;}
body.site-detail-layout[data-page] #main .dr-hero {grid-template-columns:minmax(0,560px) minmax(0,440px);gap:56px;align-items:start;}
body.site-detail-layout[data-page] #main .dr-hero > div {grid-column:1;grid-row:1;}
body.site-detail-layout[data-page] #main .dr-hero > figure {grid-column:2;grid-row:1;width:100%;max-width:440px;margin:0;}
body.site-detail-layout[data-page] #main .dr-hero > figure img {border-radius:12px;}
@media(max-width:1100px){body.site-detail-layout[data-page] #main .dr-hero {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;}}
@media(max-width:800px){
 body.site-detail-layout[data-page] #main .dr-hero {grid-template-columns:1fr;gap:28px;}
 body.site-detail-layout[data-page] #main .dr-hero > figure {grid-column:1;grid-row:2;max-width:400px;}
}
/* Reserve the three example photos before lazy loading so anchor positions stay stable. */
body.site-detail-layout[data-page] #main .pg-example figure {width:100%;aspect-ratio:3 / 2;margin:0;overflow:hidden;border-radius:12px;}
body.site-detail-layout[data-page] #main .pg-example img {display:block;width:100%;height:100%;max-height:none;object-fit:contain;}