/* Solutions area (use cases + industries). Scoped by body[data-area=solutions] so shared template CSS stays untouched. */
/* FAQ: the +/× sits at the row's right edge, not at the 62ch text limit. */
[data-area=solutions] .detail-faq summary{max-width:none;align-items:baseline}
[data-area=solutions] .detail-faq summary:after{flex:none}
/* Closing CTA box keeps its top border (a shared rule strips top borders from main sections). */
[data-area=solutions] .detail-main>.detail-cta{border-top:1px solid var(--rule)!important;border-radius:18px}
/* Steps: number lines up with the step title; tighter rhythm; room after the flow lane; a grid on wide screens. */
[data-area=solutions] .detail-flow+.spacer{display:none}
[data-area=solutions] .detail-main figure.detail-flow{margin-bottom:44px}
[data-area=solutions] .detail-main figure.detail-flow:has(+p){margin-bottom:12px}
[data-area=solutions] .detail-steps{margin:0}
[data-area=solutions] .detail-steps li{padding-bottom:0!important;margin-bottom:28px}
[data-area=solutions] .detail-steps li:before{top:5px}
[data-area=solutions] .detail-steps h3{margin-bottom:8px}
[data-area=solutions] .detail-steps p{margin:0}
@media(min-width:1000px){
 [data-area=solutions] .detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px}
 [data-area=solutions] .detail-steps li{margin:0;padding-left:44px!important}
}
/* "Related" sits in a wrapper section: drop the inner section's extra padding and rule. */
[data-area=solutions] .detail-section>.detail-section{padding:0!important;margin:0;border:0!important}
/* Related cards: lighter on phones so seven links don't fill four screens. */
@media(max-width:700px){
 [data-area=solutions] .detail-section>.detail-section .detail-grid{gap:10px!important}
 [data-area=solutions] .detail-section>.detail-section .detail-grid>article{padding:16px 18px!important}
 [data-area=solutions] .detail-section>.detail-section .detail-grid h3{font-size:18px;margin-bottom:4px}
 [data-area=solutions] .detail-section>.detail-section .detail-grid p{margin:0}
}
/* Industries hub: five equal cards (3 + 2) instead of one tall featured card with empty space. */
@media(min-width:801px){
 [data-area=solutions][data-template=hub] .detail-grid.solutions-even:has(>article:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
 [data-area=solutions][data-template=hub] .detail-grid.solutions-even:has(>article:nth-child(3))>article:first-child{grid-row:auto}
 [data-area=solutions][data-template=hub] .detail-grid.solutions-even:has(>article:nth-child(3))>article:first-child h3{font-size:20px}
}