.solution-detail { padding: 40px 20px; background: var(--surface-page); }
.solution-detail__header { max-width: 900px; margin: 0 auto 48px; }
.solution-detail__header h1 { margin: 0 0 12px; font-size: var(--fs-28); font-weight: 600; }
.solution-detail__header p { margin: 0; font-size: var(--fs-16); color: var(--text-muted); line-height: 1.7; }
.solution-detail > div { max-width: 1000px; margin: 0 auto 40px; }
.solution-detail h2 { margin: 0 0 20px; font-size: var(--fs-20); font-weight: 600; }
.solution-detail__flow { background: var(--surface-card); padding: 24px; border-radius: var(--radius-card); }
.solution-detail__flow svg { margin: 12px 0; }
.solution-detail__equipment .hint { font-size: var(--fs-12); color: var(--text-subtle); margin: 0 0 12px; }
.spec-table { width: 100%; border-collapse: collapse; font-size: var(--fs-13); }
.spec-table th { background: var(--surface-sunken); padding: 12px; text-align: left; font-weight: 600; border-bottom: 1px solid var(--border); }
.spec-table td { padding: 12px; border-bottom: 1px solid var(--border); }
.spec-table td:nth-child(2), .spec-table td:nth-child(3) { font-family: var(--font-mono); font-size: var(--fs-12); }
.spec-table a { color: var(--primary); text-decoration: none; }
.spec-table a:hover { text-decoration: underline; }
.markets-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.market-card { background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 16px; }
.market-card h4 { margin: 0 0 8px; font-size: var(--fs-14); font-weight: 600; }
.market-card p { margin: 0 0 8px; font-size: var(--fs-12); color: var(--text-muted); }
.market-driver { display: block; font-size: var(--fs-11); color: var(--text-subtle); }