@layer legacy {
.selection-guide > p { max-width: 85ch; line-height: 1.8; margin: 0 0 16px; }
.selection-table-scroll { overflow-x: auto; border: 1px solid #cbd5e1; border-radius: 8px; }
.selection-table-scroll:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.selection-table { border-collapse: collapse; width: 100%; min-width: 550px; line-height: 1.7; text-align: left; }
.selection-table caption { text-align: left; padding: 10px 14px; font-size: .875rem; color: #475569; background: #f8fafc; }
.selection-table th, .selection-table td { padding: 12px 14px; vertical-align: top; border-top: 1px solid #e2e8f0; }
.selection-table thead th { background: #f8fafc; color: #334155; }
.selection-table tbody th { width: 23%; font-weight: 600; }
.selection-table td { width: 38.5%; }
.selection-guide .knowledge-faq { margin-top: 8px; }
.selection-scroll-hint { display: none; }
@media (max-width: 600px) {
    .selection-table { font-size: .875rem; }
    .selection-scroll-hint { display: block; margin-top: 4px; }
}
}