/* V90 scoped product-directory and model-browsing integration candidate.
   Loaded after the shared review styles; specifications and inquiry behavior stay intact. */
.dn90-model-navigation{padding-top:48px;padding-bottom:48px;border-top:1px solid var(--line,#dce3e2);border-bottom:1px solid var(--line,#dce3e2);background:#f5f7f6}
.dn90-model-navigation>header{max-width:var(--max,1280px);margin:0 auto 24px}
.dn90-model-navigation>header h2{font-size:clamp(27px,3vw,38px);margin:0 0 12px}
.dn90-model-navigation>header>.eyebrow{margin-bottom:10px}
.dn90-model-navigation>header>p:last-child{margin:0;color:var(--muted,#52646e);font-size:16px}
.dn90-model-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:var(--max,1280px);margin:0 auto}
.dn90-model-link-group{min-width:0;border-top:1px solid #bdcccd;padding-top:18px}
.dn90-model-link-group>p{font-size:13px;margin:0 0 5px;color:#52646e}
.dn90-model-link-group>h3{font-size:25px;margin:0 0 12px}
.dn90-model-link-group>a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:8px 0;border-top:1px solid #dce3e2;font-size:14px;line-height:1.45;text-decoration:none}
.dn90-model-link-group>a span{color:#a66112;flex:none}
.dn90-model-link-group>a:hover{text-decoration:underline;text-underline-offset:4px}
.dn90-model-details{margin:0 0 12px;border-top:1px solid #dce3e2}
.dn90-model-details>summary{cursor:pointer;min-height:44px;padding:11px 0;font-size:13px;font-weight:600;line-height:1.5;color:#19323e}
.dn90-model-details>summary:focus-visible{outline:3px solid #c96830;outline-offset:3px}
.dn90-model-details>.dn15-model-detail{font-size:13px;line-height:1.5;margin:0 0 12px}
@media(max-width:900px){
 .dn90-model-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:599px){
 .dn90-model-navigation{padding-top:34px;padding-bottom:34px}
 .dn90-model-link-grid{grid-template-columns:1fr;gap:20px}
 /* Product, mounting, cone size and selection stay visible; only secondary fit prose collapses. */
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 14px;padding:16px;align-items:start}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-card[hidden]{display:none!important}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-stage{grid-column:1;grid-row:1/3;width:112px;height:142px;min-height:0;flex:none;border:0;border-radius:4px;background:#f4f5f3;align-self:start}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-stage>.dn6-render-window{width:112px;height:112px;min-width:0;max-width:100%;margin:0}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-copy{display:contents;padding:0}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-heading{grid-column:2;grid-row:1;display:block;margin:0 0 8px}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-heading h3{font-size:26px;margin:0 0 5px}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-mount{white-space:normal;font-size:13px;line-height:1.4;padding:0}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-spec{grid-column:2;grid-row:2;align-self:start;display:block;margin:0 0 12px;padding:8px 0;font-size:13px!important}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-spec span{display:block;white-space:normal}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-spec span+span::before{content:none}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-copy>.dn15-model-difference{grid-column:1/-1;grid-row:3;margin:12px 0}
 .dn10-roller-range #models .dn6-models.dn15-models .dn90-model-details{grid-column:1/-1;grid-row:4;margin:0 0 8px}
 .dn10-roller-range #models .dn6-models.dn15-models .dn15-model-actions{grid-column:1/-1;grid-row:5;margin:0;padding-top:10px}
 .dn10-roller-range #models .dn6-models.dn15-models .dn55-short-toggle{grid-column:1/-1;grid-row:6;margin:10px 0 0;min-height:44px}
}

/* V90 trust-page integration. Opt-in to the candidate fragments only. */
.dn87a-about.dn90a .dn87a-hero {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: clamp(36px, 6vw, 88px);
  padding: 22px 0 52px;
}
.dn87a-about.dn90a .dn87a-site-photo {
  width: min(100%, 336px);
  justify-self: center;
}
.dn87a-about.dn90a .dn87a-site-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
}
.dn87a-about.dn90a .dn87a-lead {
  max-width: 31ch;
  margin-top: 24px;
  font-size: clamp(19px, 1.7vw, 23px);
}
.dn87a-about.dn90a .dn87a-intro { max-width: 47ch; margin-top: 16px; }
.dn87a-about.dn90a .dn87a-actions { margin-top: 26px; }
.dn87a-about.dn90a .dn87a-team { padding-top: 48px; padding-bottom: 56px; }
.dn87a-about.dn90a .dn87a-focus { margin-bottom: 56px; }
.dn87q.dn90q .dn87q-station-copy h3 { font-size: clamp(23px, 2.1vw, 27px); }
.dn87q.dn90q .dn87q-packing { padding-top: 46px; }
.dn87q.dn90q .dn87q-models { margin-top: 48px; }
.dn87q.dn90q .dn87q-field { margin-top: 28px; }
.dn87q.dn90q .dn90q-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-top: 40px;
  padding-block: 32px 0;
  border-top: 1px solid var(--dn87q-line);
}
.dn87q.dn90q .dn90q-contact h2 { max-width: 20ch; font-size: clamp(26px, 2.5vw, 34px); }
.dn87q.dn90q .dn90q-contact .dn87q-actions { margin-top: 0; gap: 12px; }
@media (max-width: 1000px) and (min-width: 741px) {
  .dn87a-about.dn90a .dn87a-hero { gap: 32px; }
  .dn87a-about.dn90a .dn87a-site-photo { width: min(100%, 300px); }
}
@media (max-width: 760px) {
  .dn87q.dn90q .dn87q-packing { padding-top: 36px; }
  .dn87q.dn90q .dn87q-models { margin-top: 36px; }
  .dn87q.dn90q .dn90q-contact { display: block; padding-top: 26px; margin-top: 32px; }
  .dn87q.dn90q .dn90q-contact .dn87q-actions { margin-top: 24px; }
}
@media (max-width: 740px) {
  .dn87a-about.dn90a .dn87a-hero { grid-template-columns: 1fr; padding: 20px 0 36px; gap: 26px; }
  .dn87a-about.dn90a .dn87a-site-photo { width: min(100%, 300px); justify-self: center; }
  .dn87a-about.dn90a .dn87a-lead { margin-top: 20px; max-width: 31ch; }
  .dn87a-about.dn90a .dn87a-actions { margin-top: 22px; }
  .dn87a-about.dn90a .dn87a-team { padding-top: 34px; padding-bottom: 36px; }
  .dn87a-about.dn90a .dn87a-focus { margin-bottom: 40px; }
}

/* V90: same-case people and fitting work lead the compact case directory. */
body main#content .dn90-field-directory .dn15-field-intro{max-width:100%;margin-bottom:28px}
body main#content .dn90-field-directory .dn15-field-intro h1{font-size:clamp(34px,3.5vw,48px);max-width:950px}
body main#content .dn90-field-directory .dn15-field-intro>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:780px}
body main#content .dn90-field-directory .dn15-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body main#content .dn90-field-directory .dn15-field-image{aspect-ratio:16/10!important}
body main#content .dn90-field-directory .dn90-case-cover-0{object-position:50% 17%!important}
body main#content .dn90-field-directory .dn90-case-cover-1{object-position:50% 68%!important}
body main#content .dn90-field-directory .dn15-field-copy{padding:22px;display:flex;flex-direction:column}
body main#content .dn90-field-directory .dn15-field-copy h2{font-size:23px;line-height:1.2;letter-spacing:-.025em}
body main#content .dn90-field-directory .dn15-field-context{font-size:13px;line-height:1.5}
body main#content .dn90-field-directory .dn15-field-decision{font-size:15px!important;line-height:1.6!important}
body main#content .dn90-field-directory .dn15-field-action{margin-top:auto;font-size:14px}
body main#content .dn90-field-directory .dn90-records-link{padding-top:22px;max-width:860px}
@media(max-width:1000px){body main#content .dn90-field-directory .dn15-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 body main#content .dn90-field-directory .dn15-field-grid{grid-template-columns:1fr;gap:22px}
 body main#content .dn90-field-directory .dn15-field-intro h1{font-size:34px}
 body main#content .dn90-field-directory .dn15-field-copy{padding:20px}
}

/* Shared rows keep captions, headings and expansion controls aligned across languages. */
@media(min-width:761px){
 @supports(grid-template-rows:subgrid){
  .dn87q.dn90q .dn87q-station{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
 }
}
