/* Reuse the shared page introduction, navigation and contact styles. */
.breadcrumb{flex-wrap:wrap;gap:8px 14px}
.breadcrumb>span:last-child{min-width:0}
.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.solution-card{display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:6px;background:#fff}
.solution-title{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.solution-title h2{font-size:26px;letter-spacing:-.4px}
.solution-title .icon{width:52px}
.solution-description{font-size:18px;color:var(--ink)}
.consultation-hint{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;margin-bottom:20px}
.consultation-hint h3{font-size:15px;margin-bottom:10px}
.solution-card>.detail-link{margin-top:auto;align-self:flex-start}
.consultation-guide{background:var(--pale)}
.consultation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}
.consultation-steps li{display:flex;gap:16px}
.consultation-steps h3{font-size:18px;margin-bottom:12px}
@media(max-width:900px){.solution-card{padding:24px}.solution-title{gap:16px}.solution-title h2{font-size:23px}.consultation-steps{gap:24px}}
@media(max-width:760px){.solution-grid{grid-template-columns:1fr;gap:20px}.solution-card{padding:24px}.solution-title h2{font-size:24px}.consultation-steps{grid-template-columns:1fr;gap:28px}.consultation-guide .heading{margin-bottom:32px}}
@media(max-width:359px){.solution-card{padding:20px}.solution-title{gap:12px}.solution-title h2{font-size:22px}.solution-title .icon{width:44px}.solution-description{font-size:17px}}
