/* Markets section QA fixes (group 5). Page-level only; loaded after main.css. */
/* 4-step lists should fill the row instead of leaving a dead fifth column */
@media (min-width:961px){.steps:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}
/* breathing room when a step list follows a card grid */
.grid + .steps{margin-top:40px}
/* step list sitting beside a photo: stack it as a clean vertical list instead of five squeezed columns */
.split > .steps{grid-template-columns:1fr;gap:18px}
.split > .steps li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;border-top:0;border-left:2px solid var(--copper-500);padding:2px 0 2px 16px;align-items:baseline}
.split > .steps li::before{grid-row:1/3;font-size:28px;line-height:1}
.split > .steps li strong{grid-column:2;font-size:21px}
.split > .steps li{grid-template-rows:auto auto}
/* paragraph directly under a card grid */
.grid + p:not(.fn):not(.btn-row){margin-top:28px}
/* two-column FAQ for long question lists */
@media (min-width:961px){.mk-faq .prose{max-width:none;columns:2;column-gap:64px}.mk-faq .prose h3{break-after:avoid;margin-top:0;padding-top:1.4em}.mk-faq .prose p{break-inside:avoid;margin-top:.5em}}
/* wide banner photo: trim the camera overlay at the bottom edge */
main .photo.wide img{aspect-ratio:1280/480;object-position:50% 0}
/* let grid/split children shrink so wide tables scroll inside their wrapper instead of stretching the page */
.grid > *,.split > *{min-width:0}
@media (max-width:640px){
/* keep scrolling-table columns readable instead of one word per line */
.table-wrap td{min-width:150px}.table-wrap th[scope=row]{min-width:112px}
/* wide banner photo needs height on phones; centre crop keeps the stack of bags */
main .photo.wide img{aspect-ratio:4/3;object-position:50% 50%}
}