/* Component development: one visual story, original cone images and visible leg details. */
.dn8-development{padding:0!important;margin:38px 0 48px;border:1px solid #d0dbd5;background:#fff;overflow:hidden}
.dn8-dev-heading{padding:36px 38px 29px;background:#19313e;color:#fff;display:grid;grid-template-columns:1.1fr 1fr;column-gap:46px}
.dn8-development .dn8-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.13em;font-weight:700;margin:0 0 12px;text-transform:uppercase;color:#906213}
.dn8-dev-heading .dn8-eyebrow{grid-column:1/-1;color:#ffad38}
.dn8-dev-heading h2{font-size:clamp(30px,3vw,41px);line-height:1.13;color:white;margin:0!important;letter-spacing:-.025em}
.dn8-dev-heading>p:not(.dn8-eyebrow){font-size:17px;line-height:1.7;color:#d8e2e1;align-self:center;margin:0;max-width:540px}
.dn8-dev-links{grid-column:1/-1;display:flex;gap:30px;margin-top:24px;border-top:1px solid #526975;padding-top:16px}
.dn8-dev-links a{font-size:14px;color:#fff;text-decoration:none;font-weight:600;padding:5px 0;min-height:32px;border-bottom:2px solid #ff9e16}
.dn8-series{padding:30px 30px 26px;scroll-margin-top:108px}
.dn8-series+.dn8-series{border-top:1px solid #c8d4cd}
.dn8-series-heading{margin:0 6px 24px}.dn8-series-heading h3{font-size:27px;line-height:1.25;margin:0;letter-spacing:-.02em}
.dn8-series-heading>p:not(.dn8-eyebrow){font-size:15px;line-height:1.65;margin:10px 0 0;max-width:800px}
.dn8-generation-grid{display:grid;list-style:none!important;gap:0;padding:0!important;margin:0!important}
.dn8-generation-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.dn8-generation-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.dn8-generation-grid .dn8-generation{min-width:0;padding:0 18px;margin:0!important;border-left:1px solid #dfe5e0;display:flex;flex-direction:column;list-style:none!important}
.dn8-generation-grid .dn8-generation:first-child{border-left:0}
.dn8-development .dn8-generation-label{display:flex;align-items:baseline;gap:8px;color:#597079;font-size:11px;letter-spacing:.08em;font-weight:650;margin:0 0 8px;min-height:31px;line-height:1.4}
.dn8-generation-label strong{font-size:25px;line-height:1;color:#19313e;letter-spacing:-.025em}.dn8-generation-label span{font-size:10px;letter-spacing:0;margin-left:auto;color:#725113;border-bottom:2px solid #ff9e16;white-space:nowrap}
.dn8-component-image{display:flex;align-items:center;justify-content:center;height:190px;padding:8px 0 14px;background:#f6f7f4;margin-bottom:17px}
.dn8-component-image img{height:100%;width:100%;object-fit:contain;max-height:none;transform:none;filter:none}
.dn8-generation h4{font-size:21px;line-height:1.25;letter-spacing:-.02em;font-weight:650;margin:0 0 12px;min-height:27px;color:#19313e}
.dn8-generation-grid .dn8-generation>p:not(.dn8-generation-label){font-size:16px;line-height:1.65;margin:0!important;color:#425a65}
.dn8-generation-current h4{color:#19313e}.dn8-generation-current .dn8-component-image,.dn8-generation-current .dn8-leg-stage{background:#fff5e5;box-shadow:inset 0 -3px #ff9e16}
.dn8-leg-stage{display:flex;align-items:center;justify-content:center;height:230px;background:#f4f6f2;padding:12px;margin-bottom:18px;overflow:hidden}
.dn8-leg-detail{display:block;position:relative;overflow:hidden;width:min(100%,calc(200px * var(--dn8-aspect)));height:auto;aspect-ratio:var(--dn8-aspect);flex:none}
.dn8-leg-detail img{position:absolute;display:block;left:50%;top:var(--dn8-source-top);height:var(--dn8-source-height);width:auto;max-width:none;max-height:none;margin:0;padding:0;transform:translateX(var(--dn8-source-shift));object-fit:fill;border:0;background:transparent;filter:none}
.dn8-angle-difference{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;background:#edf2ed;padding:27px 30px;margin-top:30px;border-left:4px solid #ff9e16}
.dn8-angle-difference h3{font-size:27px;line-height:1.25;margin:0}.dn8-angle-facts{display:grid;gap:16px}
.dn8-angle-facts>div{display:flex;gap:17px}.dn8-angle-facts span{display:flex;align-items:center;justify-content:center;align-self:start;width:34px;height:34px;border:1px solid #9eafa7;font-size:20px;font-weight:650;flex-shrink:0;color:#19313e}
.dn8-angle-facts>div:last-child span{background:#ff9e16;border-color:#ff9e16}
.dn8-angle-facts p{font-size:15px;line-height:1.6;margin:0}.dn8-angle-facts strong{display:block;font-size:17px;color:#19313e;margin-bottom:4px}
.dn8-development .dn8-development-footnote{font-size:12px;line-height:1.55;color:#5a7078;max-width:none;padding:0 36px 25px;margin:0!important}
/* Clearer labels and body copy across the existing product layouts. */
.dn7-card p{font-size:16px;line-height:1.7}.dn7-card .dn7-figure figcaption{font-size:13px;line-height:1.55}.dn7-card .dn7-figure figcaption a{font-size:13px}
.dn7-product-detail .dn7-section>.dn7-figure{max-width:520px}.dn7-product-detail--b47 .dn7-section>.dn7-figure{max-width:360px}
@media(max-width:1100px){.dn8-dev-heading{padding:30px;gap:24px}.dn8-series{padding:28px 18px}.dn8-generation-grid .dn8-generation{padding:0 12px}.dn8-generation h4{font-size:20px}.dn8-generation-label span{font-size:9px}.dn8-generation-grid--four .dn8-generation-label{flex-wrap:wrap;gap:6px}.dn8-generation-grid--four .dn8-generation-label span{margin-left:0}.dn8-angle-difference{padding:24px;gap:25px}}
@media(max-width:760px){.dn8-development{margin:26px 0 34px}.dn8-dev-heading{padding:27px 22px;display:block}.dn8-dev-heading h2{font-size:32px;margin-bottom:17px!important}.dn8-dev-heading>p:not(.dn8-eyebrow){font-size:16px;line-height:1.7}.dn8-dev-links{gap:22px;margin-top:21px;display:flex}.dn8-dev-links a{font-size:13px}.dn8-series{padding:27px 14px;scroll-margin-top:90px}.dn8-series-heading{margin:0 5px 24px}.dn8-series-heading h3{font-size:26px}.dn8-series-heading>p:not(.dn8-eyebrow){font-size:15px}.dn8-generation-grid--three{grid-template-columns:1fr;gap:27px}.dn8-generation-grid--three .dn8-generation{display:grid;grid-template-columns:110px 1fr;gap:9px 17px;padding:0 5px 23px;border-left:0;border-bottom:1px solid #dce3dd}.dn8-generation-grid--three .dn8-generation:last-child{border-bottom:0;padding-bottom:0}.dn8-generation-grid--three .dn8-generation-label{grid-column:1/-1;margin:0}.dn8-generation-grid--three .dn8-component-image{grid-column:1;grid-row:2 / 4;width:110px;height:125px;padding:7px;margin:0}.dn8-generation-grid--three h4{grid-column:2;margin:0;font-size:20px;min-height:0;align-self:end}.dn8-generation-grid--three .dn8-generation>p:not(.dn8-generation-label){grid-column:2;font-size:15px;line-height:1.6}.dn8-generation-grid--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0}.dn8-generation-grid--four .dn8-generation{padding:0 10px}.dn8-generation-grid--four .dn8-generation:nth-child(odd){border-left:0}.dn8-generation-grid--four h4{font-size:21px;min-height:53px;margin-bottom:8px}.dn8-generation-grid--four .dn8-generation>p:not(.dn8-generation-label){font-size:15px;line-height:1.65}.dn8-leg-stage{height:190px;padding:7px;margin-bottom:15px}.dn8-leg-detail{width:min(100%,calc(166px * var(--dn8-aspect)))}.dn8-generation-grid--four .dn8-generation-label{font-size:10px;min-height:36px;gap:5px}.dn8-generation-label strong{font-size:25px}.dn8-generation-label span{font-size:10px}.dn8-angle-difference{grid-template-columns:1fr;gap:22px;padding:24px 18px;margin-top:28px}.dn8-angle-difference h3{font-size:26px}.dn8-angle-facts strong{font-size:16px}.dn8-angle-facts p{font-size:15px}.dn8-development .dn8-development-footnote{padding:0 20px 24px;font-size:12px}.dn7-card p{font-size:16px}.dn7-product h3{line-height:1.3}}
@media(max-width:380px){.dn8-dev-heading{padding:24px 18px}.dn8-dev-heading h2{font-size:29px}.dn8-dev-links{gap:16px}.dn8-dev-links a{font-size:12px}.dn8-generation-grid--three .dn8-generation{grid-template-columns:95px 1fr;gap:8px 13px}.dn8-generation-grid--three .dn8-component-image{width:95px;height:115px}.dn8-generation-grid--four .dn8-generation{padding-inline:7px}.dn8-generation-grid--four h4{font-size:20px}}
/* Original presentation datums are transformed with the images; their horizontal references align. */
.dn8-angle-difference{display:block;padding:28px 30px}.dn8-angle-difference header{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.dn8-angle-difference header .dn8-eyebrow{grid-column:1/-1}.dn8-angle-difference header>p:last-child{font-size:16px;line-height:1.65;margin:0}.dn8-angle-difference h3{font-size:28px}.dn8-angle-illustrations{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.dn8-angle-figure{margin:0;padding:15px 22px 22px;background:#fff;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:15px}.dn8-angle-figure svg{display:block;width:100%;height:auto;max-height:270px}.dn8-angle-figure figcaption{font-size:15px;line-height:1.65;color:#425a65}.dn8-angle-figure strong{display:block;font-size:18px;line-height:1.4;color:#19313e;margin-bottom:8px}.dn8-angle-figure:last-child{box-shadow:inset 0 -3px #ff9e16}.dn8-angle-key{font-size:12px;line-height:1.6;color:#536972;margin:19px 0 0!important}.dn8-angle-check{font-size:15px;line-height:1.65;margin:10px 0 0!important}.dn8-generation{scroll-margin-top:108px}.dn7-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:24px 0}.dn7-check-grid h3{font-size:22px;line-height:1.3;margin-bottom:10px}.dn7-check-grid p{font-size:16px;line-height:1.7;margin:0}
@media(max-width:1100px){.dn8-angle-figure{grid-template-columns:140px 1fr;gap:12px;padding:14px}.dn8-angle-figure strong{font-size:17px}}
@media(max-width:760px){.dn8-angle-difference{padding:23px 14px}.dn8-angle-difference header{display:block}.dn8-angle-difference header>p:last-child{margin:14px 0 0;font-size:15px}.dn8-angle-difference h3{font-size:26px}.dn8-angle-illustrations{gap:12px}.dn8-angle-figure{display:block;padding:12px 9px 15px}.dn8-angle-figure svg{width:100%;height:auto;margin-bottom:8px}.dn8-angle-figure strong{font-size:16px;line-height:1.4}.dn8-angle-figure figcaption{font-size:14px;line-height:1.6}.dn8-angle-key{font-size:12px}.dn8-generation{scroll-margin-top:90px}.dn7-check-grid{grid-template-columns:1fr;gap:22px}}
.dn8-angle-difference{scroll-margin-top:108px}.dn8-angle-figure{grid-template-columns:220px 1fr}.dn8-angle-figure svg{max-height:300px}.dn8-development .dn8-angle-key{font-size:12px;line-height:1.6}.dn8-dev-links a{min-height:40px}
@media(max-width:1100px){.dn8-angle-figure{grid-template-columns:160px 1fr}}
@media(max-width:760px){.dn8-angle-difference{scroll-margin-top:90px}.dn8-angle-figure{display:block}.dn8-development .dn8-angle-key{font-size:12px}}
@media(max-width:1100px){.dn8-generation-grid--four .dn8-generation-label{min-height:46px}}
/* Page-specific corrections from desktop and mobile screenshot review. */
.dn-prose h1,.dn-prose h2,.dn7-product h1,.dn7-product h2{text-wrap:balance}
.dn8-matched-parts .dn7-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn8-matched-parts .dn7-card .dn7-figure img{height:350px}
.dn8-config-image{display:block;height:320px;overflow:hidden}.dn8-config-image img{transform:scale(1.23);transform-origin:50% 50%}
.dn8-guide-comparison{margin:30px 0 40px;padding:22px;background:#f3f5f1;border:1px solid #d5dfd7}.dn8-guide-figures{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dn8-guide-figures figure{margin:0;background:white;border:1px solid #d9e2da}.dn8-guide-figures img{display:block;object-fit:contain;width:100%;height:270px;padding:13px}.dn8-guide-figures figcaption{font-size:13px;line-height:1.6;padding:13px 15px;border-top:1px solid #d9e2da}.dn8-guide-figures figcaption a{display:inline-block;margin-left:5px;white-space:nowrap}.dn-prose .dn8-guide-comparison>p{font-size:15px!important;line-height:1.7;margin:20px 0 0}.dn8-reference-diagram{margin:32px 0 38px;padding:18px 20px;background:#f5f7f3;border:1px solid #d6e0d8}.dn8-reference-diagram svg{display:block;width:100%;height:auto;max-height:400px}.dn8-reference-diagram figcaption{font-size:13px;line-height:1.6;margin-top:12px;color:#536972}
@media(max-width:760px){.dn8-config-image{height:240px}.dn8-config-image img{transform:none}.dn8-matched-parts .dn7-card-grid{grid-template-columns:1fr}.dn8-matched-parts .dn7-card .dn7-figure img{height:295px}.dn8-guide-comparison{padding:14px;margin:25px 0 32px}.dn8-guide-figures{gap:12px}.dn8-guide-figures img{height:190px;padding:6px}.dn8-guide-figures figcaption{font-size:12px;padding:10px;line-height:1.6}.dn8-guide-figures figcaption a{margin-left:0}.dn8-reference-diagram{padding:14px 7px}.dn8-reference-diagram figcaption{font-size:12px;padding:0 7px}.dn8-reference-diagram svg{min-height:190px}}
.dn8-reference-diagram{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px 25px}.dn8-reference-diagram figcaption{grid-column:1/-1}.dn8-reference-legend{margin:0;padding-left:25px}.dn8-reference-legend li{padding-left:7px;margin-bottom:19px;font-size:15px!important;line-height:1.6}.dn8-reference-legend li::marker{font-weight:700;color:#19313e}.dn8-reference-legend strong{display:block;font-size:17px;color:#19313e}
@media(max-width:760px){.dn8-config-image img{transform:scale(1.4)}.dn8-reference-diagram{display:block;padding:14px}.dn8-reference-diagram svg{max-height:280px;min-height:0;margin-bottom:20px}.dn8-reference-legend li{font-size:15px!important;line-height:1.6}.dn8-reference-legend strong{font-size:16px}.dn8-reference-diagram figcaption{padding:0}}
#holders .dn7-card-grid:has(> .dn7-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){#holders .dn7-card-grid:has(> .dn7-card:nth-child(2):last-child){grid-template-columns:1fr}}