/* Sales attribution: representative evidence and the separate operating result. */
.attribution-opening { padding-top: 76px; }
.attribution-opening h1 { max-width: 1070px; margin-top: 0; }
.attribution-opening__body { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-top: 38px; }
.attribution-opening .product-intro { font-size: 23px; line-height: 1.6; }
.attribution-sale { display: grid; grid-template-columns: 1.15fr 1fr; gap: 85px; align-items: center; }
.attribution-sale .feature-art-space { margin: 0; }
.attribution-activity-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: end; margin-bottom: 30px; }
.attribution-activity-records { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 46px; }
.attribution-activity-records > div { padding-top: 24px; border-top: 2px solid var(--odx-accent); }
.attribution-activity-records dt { font-size: 23px; }
.attribution-activity-records + .product-note { margin-top: 30px; }
.attribution-result { display: grid; grid-template-columns: 1fr 1.15fr; gap: 85px; align-items: center; }
.attribution-result .feature-art-space { margin: 0; }
.attribution-result__links { display: flex; flex-wrap: wrap; gap: 10px 25px; }
.attribution-close > .wrap { display: grid; grid-template-columns: 1.2fr .8fr; gap: 90px; align-items: center; }
.attribution-close > .wrap > div:last-child { background: var(--odx-accent-soft); padding: 36px; border-radius: 22px; }
.attribution-close .product-link { display: flex; margin-top: 22px; }
@media(max-width:1100px) {
  .attribution-opening__body,.attribution-sale,.attribution-activity-heading,.attribution-result,.attribution-close > .wrap { gap: 42px; }
  .attribution-activity-records { gap: 30px; }
}
@media(max-width:800px) {
  .attribution-opening { padding-top: 54px; }
  .attribution-opening__body,.attribution-sale,.attribution-activity-heading,.attribution-activity-records,.attribution-result,.attribution-close > .wrap { grid-template-columns: 1fr; gap: 32px; }
  .attribution-opening__body,.attribution-activity-heading { gap: 0; }
  .attribution-opening .product-intro { font-size: 20px; }
  .attribution-result .feature-art-space { order: 2; }
}
@media(max-width:480px) {
  .attribution-opening .product-intro { font-size: 18px; }
  .attribution-close > .wrap > div:last-child { padding: 25px; }
}
