/* The images contain the real production card surfaces and chart controls. */
.production-hero img {display:block;width:100%;height:auto}
.production-charts-intro,
.production-charts-sample,
.production-charts-note {max-width:780px}
.production-charts-intro {margin-bottom:12px}
.section .production-charts-sample {font-size:14px;line-height:1.6;margin-bottom:0}
.production-charts-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;row-gap:50px;margin-top:38px;align-items:start}
.production-chart {min-width:0;margin:0}
.production-chart-copy {margin-bottom:20px}
.production-chart-heading {display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}
.production-chart-heading h3 {margin:0;min-width:0}
.production-chart-tier {flex:none;font-size:12px;font-weight:600;letter-spacing:.025em;color:var(--blue);border:1px solid var(--line);border-radius:20px;padding:2px 10px}
.section .production-chart-copy p {font-size:15px;line-height:1.6;margin:0}
.production-chart-image {display:block;text-decoration:none;border-radius:18px;max-width:420px;margin:0 auto}
.production-chart-image img {display:block;width:100%;height:auto}
.production-chart-image:focus-visible {outline:2px solid var(--blue);outline-offset:6px}
.production-chart-enlarge {display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;min-height:44px;margin:8px auto 0;color:var(--blue);font-size:13px}
.section .production-charts-note {font-size:14px;line-height:1.65;margin:38px 0 0}
@media(max-width:860px){.production-charts-grid{column-gap:28px;row-gap:38px}.production-chart-heading{gap:12px}}
@media(max-width:620px){.production-charts-grid{grid-template-columns:minmax(0,1fr);row-gap:38px;margin-top:30px}.production-chart-copy{margin-bottom:16px}.production-chart-image{max-width:380px}.production-chart-heading h3{font-size:20px}.section .production-chart-copy p{font-size:15px}.section .production-charts-note{margin-top:30px}}