/* V10: compact reading rhythm and purposeful source-image framing. */
.dn10-refined .dn-section{padding-top:48px;padding-bottom:48px}
.dn10-refined .dn-page-intro{padding-top:34px!important;padding-bottom:32px!important}
.dn10-refined .dn-page-intro h1{font-size:clamp(37px,3.6vw,52px)!important;max-width:960px}
.dn10-refined .dn-page-intro .dn-lead{font-size:18px!important;line-height:1.7!important}
.dn10-refined .dn7-hero{padding:26px 0 30px;gap:36px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.dn10-refined .dn7-product h1{font-size:clamp(38px,3.8vw,54px);line-height:1.1;letter-spacing:-.035em;margin-bottom:17px}
.dn10-refined .dn7-product h2{font-size:clamp(29px,2.4vw,35px);margin-bottom:20px}
.dn10-refined .dn7-product .dn7-lead{font-size:18px;line-height:1.65;margin-bottom:18px}
.dn10-refined .dn7-hero-media{padding:12px;border:0;background:#edf0eb}
.dn10-refined .dn7-hero-media .dn6-render-window{width:min(100%,320px)}
.dn10-refined .dn7-hero-media .dn6-model-render figcaption{font-size:14px;padding:9px 6px;margin-top:0}
.dn10-refined .dn7-hero-media .dn7-figure img{height:300px;max-height:300px}
.dn10-refined .dn7-stats{margin:19px 0 22px;padding:17px 0}
.dn10-refined .dn7-stats dd{font-size:14px}
.dn10-refined .dn7-section{padding:38px 0}
.dn10-refined .dn7-section-nav{gap:0 22px;padding:5px 0}
.dn10-refined .dn7-section-nav a{font-size:14px}
.dn10-refined .dn7-card-grid{margin:22px 0;gap:20px}
.dn10-refined .dn7-card-copy{padding:20px}
.dn10-refined .dn7-card p{font-size:16px}
.dn10-refined .dn7-card .dn7-figure img{height:245px;padding:9px}
.dn10-refined :is(.dn7-figure figcaption,.dn7-figure figcaption a,.dn7-note,.dn7-card .dn7-figure figcaption,.dn7-card .dn7-figure figcaption a){font-size:14px}
.dn10-refined .dn7-figure figcaption a{margin-left:0;display:block;margin-top:5px}
.dn10-refined .dn7-split{gap:30px}
.dn10-refined .dn7-cta{padding:30px 32px;margin-top:27px}
.dn10-refined .dn7-table :is(th,td){padding:12px 14px}
.dn10-refined .dn-prose{padding-top:36px;padding-bottom:60px}
.dn10-refined .dn-prose h1{font-size:clamp(36px,3.8vw,50px)!important;line-height:1.15!important;margin-bottom:23px}
.dn10-refined .dn-prose h2{font-size:30px!important;margin-top:32px!important;margin-bottom:16px}
.dn10-refined .dn-prose :is(p,li){line-height:1.75!important}
.dn10-refined .dn-prose .dn-breadcrumbs{margin-bottom:26px}
.dn10-refined .dn-prose :is(figcaption,.wp-element-caption){font-size:14px!important;line-height:1.6!important}
.dn10-refined .dn-prose .wp-block-image{margin-block:25px}
.dn10-refined .dn-article-card{padding:22px 0}
.dn10-refined .dn-resource-grid{margin-top:28px;gap:26px}
.dn10-refined .dn-article-card .dn-text-link{padding-top:13px}
.dn10-refined .dn-article-card h3{font-size:24px;line-height:1.25}
.dn10-refined .dn-resource-group h2{font-size:35px}

/* A compact model gallery is a selection surface, not seven repeated hero panels. */
.dn10-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:22px}
.dn10-section-heading h2{margin-bottom:0!important}
.dn10-section-heading>p{max-width:450px;font-size:16px;line-height:1.65;margin:0}
.dn10-roller-range #models .dn6-model-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dn10-roller-range #models .dn6-render-window{width:min(100%,240px);margin:auto}
.dn10-roller-range #models .dn6-model-copy{padding:18px}
.dn10-roller-range #models .dn6-model-copy h3{font-size:27px}
.dn10-roller-range #models .dn6-mount{font-size:14px;margin-bottom:10px}
.dn10-roller-range #models .dn7-model-spec{font-size:15px!important;line-height:1.6!important;min-height:112px;margin-bottom:12px!important}
.dn10-roller-range #models .dn6-model-actions a{font-size:14px;min-height:38px}
.dn10-roller-range #models .dn6-model-notes p{font-size:14px}
.dn10-roller-range #engineering .dn10-figure{max-width:350px;margin:auto}
.dn10-roller-range #engineering .dn10-figure img{height:315px}
.dn10-mh3 #mh3-installation>.dn10-figure{max-width:none;margin:23px 0}
.dn10-mh3 #mh3-installation>.dn10-figure img{height:300px}
.dn10-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}
.dn10-field-pair article{min-width:0}
.dn10-field-pair h3{font-size:23px;margin-top:16px}
.dn10-field-pair article>a{font-size:15px;font-weight:650}

/* Existing images are framed in CSS; original source pixels remain available. */
.dn10-figure{min-width:0;margin:0;background:#f0f3ed;border:1px solid #d9e0d8;overflow:hidden}
.dn10-figure>a{display:block;background:#edf1eb}
.dn10-figure img{display:block;width:100%;height:280px;object-fit:contain;background:#f2f4ef;padding:9px;max-height:none}
.dn10-figure.dn10-scene img{object-fit:cover;padding:0;height:285px}
.dn10-figure figcaption{padding:13px 16px;font-size:14px;line-height:1.65;color:#4d636d;background:#f9faf7}
.dn10-figure figcaption>a{display:block;font-size:14px;font-weight:600;margin-top:7px;text-underline-offset:4px}
.dn10-figure .dn10-crop{position:relative;aspect-ratio:var(--crop-ratio);overflow:hidden;display:block}
.dn10-figure .dn10-crop>img{position:absolute;left:var(--crop-left);top:var(--crop-top);width:var(--crop-width);height:var(--crop-height);max-width:none;max-height:none;object-fit:fill;margin:0;padding:0;transform:none;filter:none}
.dn10-guide-visual{padding:20px;background:#eaf0e8;border:1px solid #d7e0d6;margin:26px 0 30px}
.dn10-visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dn10-guide-visual .dn10-figure img{height:280px}
.dn10-guide-visual .dn10-crop>img{height:var(--crop-height)}
.dn10-guide-visual .dn10-crop{height:auto;aspect-ratio:var(--crop-ratio)}
.dn10-guide-visual .dn10-crop:has(img[src*="qingdao"]){height:auto;aspect-ratio:var(--crop-ratio)}
.dn10-visual-note{font-size:14px!important;line-height:1.65!important;margin:15px 0 0!important;color:#506871}
.dn10-guide-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}
.dn10-guide-split .dn10-figure img{height:360px}
.dn10-guide-split h3{margin:0 0 20px!important;font-size:24px!important}
.dn10-trace,.dn10-checkpoints{display:grid;gap:14px}
.dn10-trace>div,.dn10-checkpoints>div{display:grid;grid-template-columns:32px 1fr;gap:3px 12px;border-top:1px solid #ccd9ce;padding-top:12px}
.dn10-trace b,.dn10-checkpoints b{grid-row:1/3;font-size:16px;color:#906319}
.dn10-trace strong,.dn10-checkpoints strong{font-size:16px;color:#19313e}
.dn10-trace span,.dn10-checkpoints span{font-size:15px;line-height:1.6;color:#536b73}
.dn10-model-example .dn6-model-render{border:0;background:#fff}
.dn10-model-example .dn6-render-window{width:260px;max-width:100%;margin:auto}
.dn10-model-example figcaption{font-size:14px}
.dn10-details .dn10-guide-visual{padding:0;background:transparent;border:0;margin-bottom:0}
.dn10-details .dn10-crop{height:auto;aspect-ratio:var(--crop-ratio)}
.dn9-case-body .dn10-figure{margin-top:24px}
.dn9-case-body .dn10-figure{max-width:650px;margin-inline:auto}.dn9-case-body .dn10-crop{height:auto;aspect-ratio:var(--crop-ratio)}
.dn9-case-page{padding-top:26px}.dn9-case-hero{padding-bottom:24px}.dn9-facts{margin-bottom:32px;padding-block:19px}.dn9-chapter{padding-bottom:30px}
.dn9-directory{padding-top:30px}.dn9-directory-intro{padding-bottom:28px}.dn9-card-copy{padding:22px 25px}.dn9-case-grid{gap:26px}

@media(max-width:1180px){
 .dn10-roller-range #models .dn6-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dn10-section-heading{display:block}.dn10-section-heading>p{max-width:650px;margin-top:12px}
}
@media(max-width:760px){
 .dn10-refined .dn-section{padding-block:32px}
 .dn10-refined .dn-page-intro{padding-block:25px!important}
 .dn10-refined .dn7-hero{grid-template-columns:1fr;gap:20px;padding:22px 0 25px}
 .dn10-refined .dn7-product h1{font-size:37px;line-height:1.13}
 .dn10-refined .dn7-product .dn7-lead{font-size:17px}
 .dn10-refined .dn7-hero-media .dn6-render-window{width:min(100%,260px)}
 .dn10-refined .dn7-section{padding:28px 0}
 .dn10-refined .dn7-product h2{font-size:29px}
 .dn10-refined .dn7-split{grid-template-columns:1fr;gap:22px}
 .dn10-refined .dn7-card-grid{gap:17px}
 .dn10-refined .dn7-card .dn7-figure img{height:235px}
 .dn10-refined .dn7-cta{padding:26px 22px}
 .dn10-refined .dn-prose{padding-top:25px;padding-bottom:45px}
 .dn10-refined .dn-prose h1{font-size:36px!important}
 .dn10-refined .dn-prose h2{font-size:27px!important;margin-top:29px!important}
 .dn10-roller-range #models .dn6-model-grid{grid-template-columns:1fr;gap:16px}
 .dn10-roller-range #models .dn6-model-card{display:grid;grid-template-columns:125px minmax(0,1fr);align-items:start;background:#fff}
 .dn10-roller-range #models .dn6-render-window{width:125px;margin-top:20px}
 .dn10-roller-range #models .dn6-model-copy{padding:19px 16px 16px 10px}
 .dn10-roller-range #models .dn7-model-spec{min-height:0;font-size:15px!important}
 .dn10-roller-range #models .dn6-model-copy h3{font-size:26px}
 .dn10-roller-range #models .dn6-model-actions a{font-size:14px;min-height:42px}
 .dn10-field-pair{grid-template-columns:1fr;gap:25px}
 .dn10-figure img,.dn10-figure.dn10-scene img{height:260px}
 .dn10-guide-visual{padding:13px;margin:23px 0}
 .dn10-visual-pair{gap:12px}
 .dn10-guide-visual .dn10-figure img{height:230px;padding:4px}
 .dn10-guide-visual .dn10-crop>img{height:var(--crop-height);padding:0}
 .dn10-guide-visual .dn10-crop{height:auto;aspect-ratio:var(--crop-ratio)}
 .dn10-figure figcaption{padding:12px 13px;font-size:14px;line-height:1.6}
 .dn10-guide-split{grid-template-columns:1fr;gap:24px}
 .dn10-guide-split .dn10-figure{max-width:320px;margin:auto;width:100%}
 .dn10-guide-split .dn10-figure img{height:280px}
 .dn10-model-example .dn6-render-window{width:100%}
 .dn10-model-example figcaption{padding:10px;font-size:14px}
 .dn10-details .dn10-visual-pair{grid-template-columns:1fr}
 .dn10-details .dn10-crop{height:auto;aspect-ratio:var(--crop-ratio)}
 .dn9-case-body .dn10-crop{height:auto;max-height:none;aspect-ratio:var(--crop-ratio)}
 .dn9-facts{padding-block:4px}.dn9-card-copy{padding:22px}
}
@media(max-width:370px){.dn10-roller-range #models .dn6-model-card{grid-template-columns:105px minmax(0,1fr)}.dn10-roller-range #models .dn6-render-window{width:105px}.dn10-roller-range #models .dn6-model-copy{padding-right:11px}}

/* Complete assemblies retain their original geometry inside a balanced viewport. */
.dn10-tool .dn10-crop>img{background:transparent}.dn10-refined .dn7-hero-media>.dn10-tool{max-width:340px;margin:auto}.dn10-tool .dn10-crop{max-height:none}.dn10-refined .dn7-hero-media .dn10-tool img{height:var(--crop-height);max-height:none}.dn10-refined .dn7-card .dn10-tool{border:0}.dn10-refined .dn7-card .dn10-tool .dn10-crop{max-width:300px;margin:auto}
.dn10-refined .dn7-config-pair .dn10-tool{max-width:440px;width:100%;margin:auto}
.dn10-roller-range #models .dn6-models-header{display:none}
.dn10-guide-visual .dn10-tool .dn10-crop>img{height:var(--crop-height);padding:0}

.dn10-installation-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;align-items:center;margin:25px 0}.dn10-installation-grid .dn10-figure img{height:340px;object-fit:contain}.dn10-installation-grid .dn7-check-grid{grid-template-columns:1fr;gap:14px;margin:0}.dn10-installation-grid .dn7-check-grid>div{padding:16px 20px}.dn10-installation-grid .dn7-check-grid h3{margin-bottom:8px}.dn10-installation-grid .dn7-check-grid p{margin-bottom:0}
@media(max-width:760px){.dn10-installation-grid{grid-template-columns:1fr;gap:20px}.dn10-installation-grid .dn10-figure{max-width:330px;margin:auto;width:100%}}

.dn10-detail-stage{aspect-ratio:2/1;display:grid;place-items:center;background:#edf1eb;overflow:hidden}.dn10-details .dn10-detail-stage .dn10-crop{width:var(--detail-fit);height:auto;aspect-ratio:var(--crop-ratio)}
@media(max-width:760px){.dn10-detail-stage{aspect-ratio:1.6/1}.dn10-details .dn10-detail-stage .dn10-crop{width:var(--detail-fit-mobile)}}
/* Mobile model facts use the full card width instead of a narrow text column. */
@media(max-width:760px){
 .dn10-roller-range #models .dn6-model-card{grid-template-columns:108px minmax(0,1fr);grid-template-rows:60px 48px auto auto;gap:0 16px;padding:16px}
 .dn10-roller-range #models .dn6-render-window{grid-column:1;grid-row:1/3;width:108px;margin:0}
 .dn10-roller-range #models .dn6-model-copy{display:contents}
 .dn10-roller-range #models .dn6-model-copy h3{grid-column:2;grid-row:1;align-self:end;margin:0 0 8px;font-size:27px}
 .dn10-roller-range #models .dn6-mount{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:14px}
 .dn10-roller-range #models .dn7-model-spec{grid-column:1/-1;grid-row:3;margin:14px 0 10px!important;min-height:0}
 .dn10-roller-range #models .dn6-model-actions{grid-column:1/-1;grid-row:4;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;padding-top:8px}
 .dn10-roller-range #models .dn6-model-actions a{font-size:14px;min-height:38px;line-height:1.5}
 .dn10-roller-range #models .dn6-model-actions a:first-child:nth-last-child(3){flex-basis:100%}
 .dn10-roller-range #models .dn6-model-card[hidden]{display:none!important}
}

@media(max-width:760px){
 .dn10-wear-photos .dn10-visual-pair{grid-template-columns:1fr}
 .dn10-wear-photos .dn10-figure>img,.dn10-wear-photos .dn10-figure>a:not(.dn10-crop)>img{height:280px}
 .dn10-traceability-visual{grid-template-columns:94px minmax(0,1fr);gap:16px;align-items:start}
 .dn10-traceability-visual>.dn10-figure{max-width:94px}
 .dn10-traceability-visual>.dn10-figure img{height:170px}
 .dn10-traceability-visual>.dn10-figure figcaption{font-size:14px;padding:9px 6px}
 .dn10-traceability-visual h3{font-size:21px!important}
 .dn10-traceability-visual .dn10-trace>div{grid-template-columns:1fr;gap:3px}
 .dn10-traceability-visual .dn10-trace b{grid-row:auto}
}

.dn10-refined .dn-compact-section:has(.dn-resource-nav){padding-block:12px}.dn10-refined .dn6-buying-guides{padding-top:28px}

.dn10-fracture-photo img{height:auto;max-height:none;padding:0;object-fit:contain}.dn10-fracture-photo{margin:25px 0}

.dn10-nowrap{white-space:nowrap}
/* Candidate for Products and Wear Parts family cards only.
   Load after site-v10.css. No desktop reordering or product-detail selectors. */
@media (max-width:640px) {
  .dn10-refined .dn-product-card.dn10-hub-card {
    display:grid;
    grid-template-columns:104px minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    column-gap:16px;
    row-gap:10px;
    padding:18px;
    align-items:start;
    overflow:hidden;
  }
  .dn10-refined .dn-product-card.dn10-hub-card[hidden] { display:none !important; }
  .dn10-hub-card > .dn-family-visual,
  .dn10-hub-card > .dn-card-copy,
  .dn10-hub-card > .dn-family-visual > .dn6-model-render {
    display:contents !important;
  }
  .dn10-hub-card > .dn-card-copy > .eyebrow { display:none; }
  .dn10-hub-card > .dn-card-copy > h3 {
    grid-column:1 / -1;
    grid-row:1;
    margin:0 0 3px !important;
    padding:0;
    font-size:25px;
    line-height:1.2;
    letter-spacing:-.025em;
    overflow-wrap:break-word;
  }
  .dn10-hub-card > .dn-card-copy > p:not(.eyebrow):not(.dn-text-link) {
    grid-column:2;
    grid-row:2;
    margin:0 !important;
    padding:0;
    font-size:15px;
    line-height:1.65;
  }
  .dn10-hub-card > .dn-card-copy > .dn-text-link {
    grid-column:2;
    grid-row:3;
    margin:0 !important;
    padding:0;
    min-width:0;
    font-size:14px;
    line-height:1.5;
  }
  .dn10-hub-card > .dn-card-copy > .dn-text-link a {
    display:flex;
    align-items:center;
    min-height:44px;
    max-width:100%;
    padding:4px 0;
    font-size:14px;
    line-height:1.5;
    overflow-wrap:break-word;
  }
  .dn10-hub-card > .dn-family-visual > figure:not(.dn6-model-render),
  .dn10-hub-card > .dn-family-visual > .dn6-model-render > .dn6-render-window {
    grid-column:1;
    grid-row:2 / 4;
    align-self:start;
    width:104px !important;
    max-width:100% !important;
    min-width:0;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0;
    background:#f4f5f1;
  }
  .dn10-hub-card > .dn-family-visual.dn-paired > figure:nth-of-type(1) { grid-row:2; }
  .dn10-hub-card > .dn-family-visual.dn-paired > figure:nth-of-type(2) { grid-row:3; }
  .dn10-hub-card > .dn-family-visual > figure:not(.dn6-model-render) > img {
    display:block;
    width:100%;
    height:auto !important;
    max-height:132px;
    object-fit:contain;
    margin:0;
    padding:0;
    transform:none;
  }
  .dn10-hub-card > .dn-family-visual > .dn6-model-render > .dn6-render-window {
    aspect-ratio:1;
  }
  /* Keep original normalized model coordinates and original CSS source crops. */
  .dn10-hub-card .dn10-crop {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0;
    padding:0;
  }
  .dn10-hub-card > .dn-family-visual > figure:not(.dn6-model-render) > figcaption { display:none; }
  .dn10-hub-card > .dn-family-visual > p,
  .dn10-hub-card > .dn-family-visual > .dn6-model-render > figcaption {
    grid-column:1 / -1;
    grid-row:4;
    width:auto;
    max-width:none;
    margin:3px 0 0 !important;
    padding:10px 0 0 !important;
    border:0;
    border-top:1px solid #e0e6df;
    background:transparent;
    color:#586e76;
    text-align:left;
    font-size:14px !important;
    line-height:1.55;
  }
}
@media(max-width:760px){
 .dn10-refined .dn-prose .wp-block-table :is(th,td){font-size:14px!important;line-height:1.6!important}
}